@charset "utf-8";

#sub_container{width:1440px;margin:0 auto}
#sub_contents_wrap{padding:125px 0 130px;position:relative;display:inline-block;width:100%}
/* 서브비주얼 */
.sub_titlebox h4{text-align:center;font-size:30px;font-weight:700;color:#fff;padding:73px 0;letter-spacing:-1px}
.sub_titlebox.sv_bg1{background:url(/pages/kimiro/img/sub/s_visual_bg1.jpg) no-repeat center top;}
.sub_titlebox.sv_bg2{background:url(/pages/kimiro/img/sub/s_visual_bg2.jpg) no-repeat center top;}
.sub_titlebox.sv_bg3{background:url(/pages/kimiro/img/sub/s_visual_bg3.jpg) no-repeat center top;}
.sub_titlebox.sv_bg4{background:url(/pages/kimiro/img/sub/s_visual_bg4.jpg) no-repeat center top;}
.sub_titlebox.sv_bg5{background:url(/pages/kimiro/img/sub/s_visual_bg5.jpg) no-repeat center top;}
.sub_titlebox.sv_bg6{background:url(/pages/kimiro/img/sub/s_visual_bg5.jpg) no-repeat center top;}

#lnb {float:left;width:390px;box-sizing:border-box;padding:0 80px 0 40px}
#lnb h3{font-size:35px;color:#000;font-weight:800;margin-bottom:45px;line-height:56px;letter-spacing:-1px}
#lnb ul li a{color:#989898;font-size:15px;line-height:22px;font-weight:600;display:block;width:100%;padding:0 0 20px}
#lnb ul li a.on{color:#d80b8c}
#lnb ul li a:hover{color:#333;text-decoration:none}
/* #lnb ul li a .sub_3depth{position:absolute;left:150px}
 */

#lnb .sub_3dmenu{border-left:2px solid #d81ab3;padding-left:20px;margin-bottom:30px}
#lnb .sub_3dmenu ul li a{font-size:15px;line-height:22px;padding:8px 0}


#contents{float:left;width:960px;position:relative;padding-top:3px}

.imgbox{text-align:center;padding:60px 0;}
.img_3box {overflow:hidden;margin-bottom:60px}
.img_3box img{float:left;}

/* .blank{background: rgba(0, 0, 0, 0) url(/pages/kimiro/img/main/icon_blank.png) no-repeat scroll 97% 11px;padding-right: 20px !important} */

.table_type1{margin: 4px 0 30px 0;}
.table_type1 table{border-top:1px solid #e2e2e2;text-align: center;font-size:14px;background:#fff;display:table}
.table_type1 td.ln_color {background:#e9eff3}
.table_type1 th,.table_type1 td{border-left: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;border-right: 1px solid #e2e2e2;}
.table_type1 thead th{background-color:#fff;color:#000;padding:14px;font-size:14px;font-weight:700;border-top:2px solid #333;border-bottom:2px solid #333;border-left:0;border-right:0}
.table_type1 td{color: #555;padding:10px 15px;line-height:160%}
.table_type1 a{font-weight:600;color:#de5a5a}
.table_type1 .m_info{display:none}
.table_type1 table th:first-child, .table_type1 table td:first-child{border-left: 0}
.table_type1 table th:last-child, .table_type1 table td:last-child {border-right:0}
.table_type1 table tr td:first-child{text-align: center}
.table_type1 table tbody{border-bottom:1px solid #000}
.table_type1 table tbody th{padding:15px;font-size:15px}
.table_type1 table td:last-child{text-align:left;padding-left:50px;width:30%}
.table_type1 table tbody tr.bg1{background:#f7f7f7;border-top:2px solid #333}

.ul_type1 {margin: 10px 0 25px 20px;clear:both;}
.ul_type1 li{padding-left:18px;position: relative;margin-bottom:5px;line-height:165%;color:#666;font-size:17px;font-weight:300}
.ul_type1 li span, .ul_type1_2 li strong {color: #000}
.ul_type1 li strong{padding-right:5px;color:#333}
.ul_type1 li a{border-bottom:1px dotted #333;color:#e6224c;margin-left:3px;font-weight:700}
.ul_type1 li:last-child{margin-bottom:0}
.ul_type1 li:before{content: '';display: block;position: absolute;left:0;top:12px;width: 3px;height: 3px;background-color: #3b486b}
.ul_type1 li span.red_point{color:#d75d5d}

.ul_type2 {margin: 0 0 25px 0}
.ul_type2 li{padding-left: 14px;position: relative;margin-bottom:5px;line-height:165%;color:#666}
.ul_type2 li span, .ul_type1_2 li strong {color: #000}
.ul_type2 li strong{padding-right:5px;color:#333}
.ul_type2 li a{border-bottom:1px dotted #333;color:#e6224c;margin-left:3px;font-weight:700}
.ul_type2 li:last-child{margin-bottom:0}
.ul_type2 li:before{content: '';display: block;position: absolute;left:5px;top:12px;width: 5px;height: 1px;background-color: #888}
.ul_type2 li span.red_point{color:#d75d5d}


/*공통 */
.h3_butt1{font-size:29px;color:#d80b8c;font-weight:800;line-height:45px;float:left;clear:both;margin-bottom:40px;letter-spacing:-1px}
.h3_butt1 span{display:block;font-size:18px}
.h3_butt2{font-size:29px;color:#d80b8c;font-weight:800;line-height:45px;width:100%;margin-bottom:30px;clear:both}
.h3_butt2 span{display:block;font-size:18px}
.h4_butt{position:relative;margin-top:50px;padding:7px 0;font-size:24px;font-weight:600;line-height:36px;margin-bottom:20px;clear:both;letter-spacing:-1px;display:block;width:100%;box-sizing:border-box}
/*
.h4_butt{position:relative;margin-top:50px;padding:7px 0 0 40px;font-size:25px;font-weight:300;line-height:30px;margin-bottom:20px;clear:both;letter-spacing:-1px;display:block;width:100%;box-sizing:border-box}
.h4_butt:before{position:absolute;content:'';border:4px solid #d80b8c;border-radius:50%;width:8px;height:8px;left:10px;top:15px}
*/
.h5_butt{font-size:18px;font-weight:700;color:#333;padding:10px 0  10px 10px;letter-spacing:-1px}
.text_type1{margin: 0 0 15px 5px;line-height:32px;color:#666;font-size:17px;font-weight:300}

.p_box{border:1px solid #ddd;padding:20px;box-sizing:border-box;padding:35px;font-size:17px;color:#555;line-height:33px;margin-top:50px}

.no_ie{background:#f2f2f2 url(/pages/kimiro/img/sub/no_ie.png) no-repeat 15px center;padding:30px 30px 30px 120px;margin-bottom:20px}


/* 뉴스
.board_search {width:70%;margin:0 auto 50px;border-bottom:2px solid #000;position:relative}
.board_search h4{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
.board_search input.search_input{width:80%;line-height:63px;height:63px;font-size:19px;color:#a8a8a6;border:none}
.board_search input[type="submit"]{position:absolute;top:0;right:0;width:54px;height:63px;text-indent:-99999px;background:url(/pages/kimiro/img/sub/icon_search.jpg) no-repeat right center;border:0;cursor:pointer;padding:0}

#board_list {position:relative;margin-top:70px}
#board_list ul li{border-bottom:1px solid #ddd;display:block;float:left;width:100%;position:relative}
#board_list ul li a{font-size:18px;color:#646464;line-height:75px;width:85%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;float:left}
#board_list ul li a:hover{font-weight:700;color:#d80b8c}
#board_list ul li .date{font-weight:800;color:#ccc;font-size:17px;line-height:75px;width:15%;float:left;text-align:right}

 */

/****** Mobile ******/
@media screen and (max-width:690px){

	#sub_container{width:100%;margin-top:60px}
	#lnb{display:none}
	#sub_contents_wrap{padding:40px 20px;box-sizing:border-box}
	#contents{width:100%;padding:0}

	.h4_butt{font-size:23px;margin-top:30px}
	
	/* 조직도 */
	.org_imgbox{padding:20px 0}
	.org_imgbox img{width:100%}
	.tblWrap{overflow:hidden;overflow-x:scroll !important;width:100%;padding-top:40px !important;background:url('../imgs/common/swipe.png') no-repeat right top; background-size:60px}
	.tblWrap:before{display:block;margin-bottom:10px; content:"※ You can scroll left to see the contents.";font-weight:500;color:#d80b8c}
	.tblWrap table{min-width:700px}
	.org_imgbox:after{content: 'The first part of the phone number is the same as 82-62-530-0000.';display:block;position:absolute;right:0;bottom:-10px;height:30px;font-weight:700;color:#888;font-size:13px}
	.org_imgbox:after{bottom:-16px;height:50px;text-align:right;line-height:18px}

}

/****** Tablet Device ******/
@media screen and (min-width:691px) and (max-width:899px) {

	#sub_container{width:100%;margin-top:60px}
	#lnb{display:none}
	#sub_contents_wrap{padding:40px 20px;box-sizing:border-box}
	#contents{width:100%;padding:0}

	.h4_butt{font-size:25px;margin-top:30px}

	/* 조직도 */
	.org_imgbox{padding:20px 0}
	.org_imgbox img{width:100%}
	.tblWrap{overflow:hidden;overflow-x:scroll !important;width:100%;padding-top:40px !important;background:url('../imgs/common/swipe.png') no-repeat right top; background-size:60px}
	.tblWrap table{min-width:700px}
	.org_imgbox:after{content: 'The first part of the phone number is the same as 82-62-530-0000.';display:block;position:absolute;right:0;bottom:-10px;height:30px;font-weight:700;color:#888;font-size:13px}

}


/****** Tablet Device ******/
@media screen and (min-width:899px) and (max-width:1024px) {

#header_wrap{height:200px}
#sub_container{width:100%}
#lnb{display:none}
#sub_contents_wrap{padding:100px 10px 130px;box-sizing:border-box}
#contents{width:100%;padding:0}
.org_imgbox img{max-width:100%}
}


/****** wide desktop ******/

@media screen and (min-width:1025px) and (max-width:1440px) {

#header_wrap{height:200px}
#sub_container{width:100%}
#sub_contents_wrap{padding:100px 10px 130px;box-sizing:border-box}
#contents{width:75%;padding:0}
#lnb{width:25%;padding:0 50px 0 0 }

.h3_butt1{width:100%}

.imgbox img{max-width:100%}

.org_imgbox img{max-width:100%}
}

