html,
body { height: 100%; }
html { overflow-y: scroll; }
body { font-size: 12px; letter-spacing: -0.5px; font-family:'Nanum Gothic', Arial, Dotum, Gulim, AppleGothic, Sans-serif; color: #4a515f; }
.overlay { width: 100%; height: 100%; background: #CCC; position: fixed; top: 0; left: 0; z-index: 99; opacity:0.5; filter:alpha(opacity=50);}

/*=========================================================================================================================
	common
=========================================================================================================================*/
.nanum { font-family: "Nanum Gothic", "Dotum"; }

/* 테두리 초기화 */
*:focus{outline:none;}
* {-webkit-tap-highlight-color:rgba(0,0,0,0);}

/* 포커스 */

a { color: #a0a19f; }

/* form */
textarea,
select,
input[type='text'],
input[type='tel'],
input[type='password'] { font-size: 12px; font-family: Arial, Dotum, Sans-serif; outline-style: none; border: 0; background: none; color: #a0a19f;  }
.form_line { padding: 2px 5px; border: 1px solid #9a9a9a; }
.textarea_line { padding: 5px; border: 1px solid #9a9a9a; }
select{-webkit-appearance:none;background:url(/common/css/mobile/images/ico/select_bg01.png) no-repeat calc(100% - 5px) 50%;background-size:12px}

/* select */
.styled_select { position: relative; }

.styled_select select {
	background: transparent;
	-webkit-appearance: none;
	position: relative; z-index: 10;
}

.styled_select .select_bg {
	width: 12px; height: 6px;
	background: url(./images/ico/select_bg01.png) right 50% no-repeat;
	background-size: cover;
	position: absolute; right: 5px; top: 11px; z-index: 0;

}

.styled_select .select_bg02 {
	width: 22px; height: 22px;
	background: url(./images/ico/select_bg02.gif) left top no-repeat;
	background-size: cover;
	position: absolute; right: 1px; top: 1px; z-index: 0;

}


/* align */
.tal { text-align: left; }
.tac { padding-left: 0; padding-right: 0; text-align: center; }
.tar { text-align: right; }

/* float */
.f_left { float: left; }
.f_right { float: right; }

/* size */
.fs_11 { font-size: 11px; }
.fs_13 { font-size: 13px; }
.fs_14 { font-size: 14px; }
.fs_16 { font-size: 16px; }

/* font */
.fs_11 { font-size: 11px; }


.fc_charcoal { color: #4a515f; }
.fc_black { color: #000; }
.fc_blue { color: #0068c3; }
.fc_green { color: #19a140; }
.fc_gray { color: #9d9d9e; }


/* margin */
.ml_5 { margin-left: 5px; }
.ml_10 { margin-left: 10px; }
.mt_5 { margin-top: 5px; }
.mb_5 { margin-bottom: 5px; }
.mb_10 { margin-bottom: 10px; }
.mb_15 { margin-bottom: 15px; }
.mb_20 { margin-bottom: 20px; }
.mb_30 { margin-bottom: 30px; }
.mb_50 { margin-bottom: 50px; }

/* border */
.txt_deco { text-decoration: underline; }

/* padding */


/* list */
.list_type01 li { padding-left: 8px; text-align: justify; background: url(./images/bg/list_type01.gif) no-repeat left 6px; background-size: 2px; }
.list_type02 li { margin-left: 15px; }
.list_type02 li .head { margin-left: -18px; margin-right: 5px; }
.list_type03 { padding: 20px 15px 0;  }
.list_type03 dt { margin-bottom: 8px; padding-left: 10px; font-size: 14px; font-weight: bold; background: url(./images/bg/list_type03.gif) no-repeat left 1px; background-size: 5px auto; color: #858991; }
.list_type03 dd { font-size: 11px; }
.list_type04 li:last-child { border-bottom: 0; }

.list_type03 table{margin-left:0 !important;width:100% !important;table-layout: fixed;display: block;}


/* gray_box */
.gray_box {
	padding: 15px;
	border-radius: 6px;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
	background: #f0f0f2;
}

/*
	button
---------------------------------------------------*/
.btn_area { padding: 15px 20px 20px; }
.btn_gray {
	display: block;
	padding: 6px 0;
	text-align: center;
	border: 1px solid #d4d4d4;
	border-right: 1px solid #b4b4b4;
	border-bottom: 1px solid #909090;

	border-radius: 3px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;

	background: -moz-linear-gradient(90deg, #f1f1f1 0%, #f4f4f4 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, #f4f4f4)); /* safari4+,chrome */
	background: -webkit-linear-gradient(90deg, #f1f1f1 0%, #f4f4f4 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(90deg, #f1f1f1 0%, #f4f4f4 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(90deg, #f1f1f1 0%, #f4f4f4 100%); /* ie10+ */
	background: linear-gradient(0deg, #f1f1f1 0%, #f4f4f4 100%); /* w3c */
	filter: progid:DXImageTransform.eaeaec.gradient( startColorstr='#f1f1f1', endColorstr='#f4f4f4',GradientType=0 ); /* ie6-9 */

	box-shadow: 1px 1px 0 0 #d4d4d4;

}
.btn_gray a { display: block; font-weight: bold; font-size: 14px; color: #484f55; text-shadow: 0 1px 2px #f6f6f6; }
.btn_gray a:hover,
.btn_gray a:visited { color: #484f55; }

.btn_dark_gray {
	display: inline-block;
	padding: 2px 5px;
	text-align: center;
	font-size: 10px;

	border: 1px solid #858585;
	border-radius: 3px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;

	background: #aeafb4;
	box-shadow: 1px 1px 0 0 #d4d4d4;

}
.btn_dark_gray a:hover,
.btn_dark_gray a:visited,
.btn_dark_gray a { display: block; min-width: 60px; font-weight: bold; color: #fff; text-shadow: 0 1px 2px #abacb1; }

.btn_charcoal {
	display: block;
	margin: 0 auto;
	text-align: center;
	width: 50%; min-width: 100px;
	border-radius: 13px;
	-moz-border-radius: 13px;
    -webkit-border-radius: 13px;

	background: -moz-linear-gradient(90deg, #464c58 0%, #5d6471 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #464c58), color-stop(100%, #5d6471)); /* safari4+,chrome */
	background: -webkit-linear-gradient(90deg, #464c58 0%, #5d6471 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(90deg, #464c58 0%, #5d6471 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(90deg, #464c58 0%, #5d6471 100%); /* ie10+ */
	background: linear-gradient(0deg, #464c58 0%, #5d6471 100%); /* w3c */
	filter: progid:DXImageTransform.eaeaec.gradient( startColorstr='#464c58', endColorstr='#5d6471',GradientType=0 ); /* ie6-9 */


}
.btn_charcoal a:hover,
.btn_charcoal a:visited,
.btn_charcoal a { display: block; padding-top: 4px; padding-right: 15px; height: 20px; font-weight: bold; color: #fff; text-shadow: 1px 1px #3b414b; position: relative; }

.btn_search a:hover,
.btn_search a:visited,
.btn_search a { display: block; width: 69px; height: 60px; background: url(./images/btn/btn_search.gif) no-repeat left top; background-size: cover; }
#contents .btn_down { display: inline-block; padding-left: 23px; width: 65px; height: 20px; line-height: 21px; font-size: 11px; font-weight: bold; background: url(./images/btn/btn_down.gif) no-repeat left top; background-size: cover; color: #1c1c1c; }
#contents .btn_down:hover,
#contents .btn_down:visited { color: #1c1c1c; }
.btn_map { display: inline-block; width: 54px; height: 15px; background: url(./images/btn/btn_map.gif) no-repeat left top; background-size: cover; }

/*
	bullet
---------------------------------------------------*/
.arrow_bot { display: inline-block; width: 10px; height: 8px; background: url(./images/ico/arrow_bot.png) no-repeat right top; background-size: 10px 8px; }
.arrow_left { display: inline-block; width: 8px; height: 10px; background: url(./images/ico/arrow_left.png) no-repeat left top; background-size: 8px 10px; }
.arrow_bot_white { display: inline-block; width: 26px; height: 24px; background: url(./images/ico/arrow_bot_white.png) no-repeat left top; background-size: cover; position: absolute; right: 0; top: 0; }


/*==========================================================================================================================
* quick
==========================================================================================================================*/
#quick { width: 80%; height: 100%; position: absolute;
	z-index: 100;
	left: -80%;
	background: -moz-linear-gradient(180deg, #414651 0%, #4c535e 8px, #4e5562 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4e5562), color-stop(90%, #d3d3d3), color-stop(100%, #4e5562)); /* safari4+,chrome */
	background: -webkit-linear-gradient(180deg, #414651 0%, #4c535e 8px, #4e5562 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(180deg, #414651 0%, #4c535e 8px, #4e5562 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(180deg, #414651 0%, #4c535e 8px, #4e5562 100%); /* ie10+ */
	background: linear-gradient(270deg, #414651 0%, #4c535e 8px, #4e5562 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e5562', endColorstr='#414651',GradientType=1 ); /* ie6-9 */

}
#wrap { width: 100%; min-height: 100%; height: auto; position: absolute; top: 0; background: #fff; }
.ui-page-active.fix { position: fixed; background: #Fff; }

.quick_top {
	background: -moz-linear-gradient(180deg, #b8b8b8 0%, #d3d3d3 8px, #d9d9d9 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #d9d9d9), color-stop(90%, #d3d3d3), color-stop(100%, #b8b8b8)); /* safari4+,chrome */
	background: -webkit-linear-gradient(180deg, #b8b8b8 0%, #d3d3d3 8px, #d9d9d9 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(180deg, #b8b8b8 0%, #d3d3d3 8px, #d9d9d9 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(180deg, #b8b8b8 0%, #d3d3d3 8px, #d9d9d9 100%); /* ie10+ */
	background: linear-gradient(270deg, #b8b8b8 0%, #d3d3d3 8px, #d9d9d9 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#b8b8b8',GradientType=1 ); /* ie6-9 */
	position: relative;
	z-index: 10;
}

.menu { height: 40px; line-height: 40px; text-align: center; font-family: Arial; font-size: 16px; font-weight: bold; opacity:0.8; filter:alpha(opacity=80); color: #72767f; }
.home { display: block; width: 44px; height: 40px; background: url(./images/ico/ico_home.png) no-repeat left top; background-size: cover; position: absolute; right: 0; top: 0; }

.quick_nav { margin-top: -40px; height: 100%; background: url(./images/bg/quick_bg.gif) repeat-y; background-size: 120px auto; position: relative; }
.quick_box:first-child { padding-top: 40px; }
.quick_box { position: relative; }
.quick_box h2 { position: absolute; padding-top: 8px; display: block; width: 120px; background: url(./images/bg/quick_nav_bg01.gif) repeat-x left bottom #3f4654; z-index: 10; }
.quick_box h2 img { padding-left: 10px; }
.quick_box ul { padding-left: 120px; padding-bottom: 3px; background: url(./images/bg/quick_nav_bg02.gif) repeat-x left bottom #4e5562; }
.quick_box ul li {
	background: -moz-linear-gradient(180deg, #414651 0%, #4c535e 8px, #4e5562 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4e5562), color-stop(90%, #d3d3d3), color-stop(100%, #4e5562)); /* safari4+,chrome */
	background: -webkit-linear-gradient(180deg, #414651 0%, #4c535e 8px, #4e5562 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(180deg, #414651 0%, #4c535e 8px, #4e5562 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(180deg, #414651 0%, #4c535e 8px, #4e5562 100%); /* ie10+ */
	background: linear-gradient(270deg, #414651 0%, #4c535e 8px, #4e5562 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e5562', endColorstr='#414651',GradientType=1 ); /* ie6-9 */
}
.quick_box ul li a:hover,
.quick_box ul li a:visited,
.quick_box ul li a { padding-right: 25px; display: block; padding-left: 10px; height: 30px; line-height: 30px; background: url(./images/bg/quick_sub_bg.png) no-repeat right 50%; background-size: 20px 10px; color: #e3e4e5; }
.quick_box ul li.quick_nav03_item a{height:30px;line-height:30px;}
.quick_box ul li.on {
	background: -moz-linear-gradient(180deg, #1b669c 0%, #1f74b1 8px, #000 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1b669c), color-stop(90%, #1f78b7), color-stop(100%, #1f78b7)); /* safari4+,chrome */
	background: -webkit-linear-gradient(180deg, #1b669c 0%, #1f74b1 8px, #1f78b7 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(180deg, #1b669c 0%, #1f74b1 8px, #1f78b7 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(180deg, #1b669c 0%, #1f74b1 8px, #1f78b7 100%); /* ie10+ */
	background: linear-gradient(270deg, #1b669c 0%, #1f74b1 8px, #1f78b7 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b669c', endColorstr='#1f78b7',GradientType=1 ); /* ie6-9 */
}
.quick_box ul li.on a { background: url(./images/bg/quick_sub_bg_on.png) no-repeat right 50%; background-size: 20px 10px; color: #fff; }
.quick_nav01 { height:93px; }
.quick_nav01 h2 { height: 85px; }
.quick_nav02 { height: 63px; }
.quick_nav02 h2 { height: 55px; }
.quick_nav03 { height: 152px; }
.quick_nav03 h2 { height: 145px; }
.quick_nav04 { height: 63px; }
.quick_nav04 h2 { height: 55px; }
.quick_nav05 { height: 93px; }
.quick_nav05 h2 { height: 85px; }

/*
.quick_nav { margin-top: -40px; height: 100%; background: url(./images/bg/quick_bg.gif) repeat-y; background-size: 120px auto; position: relative; }
.quick_nav > ul { padding-top: 40px; }
.quick_nav > ul > li { position: relative; }
.quick_nav > ul > li .bg_line { padding-top: 10px; display: block; width: 120px; background: url(./images/bg/quick_nav_bg01.gif) repeat-x left bottom; position: relative; }
.quick_nav ul ul { position: absolute; left: 120px; top: 0; }
.quick_nav ul ul li a { display: block; height: 23px; line-height: 23px; }
.quick_nav a { display: block; font-size: 15px; color: #fff;  }
.quick_nav ul ul li a.on { display: block; background: #1f78b7; }
.quick_nav01 .bg_line { height: 100px; }
.quick_nav02 .bg_line { height: 40px; }
.quick_nav03 .bg_line { height: 40px; }
.quick_nav04 .bg_line { height: 100px; }
.quick_nav05 .bg_line { height: 60px; }*/


/*==========================================================================================================================
* Header
==========================================================================================================================*/
#header { width: 100%; position: fixed; z-index: 10; }
.top_menu {
	padding-top: 5px;
	background: -moz-linear-gradient(90deg, #e3e4e6 0%, #eaeaec 10%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d3d4d8), color-stop(10%, #eaeaec)); /* safari4+,chrome */
	background: -webkit-linear-gradient(90deg, #e3e4e6 0%, #eaeaec 10%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(90deg, #e3e4e6 0%, #eaeaec 10%); /* opera 11.10+ */
	background: -ms-linear-gradient(90deg, #e3e4e6 0%, #eaeaec 10%); /* ie10+ */
	background: linear-gradient(0deg, #e3e4e6 0%, #eaeaec 10%); /* w3c */
	filter: progid:DXImageTransform.eaeaec.gradient( startColorstr='#e3e4e6', endColorstr='#eaeaec',GradientType=0 ); /* ie6-9 */
	position: relative;
	overflow: hidden;
}
.top_bg {
	}
.top_menu h1 { padding: 3px 0 2px; text-align: center; }
.top_menu h1 a { display: inline-block; width: 104px; height: 25px; background: url(./images/layout/header/logo.png) no-repeat left top; background-size: cover; }
.quick_menu { display: block; width: 24px; height: 15px; background: url(./images/layout/header/quick_menu.png) no-repeat left top; background-size: cover; position: absolute; left: 10px; top: 13px; }
.top_search { display: block; width: 20px; height: 20px; background: url(./images/layout/header/ico_search.png) no-repeat left top; background-size: cover; position: absolute; right: 10px; top: 9px; }
.search_form { display: none; margin: 5px 10px; padding: 3px 67px 3px 5px; position: relative; }
.search_form {
	border: 1px solid #c4c4c4;
	border-radius: 3px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	background: #fff;
}
.search_form input { width: 100%; height: 20px; }
.btn_search02 { display: block; width: 58px; height: 26px; background: url(./images/btn/btn_search02.png) no-repeat left top; background-size: cover; position: absolute; right: 0; top: 0; }


.nav {
	overflow: hidden;
	border-bottom: 1px solid #dedede;
	background: -moz-linear-gradient(90deg, #464c58 0%, #5d6471 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #464c58), color-stop(100%, #5d6471)); /* safari4+,chrome */
	background: -webkit-linear-gradient(90deg, #464c58 0%, #5d6471 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(90deg, #464c58 0%, #5d6471 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(90deg, #464c58 0%, #5d6471 100%); /* ie10+ */
	background: linear-gradient(0deg, #464c58 0%, #5d6471 100%); /* w3c */
	filter: progid:DXImageTransform.eaeaec.gradient( startColorstr='#464c58', endColorstr='#5d6471',GradientType=0 ); /* ie6-9 */

}
#header .nav li { width: 19%; padding: 10px 0; text-align: center; float: left; }
#header .nav li:nth-child(3) { width: 24%; }
#header .nav li a { display: block; color: #fff; font-weight: normal; }

/*==========================================================================================================================
* visual
==========================================================================================================================*/
.visual { text-align: left; }
.visual_bg img { vertical-align: top; width: 100%; height: auto; max-width: 640px; }
.visual_0301 { background: url(./images/layout/visual/visual_0301.jpg) no-repeat right top; background-size: auto 100%; }
.visual_0401 { background: url(./images/layout/visual/visual_0401.jpg) no-repeat right top; background-size: auto 100%; }
.visual_0402 { background: url(./images/layout/visual/visual_0402.jpg) no-repeat right top; background-size: auto 100%; }
.visual_0403 { background: url(./images/layout/visual/visual_0403.jpg) no-repeat right top; background-size: auto 100%; }
.visual_0404 { background: url(./images/layout/visual/visual_0404.jpg) no-repeat right top; background-size: auto 100%; }
.visual_0201 { background: url(./images/layout/visual/visual_0201.jpg) no-repeat right top; background-size: auto 100%; }
.visual_0501 { background: url(./images/layout/visual/visual_0501.jpg) no-repeat right top; background-size: auto 100%; }
.visual_0502 { background: url(./images/layout/visual/visual_0502.jpg) no-repeat right top; background-size: auto 100%; }
.visual_0503 { background: url(./images/layout/visual/visual_0503.jpg) no-repeat right top; background-size: auto 100%; }

/*==========================================================================================================================
* Content
==========================================================================================================================*/
/* #contents { padding-top: 79px; } */
#contents { padding-top: 115px; }/* 161222 수정 */
#contents.pad { padding-top: 117px; }

.cont { line-height: 150%; }
.txt_justi { text-align: justify; }

/*
	sub_nav
---------------------------------------------------*/
.sub_nav { overflow: hidden; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; }
.sub_nav ul { overflow: hidden;}
.sub_nav li { text-align: center; line-height:11px;height:32px; font-size: 11px; background: url(./images/bg/sub_nav_bg.gif) no-repeat left 40%; float: left; }
.sub_nav li:first-child { background: none; }
.sub_nav li a:hover,
.sub_nav li a:visited,
.sub_nav li a { padding: 8px 0; display: inline-block; font-weight: normal; color: #4a515f; }
.sub_nav li a.on { padding-top: 6px; font-weight: bold; border-top: 2px solid #3582c8; color: #3582c8; }
.width_type01 li { width: 100%; }
.width_type03 li { width: 33.3%; }
.width_type04 li { width: 25%; }
.width_type05 li { width: 18.5%; letter-spacing: ; }
.width_type05 li:first-child { width: 22.5%; }
.width_type05 li:nth-child(3) { width: 19% }
.width_type05 li:last-child { width: 21.5%; }
.width_type05{ display:flex; align-items:center}
.width_type05 > li{ width:auto !important; flex:1 1 auto}


/*
	grd_bg
---------------------------------------------------*/
.cont_type01 { padding: 0 15px 20px; }
.grd_bg {
	padding-top: 30px;
	background: -moz-linear-gradient(270deg, #f6f6f7 0%, #ffffff 30px, #ffffff 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f7), color-stop(30px, #ffffff), color-stop(100%, #ffffff)); /* safari4+,chrome */
	background: -webkit-linear-gradient(270deg, #f6f6f7 0%, #ffffff 30px, #ffffff 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(270deg, #f6f6f7 0%, #ffffff 30px, #ffffff 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(270deg, #f6f6f7 0%, #ffffff 30px, #ffffff 100%); /* ie10+ */
	background: linear-gradient(180deg, #f6f6f7 0%, #ffffff 30px, #ffffff 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f7', endColorstr='#ffffff',GradientType=0 ); /* ie6-9 */
}
.cont_type02 { padding: 0; }
.h2_wrap{padding:0 20px;}
.h2_wrap:nth-child(n + 2){margin-top:40px;}
.h2_style1{font-size:24px;font-weight:600;color:#333;font-family:'Nanum Gothic';}
.grd_top_p{font-size:15px;font-weight:500;color:#919191;font-family:'Nanum Gothic';margin-top:15px;margin-bottom:30px;}

/*
	main
---------------------------------------------------*/
.main_wrap { margin: 0 auto 10px; width: 100%; }
.main_img { text-align: center; border-bottom: 1px solid #eaeaec; }
.main_img img { width: 100%; width: 640px; height: 438px; vertical-align: bottom; }
.main_box .txt_box { padding: 10px; }
.main_box h2 { margin-bottom: 3px; font-weight: bold; font-size: 14px; font-family: "Nanum Gothic", "Dotum"; color: #454546; }
.main_box h2 a { color: #454546; font-weight: bold; }
.main_box h2 .tit_line { display: block; width: 18px; border-bottom: 1px solid #454546; }
.main_box .ellipsis { padding-right: 70px; line-height: 140%; color: #a3a3a3; }
.main_box .ellipsis a { color: #a3a3a3;}

.main_wrap .bx-wrapper .bx-pager.bx-default-pager { position: absolute; right: 10px; bottom: 10px; }
.main_wrap .bx-wrapper .bx-pager.bx-default-pager a { margin-right: 2px; display: block; width: 19px; height: 18px; font-family: "Nanum Gothic", "Dotum"; text-align: center; font-weight: bold; font-size: 11px; background: url(./images/bg/media_pager_bg.gif) no-repeat left top; background-size: cover; opacity:0.4; filter:alpha(opacity=40); color: #fff; }
.main_wrap .bx-wrapper .bx-pager.bx-default-pager a.active { opacity:1; filter:alpha(opacity=100); }

/*
.main_wrap .owl-carousel .owl-pagination { position: absolute; right: 10px; bottom: 10px; }
.main_wrap .owl-carousel .owl-pagination .owl-page { float: left; }
.main_wrap .owl-carousel .owl-pagination .owl-page span { margin-right: 2px; display: block; width: 19px; height: 19px; background: url(./images/bg/owl-page_main01.png) no-repeat left top; background-size: cover; opacity:0.4; filter:alpha(opacity=40); color: #fff; }
.main_wrap .owl-carousel .owl-pagination .owl-page:nth-child(2) span { background: url(./images/bg/owl-page_main02.png) no-repeat left top; background-size: cover; }
.main_wrap .owl-carousel .owl-pagination .owl-page:nth-child(3) span { background: url(./images/bg/owl-page_main03.png) no-repeat left top; background-size: cover; }
.main_wrap .owl-carousel .owl-pagination .owl-page.active span { opacity:1; filter:alpha(opacity=100); }*/

/*
.main_wrap { margin: 0 auto 10px; width: 100%; }
.main_img { text-align: center; border-bottom: 1px solid #eaeaec; }
.main_img img { width: 100%; max-width: 640px; vertical-align: bottom; }
.main_box .txt_box { padding: 10px; }
.main_box h2 { margin-bottom: 3px; font-weight: bold; font-size: 14px; font-family: "Nanum Gothic", "Dotum"; color: #454546; }
.main_box h2 .tit_line { display: block; width: 18px; border-bottom: 1px solid #454546; }
.main_box .ellipsis { padding-right: 70px; line-height: 140%; color: #a3a3a3; }
.main_wrap .bx-wrapper .bx-pager.bx-default-pager { position: absolute; right: 10px; bottom: 10px; }
.main_wrap .bx-wrapper .bx-pager.bx-default-pager a { margin-right: 2px; display: block; width: 19px; height: 18px; font-family: "Nanum Gothic", "Dotum"; text-align: center; font-weight: bold; font-size: 11px; background: url(./images/bg/media_pager_bg.gif) no-repeat left top; background-size: cover; opacity:0.4; filter:alpha(opacity=40); color: #fff; }
.main_wrap .bx-wrapper .bx-pager.bx-default-pager a.active { opacity:1; filter:alpha(opacity=100); } */

.middle_wrap { border-top: 1px solid #e4e4e4; overflow: hidden; }
.mid_box { width: 50%; float: left; position: relative; }
.middle_wrap .new_box { }
.middle_wrap .mid_box:last-child { margin-left: -1px;  border-left: 1px solid #e4e4e4; }
.middle_wrap .bx-wrapper .bx-pager.bx-default-pager { position: absolute; bottom: 5px; right: 5px}
.middle_wrap .bx-wrapper .bx-pager.bx-default-pager a { margin-right: 2px; display: block; width: 6px; height: 6px; text-indent: -10000px; background: url(./images/bg/basic_pager_bg.gif) no-repeat left top; background-size: cover; opacity:0.4; filter:alpha(opacity=40); color: #fff; }
.middle_wrap .bx-wrapper .bx-pager.bx-default-pager a.active { opacity:1; filter:alpha(opacity=100); }
.middle_wrap .bx-controls-direction {  }
.middle_wrap .rolling .bx-prev,
.middle_wrap .rolling .bx-next { display: none; }
/*
.middle_wrap .owl-carousel .owl-pagination { position: absolute; bottom: 5px; right: 5px}
.middle_wrap .owl-carousel .owl-pagination .owl-page { float: left; }
.middle_wrap .owl-carousel .owl-pagination .owl-page span { margin-right: 2px; display: block; width: 9px; height: 9px; text-indent: -10000px; background: url(./images/bg/basic_pager_bg.gif) no-repeat left top; background-size: cover; opacity:0.4; filter:alpha(opacity=40); color: #fff; }
.middle_wrap .owl-carousel .owl-pagination .owl-page.active span { opacity:1; filter:alpha(opacity=100); }
.middle_wrap .bx-controls-direction {  }
.middle_wrap .rolling .owl-buttons { display: none; }*/
.rolling { }
.middle_wrap dl { padding: 10px; }
.middle_wrap dl dt { text-align: center; }
.middle_wrap dl dt img { width: 100%; height: auto; }
.middle_wrap dl .slide_tit { margin-bottom: 3px; font-weight: bold; font-size: 14px; font-family: "Nanum Gothic", "Dotum"; color: #454546; }
.middle_wrap dl .tit_line { display: block; width: 18px; border-bottom: 1px solid #454546; }
.ico_best { position: absolute; right: 0; top: 0; z-index: 1; }
.ico_best img { width: 60px; height: 60px; }

/*
	introduction
---------------------------------------------------*/
/* ceo */
.ceo_cont { overflow: hidden; }
.ceo_cont p { padding: 0 15px; }
.ceo_txt { padding-left: 15px; }
.ceo_pho { float: right; }
.ceo_pho img { width: 150px; height: auto; vertical-align: bottom; }
.ceo_name { display: block; margin-top: 30px; }
.ceo_name img { width: 120px; height: auto; }

/* company */
.company_box { padding: 3px 0 0 160px; background: url(./images/cont/img/status_img01.jpg) no-repeat left top; background-size: 150px auto; }
.company_box dt img { width: auto; height: 10px; }
.company_box dd img { width: auto; height: 11px; }
.company_box dd { margin: 3px 0 8px; padding-bottom: 8px; border-bottom: 1px solid #e6e6e6; }
.company_box dd.last { border: none; padding-bottom: 0; }
.company_box dd.last img { height: 26px; }

/* way */
.way_img li { padding-top: 20px; text-align: center; border-bottom: 1px dashed #c9c9c9;  }
.way_img li:last-child { border-bottom: 0; }
.way_img li img { width: 100%; max-width: 596px; }

/* media */
.media_wrap { margin: 0 auto 10px; width: 100%; max-width: 640px; }
.media_img { text-align: center; }
.media_img img { width: 100%; max-width: 640px; vertical-align: bottom; }
.media_box .txt_box { padding: 10px; }
.media_wrap a:hover,
.media_wrap a:visited,
.media_wrap a { color: #a3a3a3; }
.media_box h2 { margin-bottom: 3px; font-weight: bold; font-size: 14px; font-family: "Nanum Gothic", "Dotum"; color: #454546; }
.media_box h2 a:hover,
.media_box h2 a:visited,
.media_box h2 a { color: #454546; font-weight: bold;  }
.media_box h2 .tit_line { display: block; width: 18px; border-bottom: 1px solid #454546; }
.media_box .ellipsis a { display: block; padding-right: 70px; line-height: 140%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; color: #a3a3a3; }
.media_wrap .bx-wrapper .bx-pager.bx-default-pager { position: absolute; right: 10px; bottom: 10px; }
.media_wrap .bx-wrapper .bx-pager.bx-default-pager a { margin-right: 2px; display: block; width: 19px; height: 18px; font-family: "Nanum Gothic", "Dotum"; text-align: center; font-weight: bold; font-size: 11px; background: url(./images/bg/media_pager_bg.gif) no-repeat left top; background-size: cover; opacity:0.4; filter:alpha(opacity=40); color: #fff; }
.media_wrap .bx-wrapper .bx-pager.bx-default-pager a.active { opacity:1; filter:alpha(opacity=100); }
/*
.media_wrap .owl-carousel .owl-pagination { position: absolute; right: 10px; bottom: 10px; }
.media_wrap .owl-carousel .owl-pagination .owl-page { float: left; }
.media_wrap .owl-carousel .owl-pagination .owl-page span { margin-right: 2px; display: block; width: 19px; height: 19px; background: url(./images/bg/owl-page_main01.png) no-repeat left top; background-size: cover; opacity:0.4; filter:alpha(opacity=40); color: #fff; }
./media_wrap .owl-carousel .owl-pagination .owl-page:nth-child(2) span { background: url(./images/bg/owl-page_main02.png) no-repeat left top; background-size: cover; }
.media_wrap .owl-carousel .owl-pagination .owl-page:nth-child(3) span { background: url(./images/bg/owl-page_main03.png) no-repeat left top; background-size: cover; }
.media_wrap .owl-carousel .owl-pagination .owl-page.active span { opacity:1; filter:alpha(opacity=100); }*/

/* Contact Us */
.map_wrap { margin-bottom: 10px; }
.map_box { width: 100%; }
.map_img {overflow:hidden;display:flex;align-items:center;justify-content:center;text-align: center; border-bottom: 1px solid #eaeaec; }
.map_img img {height:280px;vertical-align: bottom; }
.map_img img.img2{position:relative;left:-30px}
.map_img img.img3{position:relative;}
.map_box .txt_box { padding: 10px; }
.map_box .txt_box h2 img { width: auto; height: 13px; }
.map_box .txt_box ul li { line-height: 140%; font-size: 10px; }
.map_box .last_th { margin-top: 5px; }
.map_box .last_th .btn_map { vertical-align: -3px; }

.map_wrap .bx-wrapper .bx-pager.bx-default-pager { position: absolute; right: 10px; bottom: 10px; }
.map_wrap .bx-wrapper .bx-pager.bx-default-pager a { margin-right: 2px; text-indent: -9999px; display: block; width: 35px; height: 50px; background: url(./images/cont/img/pager_01.gif) no-repeat left top; background-size: cover; opacity:0.4; filter:alpha(opacity=40); }
.map_wrap .bx-wrapper .bx-pager.bx-default-pager a.active { opacity:1; filter:alpha(opacity=100); }
.map_wrap .bx-wrapper .bx-pager.bx-default-pager div:nth-child(2) a { background: url(./images/cont/img/pager_02.gif) no-repeat left top; background-size: cover; }
.map_wrap .bx-wrapper .bx-pager.bx-default-pager div:nth-child(3) a { background: url(./images/cont/img/pager_03.gif) no-repeat left top; background-size: cover; }

/*
.map_wrap .owl-carousel .owl-pagination { position: absolute; right: 10px; bottom: 10px; }
.map_wrap .owl-carousel .owl-pagination .owl-page { float: left; }
.map_wrap .owl-carousel .owl-pagination .owl-page span { margin-right: 2px; text-indent: -9999px; display: block; width: 35px; height: 50px; background: url(./images/cont/img/pager_01.gif) no-repeat left top; background-size: cover; opacity:0.4; filter:alpha(opacity=40); }
.map_wrap .owl-carousel .owl-pagination .owl-page.active span { opacity:1; filter:alpha(opacity=100); }
.map_wrap .owl-carousel .owl-pagination .owl-page:nth-child(2) span { background: url(./images/cont/img/pager_02.gif) no-repeat left top; background-size: cover; }
.map_wrap .owl-carousel .owl-pagination .owl-page:nth-child(3) span { background: url(./images/cont/img/pager_03.gif) no-repeat left top; background-size: cover; }
*/

@media only screen and (max-width: 320px) {
	.company_box { padding: 3px 0 0 150px; background: url(./images/cont/img/status_img01.jpg) no-repeat left top; background-size: 140px auto; }
	.company_box dt img { width: auto; height: 9px; }
	.company_box dd img { width: auto; height: 10px; }
	.company_box dd { margin: 3px 0 5px; padding-bottom: 5px; border-bottom: 1px solid #e6e6e6; }
	.company_box dd.last { border: none; padding-bottom: 0; }
	.company_box dd.last img { height: 24px; }

}

@media only screen and (max-width: 320px) {
	.main_img img { width: 286px; height: 196px; }

}

@media only screen and (max-width: 360px) {
	.map_wrap .owl-carousel .owl-pagination { margin-top: -20px; margin-right: 8px; float: right; position: static; }
	.dis_block { display: block; margin-left: 0; font-size: 11px; }
	/*.main_img img { width: 326px; height: 223px; }*/

}


@media only screen and (max-width: 480px) {
}



@media only screen and (max-width: 640px) {
	.slide_cont dl dt img { max-width: 300px; }
	.main_img img { width:100%; height:auto; }
}


/*
	rolling
---------------------------------------------------*/
.rolling { width: 100%; position: relative; overflow: hidden; }
.rolling .map_box { float: left; overflow: hidden; }
.rolling .bx-prev,
.rolling .bx-next { display: inline-block; width: 27px; height: 45px; text-indent: -10000px; background: url(./images/btn/roll_prev.png) no-repeat left top; position: absolute; top: 35%; overflow: hidden; background-size: cover; }
.rolling .bx-prev { left: 10px; }
.rolling .bx-next { background: url(./images/btn/roll_next.png) no-repeat left top; right: 10px; background-size: cover; }
.bx-pager-item { float: left; }

.owl-carousel .owl-prev,
.owl-carousel .owl-next { display: inline-block; width: 27px; height: 45px; text-indent: -10000px; background: url(./images/btn/roll_prev.png) no-repeat left top; position: absolute; top: 35%; overflow: hidden; background-size: cover; }
.owl-carousel .owl-prev { left: 10px; }
.owl-carousel .owl-next { background: url(./images/btn/roll_next.png) no-repeat left top; right: 10px; background-size: cover; }



/*
	product
---------------------------------------------------*/
.pad_side { padding: 20px 15px 15px; }

/* tbl_search */
.tbl_search { width: 100%; }
.tbl_search td { padding: 0 0 0 5px; height: 33px; vertical-align: middle; }
.tbl_search td:first-child { padding-left: 0; }
.tbl_search td input[type='tel'],
.tbl_search td input[type='text'],
.tbl_search td input[type='password'],
.tbl_search td select { width: 100%; height: 20px; padding-right: 22px;}

/* search_txt */
.search_txt { margin: 0 auto; padding: 10px 0; border-top: 1px solid #ededed; overflow: hidden; text-align: center; }
.search_txt li { display: inline-block; width: 13%; text-align: center; }
.search_txt li a:hover,
.search_txt li a:visited,
.search_txt li a {
	display: block;
	font-weight: bold;
	margin: 3px 0 3px 3px;
	padding: 7px 0;
	border: 1px solid #d1d1d1;
	border-radius: 3px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	background: -moz-linear-gradient(270deg, #fdfdfd 0%, #f3f3f3 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #f3f3f3)); /* safari4+,chrome */
	background: -webkit-linear-gradient(270deg, #fdfdfd 0%, #f3f3f3 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(270deg, #fdfdfd 0%, #f3f3f3 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(270deg, #fdfdfd 0%, #f3f3f3 100%); /* ie10+ */
	background: linear-gradient(180deg, #fdfdfd 0%, #f3f3f3 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f3f3f3',GradientType=0 ); /* ie6-9 */

	box-shadow: -1px -1px 1px 1px #ebebeb inset;
	color: #adadad;
}
.search_txt .on a:hover,
.search_txt .on a:visited,
.search_txt .on a{
	background: -moz-linear-gradient(270deg, #f3f3f3 0%, #fdfdfd 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #fdfdfd)); /* safari4+,chrome */
	background: -webkit-linear-gradient(270deg, #f3f3f3 0%, #fdfdfd 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(270deg, #f3f3f3 0%, #fdfdfd 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(270deg, #f3f3f3 0%, #fdfdfd 100%); /* ie10+ */
	background: linear-gradient(180deg, #f3f3f3 0%, #fdfdfd 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#fdfdfd',GradientType=0 ); /* ie6-9 */

	box-shadow: 1px 1px 1px 1px #e5e5e5 inset;
	color: #7b7b7b;
}


/* search_img */
.search_img { padding: 10px 0; overflow: hidden; text-align: center; }
.search_img li { display: inline-block; width: 19%; text-align: center; }
.search_img li a {
	letter-spacing: -1px;
	display: block;
	margin: 3px 0 3px 3px;
	padding: 3px 0;
	height: 53px;
	text-align: center;
	font-size: 9px;
	border: 1px solid #d1d1d1;
	border-radius: 3px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	background: -moz-linear-gradient(270deg, #fdfdfd 0%, #f3f3f3 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #f3f3f3)); /* safari4+,chrome */
	background: -webkit-linear-gradient(270deg, #fdfdfd 0%, #f3f3f3 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(270deg, #fdfdfd 0%, #f3f3f3 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(270deg, #fdfdfd 0%, #f3f3f3 100%); /* ie10+ */
	background: linear-gradient(180deg, #fdfdfd 0%, #f3f3f3 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f3f3f3',GradientType=0 ); /* ie6-9 */

	box-shadow: -1px -1px 1px 1px #ebebeb inset;
	color: #454545;
}
.search_img li a:hover,
.search_img li a:visited { color: #454545;}
.search_img .on { color: #3d6463; }
.search_img .on a:hover,
.search_img .on a { color: #3d6463; }
.resize_img { margin: 0 auto; display: block; width: 45px; height: 38px; }

.search_img01 { background: url(./images/cont/img/search_img01.png) no-repeat center 70%; background-size: 30px auto; }
.search_img02 { background: url(./images/cont/img/search_img02.png) no-repeat center 50%; background-size: 28px auto; }
.search_img03 { background: url(./images/cont/img/search_img03.png) no-repeat center 50%; background-size: auto 35px; }
.search_img04 { background: url(./images/cont/img/search_img04.png) no-repeat center 50%; background-size: 26px auto; }
.search_img05 { background: url(./images/cont/img/search_img05.png) no-repeat center 50%; background-size: 29px auto; }
.search_img06 { background: url(./images/cont/img/search_img06.png) no-repeat center 50%; background-size: 22px auto; }
.search_img07 { background: url(./images/cont/img/search_img07.png) no-repeat center 50%; background-size: 25px auto; }
.search_img08 { background: url(./images/cont/img/search_img08.png) no-repeat center 50%; background-size: 34px auto; }
.search_img09 { background: url(./images/cont/img/search_img09.png) no-repeat center 50%; background-size: 30px auto; }

.on .search_img01 { background: url(./images/cont/img/search_img01_on.png) no-repeat center 70%; background-size: 30px auto; }
.on .search_img02 { background: url(./images/cont/img/search_img02_on.png) no-repeat center 50%; background-size: 28px auto; }
.on .search_img03 { background: url(./images/cont/img/search_img03_on.png) no-repeat center 50%; background-size: auto 35px; }
.on .search_img04 { background: url(./images/cont/img/search_img04_on.png) no-repeat center 50%; background-size: 26px auto; }
.on .search_img05 { background: url(./images/cont/img/search_img05_on.png) no-repeat center 50%; background-size: 29px auto; }
.on .search_img06 { background: url(./images/cont/img/search_img06_on.png) no-repeat center 50%; background-size: 22px auto; }
.on .search_img07 { background: url(./images/cont/img/search_img07_on.png) no-repeat center 50%; background-size: 25px auto; }
.on .search_img08 { background: url(./images/cont/img/search_img08_on.png) no-repeat center 50%; background-size: 34px auto; }
.on .search_img09 { background: url(./images/cont/img/search_img09_on.png) no-repeat center 50%; background-size: 30px auto; }

.search_img .none_bg {
	border: 1px solid #e8e8e8;
	background: -moz-linear-gradient(270deg, #fdfdfd 0%, #f3f3f3 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #f3f3f3)); /* safari4+,chrome */
	background: -webkit-linear-gradient(270deg, #fdfdfd 0%, #f3f3f3 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(270deg, #fdfdfd 0%, #f3f3f3 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(270deg, #fdfdfd 0%, #f3f3f3 100%); /* ie10+ */
	background: linear-gradient(180deg, #fdfdfd 0%, #f3f3f3 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f3f3f3',GradientType=0 ); /* ie6-9 */
	box-shadow: -1px -1px 1px 1px #f3f3f3 inset;
}
.search_img .none_img { background: url(./images/cont/img/img_none2.png) no-repeat center 80%; background-size: 40px auto; }


.cont_no { padding: 30px; text-align: center; font-size: 11px; }
.cont_no .search_none img { max-width: 80%; width: 446px;}


/* tbl_list */
.tbl_list { width: 100%; border-bottom: 1px solid #b7b7b7; }
.bot_no { border-bottom: 0; }
.tbl_list thead th { padding: 5px 10px; font-weight: bold; border-top: 1px solid #565d6b; background: #f8f8f8; color: #000; }
.tbl_list tbody th,
.tbl_list tbody td { padding: 5px 10px; height: 150px; vertical-align: middle; border-top: 1px dotted #b7b7b7; color: #a0a19f;}
.tbl_list td a:hover,
.tbl_list td a:visited,
.tbl_list td a { color: #a0a19f;}
.tbl_list tbody td * { }
.pro_tit { font-size: 13px; color: #000; }
.pro_img { text-align: center; }
.pro_img img { width: 90%; max-width: 300px; height: auto; }
.h_50 tbody tr th,
.h_50 tbody tr td { height: 50px; }
.h_50 tbody th { font-weight: bold; }


/* tbl_list02 */
.tbl_list02 { width: 100%; }
.tbl_list02 th,
.tbl_list02 td { padding: 12px 15px 10px; font-weight: bold; text-align: left; border-bottom: 1px solid #dedede; }
.tbl_list02 tr:nth-child(even) th,
.tbl_list02 tr:nth-child(even) td { background: #fafafa; }
.tbl_list02 td { color: #000; }

/* tbl_view */
.pro_view table { width: 100%; border-top: 1px solid #cccfd3; }
.pro_view table .pro_name { margin-right: 5px; font-family: "Nanum Gothic", "Dotum"; font-size: 18px; color: #000; }
.pro_view table td { padding: 20px; }
.pro_view table .img_view td { text-align: center; vertical-align: middle; }
.pro_view table .img_view td img { width: 90%; height: auto; max-width: 300px; }



/*
	service
---------------------------------------------------*/
/* notice */
.notice_list li { padding: 12px 15px 10px; border-bottom: 1px solid #dedede; position: relative; }
.notice_list li:nth-child(even) { background: #fafafa; }
.notice_list li a { display: block; width:77%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color: #010101; }
.notice_list li a:link,
.notice_list li a:active,
.notice_list li a:hover,
.notice_list li a:visited { color: #010101; }
.notice_list li .date_pos { font-size: 11px; position: absolute; right: 15px; top: 12px; color: #747474; }
.notice_list02 li:nth-child(even) { background: none; }
.notice_list02 li a:link,
.notice_list02 li a:active,
.notice_list02 li a:hover,
.notice_list02 li a:visited,
.notice_list02 li a { color: #4a515f; }
.notice_list02 li:last-child { border-bottom: 0; }

.line_top { border-top: 1px solid #dedede; }


/* view */
.tbl_view { width: 100%; }
.tbl_view th { padding: 15px 10px; font-size: 13px; font-weight: bold; border-bottom: 1px solid #bdbdbd; background: #fafafa; color: #454545; }
.tbl_view .date_txt { font-size: 12px; color: #a3a3a3; }
.tbl_view td { padding: 10px; height: 100px; color: #464545; }


/* write */
.tbl_write { width: 100%; }
.tbl_write td { padding: 7px 5px; border-top: 1px dashed #cbcdd1; vertical-align: middle; }
.tbl_write tr:first-child td { border-top: 0; }
.tbl_write tr:last-child td { padding-bottom: 0; }
.tbl_write td input[type='tel'],
.tbl_write td input[type='text'],
.tbl_write td input[type='password'],
.tbl_write td select { width: 100%; height: 20px; }
.tbl_write td textarea { width: 100%; }


/* mail_box */
.mail_box { margin-bottom: 10px; padding: 1px 10px 0 37px; font-size: 11px; background: url(./images/cont/img/mail_bg.png) no-repeat 5px top; background-size: 27px 26px; }
.mail_box img { width: 100%; height: auto; max-width: 336px; }


/* consent_tit */
.consent_tit img { width: 233px; height: auto; }



/*
	jobs
---------------------------------------------------*/
.jobs_img img { width: 100%; max-width: 640px; height: auto; }

.model_list { margin: 20px; }
.model_list.last_list {border-bottom:2px solid #ebebeb;padding-bottom:50px;}
.model_list dt { margin-bottom: 5px; }
.model_list dt img { margin-right: 5px;vertical-align:middle;width:100%;max-width:229px;height:auto;transition:ease .5s;}
.model_list dd{ text-align: justify;font-size:15px;font-weight:300;color:#919191;margin-top:15px;font-family:'Nanum Gothic';line-height:1.4;}
.model_list dt span.model_txt{display:inline-block;font-size:18px;font-weight:300;color:#303030;vertical-align:middle;line-height:1.3;font-family:'Nanum Gothic';}
.model_list dt span.model_txt > span{display:block;font-size:26px;font-weight:600;letter-spacing:-2px;}

.employee_tbl img { width: 100%; max-width: 1080px; height: auto; }
.welfare img { width: 100%; max-width: 1080px; height: auto; }

.fc_type01 { color: #776dc9; }
.fc_type02 { color: #3596b5; }
.fc_type03 { color: #dac792; }


/*
	operation
---------------------------------------------------*/
.operation_about dt { margin-bottom: 1px; text-align: center; border-bottom: 1px dashed #c9c9c9; }
.operation_about dt img { width: 100%; height: auto; max-width: 559px; }
.operation_about dd { margin-bottom: 25px; padding: 10px; background: #f9f9f9; color: #4a515f; }


/*
	tab
---------------------------------------------------*/
.tab_wrap {}
.tab_header { overflow: hidden; }
.tab_header li { width: 50%; text-align: center; border-top: 1px solid #cccfd3; float: left; }
.tab_header li a { display: block; margin-left: -1px; padding: 7px 0 5px; font-weight: bold; border-left: 1px solid #cccfd3; background: url(./images/bg/tab_line.gif) repeat-x left bottom #e5e6e7; color: #bebebe; }
.tab_header li a:hover,
.tab_header li a:link,
.tab_header li a:active,
.tab_header li a:visited { color: #bebebe; }
.tab_header li a.on { background: none; color: #4a515f; }
.tab_header.tab_style01{border-bottom:1px solid #dedede;}
.tab_header.tab_style01 li{width:100%;height:32px;line-height:11px;font-size:11px;}
.tab_header.tab_style01 li a{display:inline-block;border-left:0;background:none;}
.tab_header.tab_style01 li a.on { background: none;border-top:2px solid #3582c8; color: #3582c8; }
.h_list04 li { width: 25%; }




/*==========================================================================================================================
* Footer
==========================================================================================================================*/
#footer { border-top: 1px solid #d7d7d7; background: #e7e7e7; overflow: hidden; }
.footer_txt { padding: 10px; font-size: 10px; color: #858890; line-height: 130%; }
.footer_txt .fc_gray { font-size: 9px; }
.footer_bot { padding: 5px 10px; background: #4c5360; }
.footer_bot ul { overflow: hidden; }
.footer_bot ul li { width: 50%; float: left;  }
.footer_bot ul li:first-child a { margin-left: 0; border-radius: 3px 0 0 3px;	-moz-border-radius: 3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; }
.footer_btn a { margin-left: -1px; display: block; padding: 3px 0; text-align: center; font-size: 10px; border: 1px solid #333a49; border-radius: 0 3px 3px 0;	-moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; background: #535968; color: #cecfd2; }
.footer_btn a:hover,
.footer_btn a:link,
.footer_btn a:active,
.footer_btn a:visited { color: #cecfd2; }

/*==========================================================================================================================
* top btn
==========================================================================================================================*/
.header_bot { padding: 5px 10px; background: #4c5360; }
.header_bot ul { overflow: hidden; }
.header_bot ul li { width: 33.33%; float: left;  }
.header_bot ul li:first-child a { margin-left: 0; border-radius: 3px 0 0 3px;	-moz-border-radius: 3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; }
.header_btn{display: block;}
.header_btn a { margin-left: -1px; display: block;height:25px;line-height:25px; text-align: center; font-size: 10px; border: 1px solid #333a49; border-radius: 0 3px 3px 0;	-moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; background: #535968; color: #cecfd2; }
.header_btn a em{margin-left:5px;vertical-align: middle;}
.header_btn a:hover,
.header_btn a:link,
.header_btn a:active,
.header_btn a:visited { color: #cecfd2; }



/* cont_box */
.cont_box{padding:0 20px;line-height:1.6}
.cont_box:last-child{padding-bottom:60px}
.cont_box,
.cont_box *{box-sizing:border-box}
.cont_box + .cont_box{margin-top:30px}
.cont_subbox + .cont_subbox{margin-top:20px}
.under{text-decoration:underline;color:#333}
.cont_tit{margin-bottom:20px;font-weight:600;font-size:16px;color:#333}
.desc{color:#666}
.accd_cont{display:none}
.num_list > li{position:relative;padding-left:15px;}
.num_list > li::before{content:'';display:block;position:absolute;top:-2px;left:0;font-size:15px;color:#666;font-weight:600}
.num_list > li:nth-child(1)::before{content:'1'}
.num_list > li:nth-child(2)::before{content:'2'}
.num_list > li:nth-child(3)::before{content:'3'}
.num_list > li:nth-child(4)::before{content:'4'}
.num_list > li:nth-child(5)::before{content:'5'}
.num_list > li + li{margin-top:8px}
.dot{padding-left:14px;text-indent:-14px}
.cont_box .ui-checkbox{display:inline-block;width:22px;height:22px;margin:0 5px 0 0;vertical-align:middle}
.cont_box .ui-checkbox input{left:0;}
.cont_box .confirm{text-align:center}
.agree_chk{text-align:right}
.agree_chk strong{position:relative;padding-left:3px;top:-4px}

.rule .accd_wrap{border-top:1px solid #565D6A}
.rule .accd_wrap + .accd_wrap{border-top:0;}
.rule .accd_head{position:relative;padding:10px 0;padding-right:30px;background:#fafafa;border-bottom:1px solid #565D6A}
.rule .accd_head::after{content:'';display:block;width:20px;height:20px;position:absolute;top:50%;right:10px;margin-top:-10px;background:url(/common/css/images/manage/manage3/rule_on.gif) no-repeat 50% 50%;background-size:10px;opacity:0.6;transition:0.3s}
.rule .accd_head dl{display:flex;flex-wrap:wrap}
.rule .accd_head dt{width:80px;text-align:center;color:#666}
.rule .accd_head dd{width:calc(100% - 80px);padding:0 10px;color:#999}
.rule .accd_cont{padding:10px;border-bottom:1px solid #565D6A;color:#666}
.rule .accd_cont .desc + ul{margin-top:15px}
.rule .accd_wrap.active .accd_head::after{transform:rotate(180deg);opacity:1}
.rule .accd_wrap.active .accd_head dt,
.rule .accd_wrap.active .accd_head dd{color:#000;font-weight:600}


.cont_box .confirm{padding-top:20px}
.flex_box{display:flex;align-items:center;}
.flex_box .form_line,
.flex_box select,
.flex_box input[type="text"]{width:100%}
.flex_box .hypen{display:inline-block;padding:0 4px}
.warn{margin-top:5px;font-size:12px;color:#999}

.COMMON_FILEUPLOAD_SY_API{padding-bottom:5px}
.COMMON_FILEUPLOAD_SY_API .ajax-file-upload{float:none;width:100%}
.COMMON_FILEUPLOAD_SY_API .ajax-file-upload-statusbar{display:flex;flex-wrap:wrap;margin-top:5px}
.COMMON_FILEUPLOAD_SY_API .ajax-file-upload-statusbar .ajax-file-upload-view{float:none;width:40px;border:1px solid #ddd}
.COMMON_FILEUPLOAD_SY_API .ajax-file-upload-statusbar .ajax-file-upload-content{float:none;width:calc(100% - 40px)}
.COMMON_FILEUPLOAD_SY_API .ajax-file-upload-red{padding:6px 15px 4px;line-height:1;font-size:12px;font-family:'Nanum Gothic'}







@media only screen and (max-width: 540px) {
	.model_list dt img{max-width:180px !important;}
}
@media only screen and (max-width: 400px) {
	.model_list dt img{max-width:120px !important;}
	.model_list dt span.model_txt{font-size:15px;}
	.model_list dt span.model_txt > span{font-size:21px;}
}