/* sub_visual */
/* 1216 ¼öÁ¤ .s_visual{position: relative; width: 100%; height: 350px; margin-top:80px; overflow: hidden;}
*/
.s_visual{position: relative; width: 100%; height: 0px; margin-top:80px; overflow: hidden;}
.s_visual .s_visual_bg img{animation: mymove 5s;}
.sv_txt{position: absolute; top: 30%; left: 0; width: 100%; text-align: center; color: #fffc00; text-shadow: 2px 2px 6px #000; z-index:1;}
.sv_txt h3{padding-bottom: 25px; font-size: 48px; font-weight: 600;}
.sv_txt p{font-size: 20px; opacity: .8; color: #fff;  font-weight: 600;}
.sv_txt p.s_tit { font-size: 30px; font-weight: 600;}


@media (min-width: 1921px){
	.s_visual .s_visual_bg img{width: 100%; height: 430px;}
}
@media (max-width: 1600px){
	/* 1216 ¼öÁ¤
	.s_visual{height: 380px;}
	*/
	.s_visual{height: 0px;}
	
	.sv_txt h3{font-size: 38px;}

}
@media (min-width: 961px){
	.fund_m {display:none;}
}
@media (max-width: 960px){
/* 1216 ¼öÁ¤
	.s_visual{height: 320px;}
*/
	.s_visual{height: 0px;}
	.sv_txt h3{padding-bottom: 15px; font-size: 32px;}
	.sv_txt p{letter-spacing: 3px; font-size: 14px;}
	.fund_pc {display:none;}
}
@media (max-width: 640px){
/* 1216 ¼öÁ¤
	.s_visual{height: 160px;}
*/
	.s_visual{height: 0px;}
	.s_visual img{height: 160px; position:absolute; left:-450px;}

	.sv_txt h3{font-size: 28px;}
	.sv_txt p{font-size: 12px;}
	
	.shortcut h3 {width:100%;font-size:20px; padding:30px 0 20px 0; border-bottom:1px solid #85bedc;}
	.shortcut h3 span:before{content: ''; position: absolute; top: 25px; left: 0; width: 30px; height: 3px; background: #fff;}
	.shortcut .menu-list {width:100%;}
	.shortcut .menu-list ul li {width:100%; border-bottom:1px solid #fff; border-left:0;}
	.shortcut .menu-list ul li a { padding:30px 0; }

}
@media (max-width: 460px){
/*1216	.s_visual{height: 160px;}
*/
	.s_visual{height: 0px;}
	.sv_txt{top: 54%;}
	.sv_txt h3{padding-bottom: 5px; font-size: 24px;}
	.sv_txt p{letter-spacing: 0;}
}

/* location */
.location{height:60px;position:relative; z-index:998; border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; }
.lnb {max-width:1200px;margin:0 auto; height:60px; z-index:2!important;}
.lnb .lnb_map{width:60%; height:60px;}
.lnb .lnb_map:after{content:'';display:block;clear:both;}
.lnb .lnb_map > li{float:left; width:30%; height:59px; border-left:0; border-right: 1px solid #d0d0d0;}
.lnb .lnb_map > li.three{ border-right: 1px solid #50aad1; border-left:0;}
.lnb .lnb_map li a {width:100%; height:100%; display:table;}
.lnb .lnb_map li a i{display: table-cell;font-size: 23px;vertical-align: middle;text-align: center;}

.lnb .lnb_map li.home {display:block;width:10%;height:59px;  /* fallback for old browsers */}
.lnb .lnb_map li.home a i{color: #0585bd; }

.lnb .lnb_map li.depth {position:relative;}
.lnb .lnb_map li.depth a {z-index:198; display:block; width:100%; height:100%;}
.lnb .lnb_map li.depth ul {display:none; position:absolute;left:0;top:59px;margin:0;padding:0;width:100%;z-index:99;}
.lnb .lnb_map li.depth ul li {width:100%; float:none; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.lnb .lnb_map li.depth ul li a {display:block; padding:17px 25px;font-size:13px;background: #f7f7f7;border-bottom: 1px solid #ddd;}
.lnb .lnb_map li.depth ul li a:hover {color:#287cd2;}
.lnb .lnb_map li.depth ul li a.active {color: #fff;}
.lnb .lnb_map li.one ul li a.active{background: #1397c8;}
.lnb .lnb_map li.two ul li a.active{background: #0797ac;}
.lnb .lnb_map li.three ul li a.active{background: #07bb7d;}

.lnb .lnb_map li.depth * {vertical-align:top;}
.lnb .lnb_map li.depth a span {float:left; padding-left:20px; width:100%; font-size:13px; color:#3e3e3e; line-height:60px; text-align:left; background:url(/images/common/btn_lnb_down.png) no-repeat 90% 50%;font-weight: 600;}

@media (max-width: 860px){
	.lnb .lnb_map{width: 100%;}
	.lnb .lnb_map > li.three{border-right: none;}
}
@media (max-width: 640px){
	.location{height:50px;}
	.lnb{height:50px;}
	.lnb .lnb_map li {height:48px;}
	.lnb .lnb_map li a i{font-size: 18px;}
	.lnb .lnb_map li.home {height:49px;}
	.lnb .lnb_map li.depth ul{top: 50px;}
	.lnb .lnb_map li.depth ul li a{padding:15px 20px; font-size: 10px;}
	.lnb .lnb_map li.depth a span{font-size: 10px; line-height: 50px;}
}
@media (max-width: 460px){
	.lnb .lnb_map > li{width: 40%;}
	.lnb .lnb_map li.home{width: 15%;}
}

/* s_content */

.s_content{overflow:hidden; display:block; padding: 75px 0;}
.s_content1{overflow:hidden; display:block; padding: 75px 0 20px 0;}
.i_section{overflow:hidden; display:block;  max-width: 1200px; margin: 0 auto;}

@media (max-width: 1240px){
	.s_section{padding: 0 20px;}
	.s_section1{padding: 0 20px 20px 0;}
	.i_section{padding: 0 20px;}
}
@media (max-width: 980px){
	.s_content{padding: 50px 0;}
	.s_content1{padding: 50px 0 20px 0;}
}
@media (max-width: 640px){
	.s_content{padding: 40px 0;}
	.s_content1{padding: 40px 0 20px 0;}
}

h1.tit01 {margin-bottom: 20px; font-size: 28px; font-weight: 600;}
h1.tit02 {margin-bottom: 20px; font-size: 20px; font-weight: 600;}

@media (max-width: 1240px){
	h1.tit01 {font-size: 27px;}
}
@media (max-width: 980px){
	h1.tit01 {font-size: 25px;}
}
@media (max-width: 640px){
	h1.tit01 {font-size: 22px;}
}

/* table */
.table_con_wrap{position: relative;}
.table_con_wrap .table_prev_mo{position: absolute; top: 0; left: 0; width: 120%; height:100%; background: rgba(0,0,0,.05); z-index: 99;}
.table_con_wrap .table_prev_mo ul{position: absolute; top: 50%; left: 50%; margin: -11px 0 0 -75px;}
.table_con_wrap .table_prev_mo ul:after{content: ''; display: block; clear: both;}
.table_con_wrap .table_prev_mo ul li{float: left;}
.table_con_wrap .table_prev_mo ul li p{font-size: 15px; color: #27f;}
.table_con_wrap .table_prev_mo ul li i{margin-top: 4px; font-size: 12px; color: #27f; animation: prevarrow .5s ease-in infinite alternate;}
@keyframes prevarrow{
	0% {margin-left: 10px;}
	100% {margin-left: 15px;}
}


/* table */
.table_con_wrap1{position: relative;}
.table_con_wrap1 .table_prev_mo1{position: absolute; top: 0; left: 0; width: 100%; height:20%; background: rgba(0,0,0,.05); z-index: 99;}
.table_con_wrap1 .table_prev_mo1 ul{position: absolute; top: 50%; left: 50%; margin: -11px 0 0 -75px;}
.table_con_wrap1 .table_prev_mo1 ul:after{content: ''; display: block; clear: both;}
.table_con_wrap1 .table_prev_mo1 ul li{float: left;}
.table_con_wrap1 .table_prev_mo1 ul li p{font-size: 15px; color: #27f;}
.table_con_wrap1 .table_prev_mo1 ul li i{margin-top: 4px; font-size: 12px; color: #27f; animation: prevarrow .5s ease-in infinite alternate;}
@keyframes prevarrow{
	0% {margin-left: 10px;}
	100% {margin-left: 15px;}
}


.blnone{border-left: none!important;}
.bgf7f7f7{line-height: 22px; color: #000!important; background: #f7f7f7;}
.bgblue{color: #000!important; background: rgba(26,118,169,.05);}
.textleft{text-align: left;}
.fs14, .fs14 th{font-size: 14px!important;}
.pb50 {padding-bottom:50px;}
.pt30 {padding-top:30px;}
.pb5 {padding-bottom:5px;}

@media (max-width: 960px){
	.fs14, .fs14 th{font-size: 13px!important;}
}

.table_wrap {overflow-x: auto; margin-bottom: 10px;}

table{width: 100%; border-top: 2px solid #1a76a9; border-spacing: 0;}
table tr th{font-size: 15px; font-weight: 400; color: #868686; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; word-break: keep-all;}
table tr td{font-size: 15px; font-weight: 400; color: #868686; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; word-break: keep-all;}
table tr th p{font-size: 14px; line-height: 24px; word-break: keep-all;}
table tr th p+p{margin-top: 6px;}
table thead tr th{padding: 10px 20px; color: #000; text-align:center; background: rgba(26,118,169,.05);}
table tbody tr th{padding: 10px 25px;}
table tbody tr td {padding: 10px 25px; text-align:center;}
table tbody tr td.left {text-align:left;}
table .blnone {border-left:0;}



@media (min-width: 641px){
	.table_con_wrap .table_prev_mo_hide{display: none;}
	.table_con_wrap1 .table_prev_mo_hide{display: none;}
}

@media (max-width: 640px){
	.table_wrap table {width: 700px;}
	table tr th{font-size: 12px;}
	table tr th p{font-size: 12px;}
	table thead tr th{padding: 14px 15px;}
	table tbody tr th{padding: 16px 20px;}
	table tbody tr td{padding: 16px 20px;}
}


.txt_wrap {margin-bottom:50px;}
.txt_wrap li {position: relative;  padding:5px 13px 5px; font-size:15px;}
.txt_wrap li::before {content: "";  position: absolute;  top: 16px;  left: 0;  width: 5px;  height: 5px;  border-radius: 100%;  background-color: #585858;}

@media (max-width: 640px){
	.txt_wrap {margin-bottom:20px;}
	.txt_wrap li {position: relative;  padding:5px 13px 5px; font-size:14px;}
	.txt_wrap li::before {content: "";  position: absolute;  top: 15px;  left: 0;  width: 5px;  height: 5px;  border-radius: 100%;  background-color: #585858;}

}

/* tabmenu */
.tab {margin-bottom: 50;}
.tab:after{content: ''; display: block; clear: both;}
.tab ul li a {float: left; padding: 14px 16px; font-size: 16px; font-weight: 500; color: #767676; transition: .6s; background-color: inherit; border: 1px solid #ddd; outline: none; cursor: pointer; text-align:center;}
.tab ul li a:hover{color: #fff; background: #1a76a9; border: 1px solid #1a76a9; transition: .6s;}
.tab ul li a.active {color: #fff; background: #1a76a9; border: 1px solid #1a76a9;}
.tab ul li a.w50 {width:50%;}

.tab1 {margin-bottom: 0px;}
.tab1:after{content: ''; display: block; clear: both;}
.tab1 ul li a {float: left; padding: 14px 16px; font-size: 16px; font-weight: 500; color: #767676; transition: .6s; background-color: inherit; border: 1px solid #ddd; outline: none; cursor: pointer; text-align:center;}
.tab1 ul li a:hover{color: #fff; background: #1a76a9; border: 1px solid #1a76a9; transition: .6s;}
.tab1 ul li a.active {color: #fff; background: #1a76a9; border: 1px solid #1a76a9;}
.tab1 ul li a.w50 {width:50%;}

@media (max-width: 960px){
	.tab ul li a {padding: 12px 16px; font-size: 14px;}
}
@media (max-width: 650px){
	.tab{margin-bottom: 35px;}
	.tab ul li a {padding: 10px 16px; font-size: 12px;}
}
@media (max-width: 460px){
	.tab ul li a {width: 100%;}
}

/* Á¾·ù */
.type {}
.type .part1 {width:100%; display:block; overflow:hidden;}
.type .type_img {float:left; padding-top:0;}
.type .type_wrap { float:left; width:50%; margin-left:50px;}
.type .type_wrap .type_wrap_top h1 {position:relative; }
.type .type_wrap .type_wrap_top h1 .y_line { color:#424242; font-size:30px; line-height:40px; box-shadow:0 -15px 0 rgba(245,242,151,1) inset;}
.type .type_wrap .type_wrap_top h1 span {font-size:20px; color:rgba(0,0,0,.3)}
.type .type_wrap .type_wrap_top ul {margin-top:20px;}
.type .type_wrap .type_wrap_top ul li {position: relative; padding:5px 12px 5px; font-size:16px; font-weight:500;}
.type .type_wrap .type_wrap_top ul li::before {content: "";  position: absolute;  top: 16px;  left: 0;  width: 5px;  height: 5px;  border-radius: 100%;  background-color: #585858;}
.type .type_wrap .type_wrap_top ul li span {color:#ff8400;}

.type .type_wrap .type_wrap_con {}
.type .type_wrap .type_wrap_con h3 {width:150px; font-size:14px; color:#585858; padding:5px 0; margin-top:30px; margin-bottom:10px; border:1px solid #ccc; border-radius: 50px; text-align:center; }
.type .type_wrap .type_wrap_con h3.mb20 {margin-bottom:20px;}
.type .type_wrap .type_wrap_con ul li {position: relative; padding:5px 13px 5px; margin-left:10px; font-size:14px; color:#585858;}
.type .type_wrap .type_wrap_con ul li::before {content: "";  position: absolute;  top: 11px;  left: 0;  width: 5px;  height: 5px;  border-radius: 100%;  background-color: #8d8d8d;}
.type .type_wrap .type_wrap_con ul li span {color:#ff8400;}

.type .part2 {width:100%; display:block; overflow:hidden; margin-top:100px;}
.type .part2 .type_wrap {margin-left:0;}
.type .part2 .type_img {margin-left:50px;}

.type .part3 {width:100%; display:block; overflow:hidden; margin-top:100px;}

.type .part4 {width:100%; display:block; overflow:hidden; margin-top:100px;}
.type .part4 .type_wrap {margin-left:0;}
.type .part4 .type_img {margin-left:50px;}

.type .part5 {width:100%; display:block; overflow:hidden; margin-top:100px;}

.type .part6 {width:100%; display:block; overflow:hidden; margin-top:100px;}
.type .part6 .type_wrap {margin-left:0;}
.type .part6 .type_img {margin-left:50px;}


@media (max-width: 1240px){
	.type .type_wrap { width:50%;}

	.type .type_wrap .type_wrap_top h1 {font-size:20px;}
	.type .type_wrap .type_wrap_top h1::before {display:none;}

}

@media (max-width: 1140px){
	.type .type_img {display:none;}
	.type .type_wrap { width:100%; margin-left:0;}
	.type .part2 {margin-top:20px;}
	.type .part3 {margin-top:20px;}
	.type .part4 {margin-top:20px;}
	.type .part5 {margin-top:20px;}
	.type .part6 {margin-top:20px;}
	.type .type_wrap .type_wrap_top h1 {font-size:20px;}
	.type .type_wrap .type_wrap_top h1::before {display:none;}

}

@media (max-width: 640px){
	.type .type_wrap .type_wrap_top h1 .y_line {font-size:25px; line-height:25px;}
	.type .type_wrap .type_wrap_top ul {margin-top:10px;}
	.type .type_wrap .type_wrap_top ul li {font-size:14px;}
	.type .type_wrap .type_wrap_con ul li::before {top: 13px;}

}

.graph img {width:100%;}
.graph p {margin-bottom:30px;}



/* Âü¿©ÇÏ±â */

.join .part3 > div {float: left; width: 46%; margin-right:4%; margin-bottom:50px;}
.join .part3 > div:nth-of-type(2) { margin-left:4%; margin-right:0%;}
.join .part3 .vp2_b_list dl{height:330px; border: 1px solid #ddd; text-align: center; padding-bottom:30px; background:#fff;}
.join .part3 > div:nth-of-type(odd) dl:hover{border: 1px solid #f08818; transition: .6s;}
.join .part3 > div:nth-of-type(even) dl:hover{border: 1px solid #57cab6; transition: .6s;}
.join .part3 .vp2_b_list dl dt{padding: 20px 0; font-size: 22px; font-weight: 600; color:#fff; text-align:center; margin-bottom:20px; border-bottom: 1px solid #ddd;}
.join .part3 > div:nth-of-type(1) dl dt {background: #f08818;}
.join .part3 > div:nth-of-type(2) dl dt {background: #57cab6;}
.join .part3 .vp2_b_list dl dd{height: auto; padding: 0 20px; text-align:left;}
.join .part3 .vp2_b_list dl dd {padding:5px 25px; font-size: 17px; color: #505050; word-break: keep-all;}

.join .part4 > div {float: left; width: 46%; margin-right:4%; margin-bottom:50px;}
.join .part4 > div:nth-of-type(2) { margin-left:4%; margin-right:0%;}
.join .part4 .vp2_b_list dl{ height:320px; border: 1px solid #ddd; text-align: center; padding-bottom:30px; background:#fff;}
.join .part4 > div:nth-of-type(odd) dl:hover{border: 1px solid #7aa300; transition: .6s;}
.join .part4 > div:nth-of-type(even) dl:hover{border: 1px solid #0585bd; transition: .6s;}
.join .part4 .vp2_b_list dl dt{padding: 20px 0; font-size: 22px; font-weight: 600; color:#fff; text-align:center; margin-bottom:20px; border-bottom: 1px solid #ddd;}
.join .part4 > div:nth-of-type(1) dl dt {background: #7aa300;}
.join .part4 > div:nth-of-type(2) dl dt {background: #0585bd;}
.join .part4 .vp2_b_list dl dd{height: auto; padding: 0 20px; text-align:left;}
.join .part4 .vp2_b_list dl dd {padding:5px 25px; font-size: 17px; color: #505050; word-break: keep-all;}

.part5 .txt_wrap {margin-bottom:0;}


@media (max-width: 960px){

	.join .part3 > div {width: 100%; margin-bottom:30px;}
	.join .part3 > div:nth-of-type(2) {margin-left:0;}
	.join .part3 .vp2_b_list dl {height:auto;}

	.join .part4 > div {width: 100%; margin-bottom:30px;}
	.join .part4 > div:nth-of-type(2) {margin-left:0;}
	.join .part4 .vp2_b_list dl {height:auto;}
}

/* ¾àÁ¤ ¹× ³³ÀÔ¾È³» */
.contract .part1 .step { overflow:hidden; display:block; position:relative; margin-bottom:50px;}
.contract .part1 .step ul li {float:left; background:#d4d4d4; margin-right:150px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.contract .part1 .step ul li:last-child {margin-right:0;}
.contract .part1 .step ul li a:before{position:absolute; top:40%; margin-top:0; left:360px; margin-right:0; content:""; display:inline-block; width:22px; height:22px; background:url(/images/sub/uip_type1_arr.png) no-repeat; vertical-align: middle; transform: rotate(0deg); -webkit-transform: rotate(0deg);}
.contract .part1 .step ul li a:after{position:absolute; top:40%; margin-top:0; right:360px; margin-right:0; content:""; display:inline-block; width:22px; height:22px; background:url(/images/sub/uip_type1_arr.png) no-repeat; vertical-align: middle; transform: rotate(0deg); -webkit-transform: rotate(0deg);}
.contract .part1 .step ul li a {overflow:hidden; display:block; width:300px; font-size:17px; font-weight:600; text-align:center; padding:20px 15px;}
.contract .part1 .step ul li a.on {background:#3b75c0; color:#fff;  border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.contract .part1 .step ul li .num {overflow:hidden; display:block; margin:5px auto; width:35px; height:35px; line-height:35px; background:#4c4c4d; color:#fff; border-radius:50%;}
.contract .part1 .step ul li a.on .num {background:#fff; color:#3b75c0;}

.contract .part2 > div {width: 100%; margin-bottom:50px;}
.contract .part2 .vp2_b_list dl{height:auto; border: 1px solid #ddd; text-align: center; padding-bottom:30px; background:#fff;}
.contract .part2 > div:nth-of-type(1) dl:hover{border: 1px solid #f08818; transition: .6s;}
.contract .part2 > div:nth-of-type(2) dl:hover{border: 1px solid #57cab6; transition: .6s;}
.contract .part2 > div:nth-of-type(3) dl:hover{border: 1px solid #e2b415; transition: .6s;}
.contract .part2 > div:nth-of-type(4) dl:hover{border: 1px solid #7aa300; transition: .6s;}
.contract .part2 > div:nth-of-type(5) dl:hover{border: 1px solid #0585bd; transition: .6s;}
.contract .part2 .vp2_b_list dl dt{padding: 10px 0; font-size: 22px; font-weight: 600; color:#fff; text-align:left; margin-bottom:20px; border-bottom: 1px solid #ddd;}
.contract .part2 > div:nth-of-type(1) dl dt {background: #f08818;}
.contract .part2 > div:nth-of-type(2) dl dt {background: #57cab6;}
.contract .part2 > div:nth-of-type(3) dl dt {background: #e2b415;}
.contract .part2 > div:nth-of-type(4) dl dt {background: #7aa300;}
.contract .part2 > div:nth-of-type(5) dl dt {background: #0585bd;}
.contract .part2 .vp2_b_list dl dd{ overflow:hidden; display:block; width:100%; height: auto; padding: 0 20px; text-align:left;}
.contract .part2 .vp2_b_list dl dd {padding:5px 25px; font-size: 17px; color: #505050; word-break: keep-all;}

.btn_online {float:left; overflow:hidden; display:block; width:150px; border:1px solid #f69600; color:#f69600; padding:7px 20px; margin:10px 10px 10px 0;}
.btn_online:hover {background:#f69600; color:#fff;}

.btn_hwp {float:left; overflow:hidden; display:block; width:155px; border:1px solid #0c83c7; color:#0c83c7; padding:7px 20px; margin:10px 10px 10px 0;}
.btn_hwp:hover {background:#0c83c7; color:#fff;}

.btn_pdf {float:left; overflow:hidden; display:block; width:155px; border:1px solid #00a49e; color:#00a49e; padding:7px 20px; margin:10px 0;}
.btn_pdf:hover {background:#00a49e; color:#fff;}


.contract .benefit p {width:70%; padding:20px 3%; text-align:center; font-size:20px; font-weight:600; margin:30px auto; color:#fff; background:#ff9212; border-radius:50px;}
.benefit .benefit-cate:nth-of-type(1) {margin-bottom:30px;}
.benefit .benefit-cate dl {height:auto; border: 1px solid #ddd; padding-bottom:30px;;}
.benefit .benefit-cate dl dt {padding: 10px 0; font-size: 22px; font-weight: 600; text-align:left; margin-bottom:20px; border-bottom: 1px solid #ddd;  background:#f2f2f2}
.benefit .benefit-cate dl dd { overflow:hidden; display:block; width:100%; height: auto; padding: 0 20px; text-align:left; font-size:16px;}
.benefit .benefit-cate dl dd div {margin-bottom:20px;}
.benefit .benefit-cate dl dd div h3 {}
.benefit .benefit-cate dl dd div ul {margin:10px 0;}
.benefit .benefit-cate dl dd div ul li {position:relative; padding:0 0 0 15px; line-height:30px;}
.benefit .benefit-cate dl dd div ul li::before {content: "";  position: absolute;  top: 14px;  left: 0;  width: 5px;  height: 5px;  border-radius: 100%;  background-color: #8d8d8d;}
.benefit .benefit-cate dl dd div:last-child {margin-bottom:0;}


@media (max-width: 1240px){
	.contract .part1 .step ul li {margin-right:15%;}
	.contract .part1 .step ul li:last-child {margin-right:0;}
	.contract .part1 .step ul li a:before{position:absolute; top:40%; margin-top:0; left:25%; margin-right:0; content:""; display:inline-block; width:22px; height:22px; background:url(/images/sub/uip_type1_arr.png) no-repeat; vertical-align: middle; transform: rotate(0deg); -webkit-transform: rotate(0deg);}
	.contract .part1 .step ul li a:after{position:absolute; top:40%; margin-top:0; right:40%; margin-right:0; content:""; display:inline-block; width:22px; height:22px; background:url(/images/sub/uip_type1_arr.png) no-repeat; vertical-align: middle; transform: rotate(0deg); -webkit-transform: rotate(0deg);}
	.contract .part1 .step ul li a {overflow:hidden; display:block; width:200px; font-size:17px; font-weight:600; text-align:center; padding:20px 15px;}


}

@media (max-width: 950px){
	.contract .benefit p {width:100%; font-size:16px; font-weight:500;  border-radius:10px;}
	.benefit .benefit-cate dl dt {font-size: 18px;}

	.contract .part1 .step { overflow:hidden; display:block; position:relative; }
	.contract .part1 .step ul li {width:100%; margin-bottom:40px;}
	.contract .part1 .step ul li:last-child {margin-bottom:0;}
	.contract .part1 .step ul li a:before{top:28%; left:48%;background:url(/images/sub/uip_type2_arr.png) no-repeat;}
	.contract .part1 .step ul li a:after{top:66%; right:48%;background:url(/images/sub/uip_type2_arr.png) no-repeat;}
	.contract .part1 .step ul li a {width:100%; font-weight:500; font-size:15px; padding:10px 15px;}
	.contract .part1 .step ul li .num {width:25px; height:25px; line-height:25px;}

}


/* »ç¿ë¿ëµµ */
.use {display:block; overflow:hidden; width:100%; border-radius:50em; border:3px solid #e6e8e8; padding:20px 3%; margin-bottom:50px;}
.use .use_icon {float:left; width:130px; height:130px; margin-top:10px; text-align:center; line-height:130px; border-radius:50%; background:#59c2e9;}
.use .use_wrap {float:left; width:80%; margin-left:50px;}
.use .use_wrap h1 {position:relative; }
.use .use_wrap h1 .y_line { color:#424242; font-size:30px; line-height:40px; box-shadow:0 -15px 0 rgba(245,242,151,1) inset;}
.use .use_wrap h1 span {font-size:20px; color:rgba(0,0,0,.3);}
.use .use_wrap ul {margin-top:20px;}
.use .use_wrap ul li {position: relative; padding:5px 0 5px; font-size:16px; font-weight:500;}

.part2 .use .use_icon, .part4 .use .use_icon, .part6 .use .use_icon {background:#1075b5;} 

@media (max-width: 1100px){
	.use {margin-bottom:30px;}
	.use .use_wrap {float:left; width:78%; margin-left:30px;}
	.use .use_wrap h1 .y_line {font-size:25px; line-height:30px;}
}

@media (max-width: 960px){
	.use { border-radius:2em; margin-bottom:20px;}
	.use .use_icon {float:none; margin:0 auto;}
	.use .use_wrap {float:none; width:100%; margin:0;}
	.use .use_wrap h1 .y_line {font-size:22px;}
	.use .use_wrap ul {margin-top:10px;}
	.use .use_wrap ul li {font-size:14px;}
}

/* ¼¼Á¦ÇýÅÃ ¿ì´ë */
.taxBox {background:#a8cfde; border-radius:1em; padding:20px 5%; font-size:16px; color:#fff; font-weight:600; margin-bottom:50px;}

@media (max-width: 640px){
	.taxBox {font-size:15px; font-weight:500; margin-bottom:20px;}
}

/* ±âºÎÀÚ¿¹¿ì */
.app_txt ul {margin-top:20px;}
.app_txt ul li {padding:0 0 10px; font-size:14px; color:#696b69;}
.app_txt ul li .fa-circle {font-size:5px; padding-top:-3px;}
.app_txt ul li .fa-download {color:#ff6c00;}

/* ÀÎ»ç¸» */
.greeting {display:block; overflow:hidden; max-width: 1200px; margin: 0 auto;}
.greeting .part1 {position:relative;}
.greeting .part1 p {position:absolute; right:0; bottom:30px; padding:80px 50px 50px 50px; font-size:25px; color:#fff; background:#3b75c0 url(/images/sub/greeting_tit_bg.png) 220px 40px no-repeat;}
.greeting .part1 p span { font-size:35px; line-height:80px;}
.greeting .part1 img {}
.greeting .part2 {float: left; width:100%; margin-left:0;}
.greeting .part2 > p { }
.greeting .part2 img {position:fixed;right:300pt}
.greeting .part2 h1{padding-top: 10px; font-size: 25px; font-weight: 400; color: #046691; word-break: keep-all;}
.greeting .part2 h5{padding: 50px 0 0; text-align: right; font-size: 15px; font-weight: 400;}
.greeting .part2 h5 span{margin-left: 15px; font-family: 'Jeju Myeongjo', serif; font-size: 20px; font-weight: 600;}

.greeting .part2{padding-top: 0;}
.greeting .part2 p{font-size: 15px; line-height: 22px; color: #777777; word-break: keep-all;}
.greeting .part2 p+p{margin-top: 30px;}

@media (max-width: 1160px){
	.greeting .part1 {width:100%;}
	.greeting .part1 img {width:100%;}

	.greeting .part2 {width:100%; margin-left:2%;}
  .greeting .part2 img {position:fixed;right:0pt}
	.greeting .part2 h1 {font-size:20px;}
}
@media (max-width: 900px){
	.greeting .part1 {display:none;}	
	.greeting .part2 {width:100%;}
  .greeting .part2 img {position:relative; float: center; padding-bottom:20pt;}
	
	.greeting .part2 p{font-size: 14px; line-height: 20px;}
	.greeting .part2 p+p{margin-top: 15px;}
}

/* ¿¬Çõ */
.history-list-box .history-year-box{position:relative; padding-left:500px;}
.history-list-box .history-year-box:before{position:absolute; top:14px; left:610px; width:1px; bottom:16px;background-color:#ddd; content:"";}
.history-list-box .history-year-box h4{position:absolute; left:70px; top:0;  color:#222; font-size:30px; font-weight:600; letter-spacing:-1.5px;}
.history-list-box .history-year-box h4:after{position:absolute; top:24px; left:110px; content:""; width:150px; height:2px; background-color:#009bd5;}
.history-list-box .history-year-box .img {position:absolute; top:80px; left:70px;}
.history-list-box .history-year-box .history-year-item {overflow:hidden; position:relative; padding-bottom:40px;}
.history-list-box .history-year-box .history-year-item:last-child{padding-bottom:0}
.history-list-box .history-year-box .history-year-item .history-year{position:absolute; top:5px; left:0px; width:110px;}
.history-list-box .history-year-box .history-year-item .history-year:after{position:absolute; display:block; content:""; top:50%; right:-4px; width:7px; height:7px; margin-top:-3px; background-color:#009bd5; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.history-list-box .history-year-box .history-year-item .history-year strong{color:#1e1e1e; font-weight:600; font-size:23px;font-style:italic;}
.history-list-box .history-year-box .history-year-item .history-info-con{padding-left:130px;}
.history-list-box .history-year-box .history-year-item .history-info-con p{position:relative; margin-bottom:10px; padding-left:30px; color:#5b5b5b; font-size:15px; font-weight:300; letter-spacing:-0.5px; line-height:1.4; word-break:keep-all;}
.history-list-box .history-year-box .history-year-item .history-info-con p:first-child{margin-top:7px;}
.history-list-box .history-year-box .history-year-item .history-info-con p .history-month{position:absolute; top:0px; left:0px;color:#333; font-weight:600;}
.history-list-box .history-year-box .history-year-item .history-info-con p span{padding-left:30px;}


@media all and (max-width:768px){

	.history-list-box .history-year-box{position:relative; padding:60px 0 0 15px;}
	.history-list-box .history-year-box:before{position:absolute; top:80px; left:105px; width:1px; bottom:16px;background-color:#ddd; content:"";}
	.history-list-box .history-year-box h4{position:absolute; left:15px; top:0; color:#222; font-size:30px; font-weight:600; letter-spacing:-1.5px;}
	.history-list-box .history-year-box h4:after{position:absolute; top:24px; left:110px; content:""; width:150px; height:2px; background-color:#abc50c;}
	.history-list-box .history-year-box .history-img {display:none;}
	.history-list-box .history-year-box .history-year-item .history-year{width:90px;}
	.history-list-box .history-year-box .history-year-item .history-info-con{padding-left:110px;}
}

/* Á¤°ü */
.articles {}
.articles p {float:right; overflow:hidden; display:block; width:30%; line-height:25px;}
.articles h3 {overflow:hidden; display:block; width:100%; font-size:20px;  margin:15px 0; color:#0770b9;}
.articles h5 {font-size:17px;}
.articles ul {font-size:14px; margin-bottom:20px; padding-top:5px;}
.articles ul li {padding:5px 0;}
.articles ul li ul {padding-left:15px;}


@media (max-width: 980px){
	.articles p {float:none; width:100%; line-height:25px;}
	.articles h3 {font-size:17px;}
	.articles h5 {font-size:15px;}
	.articles ul {font-size:13px;}
}


/* Á¶Á÷µµ */
.organ .part1 { display: block; width:100%; padding-bottom:100px;}
.org_tree { text-align: center; position: relative; }
.org_tree p { display: block; padding: 12px 0; letter-spacing: 0;}
.org_tree span { display: block; border-bottom:1px solid #e0e0e0; padding-bottom:10px; margin-bottom:0px; color:#fff;}

.org_tree .org1 { display: none; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background:#fff; padding-bottom:10px; margin-bottom:10px;padding-top:10px; color:#000;}

.org_tree .board_director::before, .org_tree .board_director2::before, .org_tree .board_director3::before, .org_tree .board_director4::before, .org_tree .chief::before, .org_tree .chief2::before, .org_tree .team::before, .org_tree .professor::before, .org_tree .sub_org::before, .org_tree .sub_org2::before, .org_tree .sub_org3::before, .org_tree .head::before { content: ""; background: #e1e1e1; position: absolute; top: -30px; left: 50%; z-index: -1; }
.org_tree .board_director { display: block; width: 20rem; height: 53px;border-radius: 5px; padding:1rem 0; margin: 0 auto 2rem; color: #2e2e2e; background-color: #2674c4; font-size: 1rem; font-weight:400; text-align: center; position: relative; z-index: 1; }
.org_tree .board_director::before { width: 1px; height: 15rem; top: 100%; left: 49.9%; }

.org_tree .audit, .org_tree .audit2, .org_tree .director, .org_tree .chief, .org_tree .chief2, .org_tree .team, .org_tree .professor { position: relative; z-index: 2; top:40px; left: 50%; display: block; width: 12.5rem; color: #2e2e2e; font-size: 1rem; font-weight: 400; }
.org_tree .audit {width: 20rem; height: 50px; -webkit-transform: translate(-50%, -90%); transform: translate(-50%, -90%); background-color: #81c531; border-radius: 5px; margin-bottom: 1rem; color:#2e2e2e;}
.org_tree .audit2, .org_tree .director, .org_tree .chief, .org_tree .chief2, .org_tree .team, .org_tree .professor { position: relative; z-index: 2; top:80px; left: 17%; display: block; width: 12.5rem; color: #2e2e2e; font-size: 1rem; font-weight: 400; }
.org_tree .audit2 {width: 22rem; height: 80px; -webkit-transform: translate(-50%, -90%); transform: translate(-0%, -0%); background-color: #81c531; border-radius: 5px; margin-bottom: 1rem; color:#2e2e2e;}

.org_tree .board_director2 { display: block; width: 20rem; height: 60px;border-radius: 5px; padding:1rem 0; margin: 0 auto 2rem; color: #2e2e2e; background-color: #0083b4; font-size: 1rem; font-weight:400; text-align: center; position: relative; z-index: 1; }
.org_tree .board_director2::before { width: 1px; height: 10rem; top: 100%; left: 49.9%; }
.org_tree .board_director2 span {border-bottom:none;}

.org_tree .sub_org { display: inline-block;  width: 100%; position: relative; z-index: 2;}
.org_tree .sub_org::before { width: 66.8%; height: 1px; -webkit-transform: translateX(-10%); transform: translateX(-50%); top: 30px; }
.org_tree .sub_org > li .head::before  { width: 1px; height: 2.2rem; top: -2.1rem; }
.org_tree .sub_org > li { float: left; width: 31.3%; margin: 4rem 1% 0; padding: 0 1rem; position: relative; }
.org_tree .sub_org > li .head { position: relative; height: 50px; background-color:#eabc06; border-radius: 5px; color: #000; font-size: 1rem; font-weight: 400; display: block; width: 100%; margin-bottom: 0px; }

.org_tree .sub_org1 { display: inline-block;  width: 100%; position: relative; z-index: 2;}
.org_tree .sub_org1::before { width: 66.8%; height: 1px; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 30px; }
.org_tree .sub_org1 > li .head::before  { width: 1px; height: 2.2rem; top: -1.5rem; }
.org_tree .sub_org1 > li { float: left; width: 31.3%; margin: 1.5rem 1% 0; padding: 0 1rem; position: relative; }
.org_tree .sub_org1 > li .head { position: relative; height: 50px; background-color:#b39a0d; border-radius: 5px; color: #000; font-size: 1rem; font-weight: 400; display: block; width: 100%; margin-bottom: 20px; }


@media(max-width: 1023px){
	.org_tree::before { -webkit-transform: translate(-50%); transform: translate(-50%); }
	.org_tree .board_director, .org_tree .board_director2, .org_tree .board_director3, .org_tree .board_director4,{ width: 100%; margin-bottom: 0; }
	.org_tree .board_director::before, .org_tree .board_director2::before, .org_tree .board_director3::before, .org_tree .board_director4::before, .org_tree .chief::before, .org_tree .chief2::before, .org_tree .team::before, .org_tree .professor::before, .org_tree .sub_org::before, .org_tree .sub_org2::before, .org_tree .sub_org3::before, .org_tree .head::before{ display: none; }
	.org_tree .audit, .org_tree .director, .org_tree .chief, .org_tree .chief2, .org_tree .team, .org_tree .professor { width: 100%; position: static; -webkit-transform: translate(0, 0); transform: translate(0, 0); margin-top:20px; margin-bottom: 0;}
    .org_tree .audit::after{ display: none; }
	.org_tree .sub_org::before { display: none; }
	.org_tree .sub_org > li { width: 100%; padding: 0; margin: 0; margin-top:20px;}
	.org_tree .sub_org > li .head { border-width: 2px; margin-bottom: 0; }

	.org_tree .sub_org1::before { display: none; }
	.org_tree .sub_org1 > li { width: 100%; padding: 0; margin: 0; margin-top:20px;}
	.org_tree .sub_org1 > li .head { border-width: 2px; margin-bottom: 0; }

	.org_tree .sub_org2::before { display: none; }
	.org_tree .sub_org2 > li { width: 100%; padding: 0; margin: 0; margin-top:20px;}
	.org_tree .sub_org2 > li .head { border-width: 2px; margin-bottom: 0; }

}

/* ¿À½Ã´Â ±æ */
.contactCon{position:relative; height:auto;}
.contactCon .cont {width:100%; padding:20px 50px;background:#0888e2; }
.contactCon .cont ul {}
.contactCon .cont ul li { padding:5px 20px; font-size:15px; color:#fff;}
.contactCon .cont ul li i {padding-right:5px; color:#fff; font-size:15px;}

.contactCon .map {margin-left:0; width:100%; height:600px; border:1px solid #dedede;}

@media all and (max-width:1220px){
	
	.contactCon{padding-bottom:60px;width:96%; margin:0px auto;}
	.mapCon{overflow:hidden; height:400px;}
}

@media all and (max-width:980px){
	.contactCon{position:relative; height:700px; margin-top:0;}
	.contactCon .cont {float:left; width:100%; height:auto; padding:30px 0 20px;}
	.contactCon .cont .addr {line-height:34px; font-size:20px; margin-bottom:15px; letter-spacing:-1.5px;}

	.mapCon{height:300px;}
	.map-tbl th,.map-tbl td{text-indent:0; padding-left:5%; font-size:12px;}

	#contactCon .cont ul li {width:100%; text-align:left; padding-bottom:10px;}
}

@media (max-width: 640px){
	.contactCon .cont {overflow:hidden; display:block; margin-bottom:10px; width:100%; padding:10px 1% 10px;}
	.contactCon .cont .addr {font-size:15px;}
	.contactCon .cont ul {width:100%;}
	.contactCon .cont ul li {font-size:12px; text-align:left;}
	.contactCon .map {height:300px;}
}

@media all and ( max-width: 480px ){

	.contactCon .cont .addr {margin-bottom:10px; font-size:15px;}
}

/* faq */
.list1 {border-top:1px solid #1d1e28;}
.list1:after {content: "";	  display: block;	  clear: both;	}
.list1-item {position: relative;	  line-height:3.7;	  font-size:0.9rem;	}
.list1-item:before { content: ""; font-size: 0.75rem;	  font-weight: normal;	  color: #10a1e5;	  position: absolute;	  top: 0;	  left: 0;	}
.list1-item .headline {color:#2176d5; border-bottom:1px solid #d1d1d6; padding-left: 20px; }
.list2 {border-bottom:1px solid #d1d1d6;}
.list2:after {	  content: "";	  display: block;	  clear: both;	}
.list2-item { padding:20px;  position: relative;	  line-height: 2;	  font-size:0.95em;	 background:#f0f1f4;	}

.bigA {font-size:20px; padding-right:10px; color:#414549;}

/* ´ëÇÐ ±â³ä¿ÍÀÎ/Ä¿ÇÇ */

.wine h3 .y_line {color:#424242; font-size:30px; line-height:40px;  box-shadow:0 -15px 0 rgba(245,242,151,1) inset;}

.wineGuide, .wineGuide .row{position:relative; overflow:hidden; display:block; margin-top:15px;}
.wineGuide .section{position:relative; overflow:hidden; display:block; float:left; width:50%; border-top:2px solid #555; text-align:center; padding:15px 0 40px;}
.wineGuide .section:nth-child(1), .wineGuide .section:nth-child(3){border-right:1px solid #e6e6e6;}
.wineGuide .section dt{font-size:24px; border-bottom:1px solid #e6e6e6; padding-bottom:10px !important; line-height:1.1;}
.wineGuide .section dt span{font-size:0.7em;}
.wineGuide .section dt, .wineGuide .section dd{padding:0 25px;}
.wineGuide .section dd{}
.wineGuide .section dd .imgWrap{margin:15px 0 5px; background:url(../img/common/ajou-mark2.png) no-repeat 35% 90%;}
.wineGuide .section dd p{position:relative; }
.wineGuide .section dd .price{margin-top:10px;}
.wineGuide .section dd .price span.money{font-size:1.25rem; font-weight:bold; color:#C00; padding-left:5px;}
.wineGuide .section dd .price span.btn a{font-weight:500; color:#fff; background:#555; border:0px solid #ccc; border-radius:3px; padding:4px 10px; text-decoration:none;}
.wineGuide .section dd .box {border:1px solid #ccc; background:#eaecec; font-size:15px; padding:10px 0; margin-top:20px;}
.wineGuide .section dd .info1{color:#d39516; font-weight:700;}
.wineGuide .section dd .txt{margin-top:15px; font-size:15px;}
@media screen and (max-width:640px){
	.wineGuide .section{float:none; width:100%;}
	.wineGuide .section:nth-child(1), .wineGuide .section:nth-child(3){border-right:none;}
}
.wineMsg{overflow:hidden; background:#2e353f; color:#fff; border-bottom-left-radius:15px; border-bottom-right-radius:15px;}
.wineMsg p{padding:10px 2px; border-bottom:1px solid #e6e6e6; font-size:1.1rem;}
.wineMsg .bgwhite{background:#fff;}
.wineMsg p.call{font-weight:500; text-align:center; color:#fff;}
.wineMsg p.call span{font-weight:700; padding-left:15px;}
.wineMsg .box{display:table; margin:0 auto;}
.wineMsg .box span{display:table-cell; padding:10px 10px 10px 20px;}
.wineMsg .box ul{display:table-cell; padding:10px 20px 10px 10px;}
.wineMsg .box span{font-size:1.1rem;}