@charset 'UTF-8';

.contents .container.empty {padding-top: 50px;}

/* sub_common */
.sub_tit {position:relative; z-index:1; margin-bottom:15px; padding-top:5px; /* font-family:"NanumSquare"; */ font-size:1.76em;}
.sub_tit:before {content:""; display:block; position:absolute; left:0; top:0; z-index:1; width:25px; height:2px; background-color:#4f6ebc;}

/* sub_layout */
.contents .container {padding: 0 5px 60px;}
.sub_left {float:left; width:19.6%; padding-top:40px;}
.sub_right {float:right; width:75%;}

/* sub_left */
.sub_left_tit {display:table; width:100%; border-collapse:collapse; table-layout:fixed;}
.sub_left_tit .cell {display:table-cell; height:140px; padding:0 10px; background:url('/template/cms/user/base/image/sub/sl_tit_bg.jpg') center center no-repeat; color:#fff; font-family:"NanumSquare"; font-size:2.13em; text-align:center; vertical-align:middle;}
.sub_left_tit .cell .txt {padding-bottom:5px; border-bottom:2px solid #fff;}
.sub_left_menu {}
.sub_left_menu > li {border-bottom:1px solid #e0e0e0;}
.sub_left_menu > li > a {display:block; padding:15px 40px 15px 20px; background:url('/template/cms/user/base/image/sub/sl_arr_right.png') 90% center no-repeat; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; color:#898989; font-size:1.2em;}
.sub_left_menu > li > a:hover, .sub_left_menu > li.on > a {background-color:#585958; background-image:url('/template/cms/user/base/image/sub/sl_arr_right_on.png'); border-color:#585958; color:#fff;}
.sub_left_menu > li.on.depth3 > a {background-image:url('/template/cms/user/base/image/sub/sl_arr_down_on.png');}
.sub_left_menu2 {display:none; padding:0 20px; background-color:#f9f9f9;}
.sub_left_menu > li.on .sub_left_menu2 {display:block;}
.sub_left_menu2 li {margin-bottom:15px;}
.sub_left_menu2 li:first-child {padding-top:20px;}
.sub_left_menu2 li:last-child {margin-bottom:0; padding-bottom:20px;}
.sub_left_menu2 li a {display:inline-block; padding-left:15px; background:url('/template/cms/user/base/image/sub/sl_dot.jpg') 0 8px no-repeat; color:#585958; font-size:1.06em;}
.sub_left_menu2 li a:hover, .sub_left_menu2 li.on a {background-image:url('/template/cms/user/base/image/sub/sl_dot_on.jpg'); color:#007fa7;}

/************** sub_top **************/
.sub_top {margin-bottom:40px; padding-top:50px; padding-bottom:28px; background:url('/template/cms/user/base/image/sub/sub_top_bg1.jpg') 98% bottom no-repeat; border-bottom:1px solid #e4e4e4;}
.sub_top.bg2 {background-image:url('/template/cms/user/base/image/sub/sub_top_bg2.jpg');}
.sub_top.bg3 {background-image:url('/template/cms/user/base/image/sub/sub_top_bg3.jpg');}
.sub_top.bg4 {background-image:url('/template/cms/user/base/image/sub/sub_top_bg4.jpg');}
.sub_top.bg5 {background-image:url('/template/cms/user/base/image/sub/sub_top_bg5.jpg');}
.sub_top.bg6 {background-image:url('/template/cms/user/base/image/sub/sub_top_bg6.jpg');}

/* breadcrumb */
.bread_box {overflow:hidden; margin-bottom:20px;}
.breadcrumb {display:inline-block; overflow:hidden; margin-right:20px; vertical-align:middle;}
.breadcrumb li {display:inline-block; float:left; height:20px; line-height:20px; color:#6f6f6f; font-size:0.93em;}
.breadcrumb li.not {display:none;}
.breadcrumb li * {vertical-align:middle;}
.breadcrumb li:after {content:""; display:inline-block; width:8px; height:10px; margin:-1px 8px 0; background:url('/template/cms/user/base/image/sub/bread_arr.png') no-repeat; vertical-align:middle;}
.breadcrumb li:last-child:after {display:none;}
/* // breadcrumb */

.sub_share_box {display:inline-block; overflow:hidden; vertical-align:middle;}
.sub_share_box li {float:left; margin-right:6px;}
.sub_share_box li:last-child {margin-right:0;}
.sub_share_box li a {display: block; width: 26px; height: 26px; line-height: 26px; background-color: #3b5998; border-radius: 2px; color: #fff; font-size:17px; text-align: center;}
.sub_share_box li.twitter a {background-color: #55acee;}
.sub_share_box li.kakaostory a {background-color: #fccb00;}
.sub_share_box li.googleplus a {background-color: #da4835;}
.sub_share_box li.blog a {background-color: #00c73c;}
.sub_top_tit {font-family:"NanumSquare"; font-size:3.2em;}

/* greet basic */
.greet_top {position:relative; z-index:1; margin-bottom:40px; padding:40px 0 100px;}
.greet_top .inner_box {display:table; width:100%; border-collapse:collapse; table-layout:fixed; background-color:#f9f9fa;}
.greet_top .txt_box {display:table-cell; width:55%; padding:80px 50px; text-align:center; vertical-align:middle;}
.greet_top .dot_box {margin-bottom:35px;}
.greet_top .txt_box .txt1 {line-height:1.5; font-size:1.6em; word-break:keep-all;}
.greet_top .txt_box .dot1 {margin-bottom:20px;}
.greet_top .txt_box .dot2 {margin-top:20px;}
.greet_top .txt_box .txt2 .name {margin-left:10px; font-size:18px; letter-spacing:7px;}
.greet_top .cell {display:table-cell; text-align:center; vertical-align:middle;}
.greet_top .r_img {position:absolute; right:3%; bottom:0; z-index:1;}
.greet_mid {position:relative; z-index:1; margin-bottom:40px; text-align:center;}
.greet_mid .line {position:absolute; top:50%; z-index:1; width:100%; margin:0;}
.greet_mid .txt {display:inline-block; position:relative; z-index:1; max-width:700px; padding:0 40px; background-color:#FFF; font-size:1.46em; line-height:1.5; word-break:keep-all;}
.greet_btm {padding:0 8%;}
.greet_btm .each_txt {margin-top:25px; line-height:1.5; font-size:1.06em; word-break:keep-all;}
.greet_btm .each_txt:first-child {margin-top:0;}
.greet_btm .each_txt .strong {color:#8cba36;}
.greet_btm.type1 .each_txt {text-align:center;}
.greet_btm.type1 .each_txt:last-child {margin-top:40px; font-size:1.46em; text-align:center;}

/* history basic */
.history_box {padding-bottom:80px; background:url('/template/cms/user/base/image/sub/his_line.jpg') center 0 repeat-y;}
.history_box .img_box {margin-bottom:50px; text-align:center;}
.his_row {max-width:700px; margin:0 auto 70px;}
.his_row:last-child {margin-bottom:0;}
.his_row .his_lr {position:relative; z-index:1; width:50%; padding-top:40px;}
.his_row:nth-child(odd) .his_lr {padding-right:20px;}
.his_row:nth-child(even) .his_lr {float:right; padding-left:20px;}
.his_row .year {position:absolute; top:-21px; z-index:1; width:100px; font-size:2em; background-color:#FFF; color:#5874c7; font-weight:700; text-align:center;}
.his_row:nth-child(odd) .his_lr .year {right:2px;}
.his_row:nth-child(even) .his_lr .year {left:2px;}
.his_row .year:after {content:""; display:block; position:absolute; top:50%; z-index:1; width:14px; height:14px; margin-top:-6px; background-color:#5874c7; border-radius:7px;}
.his_row:nth-child(odd) .his_lr .year:after {right:-9px;}
.his_row:nth-child(even) .his_lr .year:after {left:-9px;}
.his_month_box {display:table; width:100%; margin-bottom:20px; border-collapse:collapse; table-layout:fixed; font-size:1.13em;}
.his_month_box:last-child {margin-bottom:0;}
.his_month_box .month {display:table-cell; width:60px; color:#5874c7; font-weight:700;}
.his_month_box .list {display:table-cell; padding-left:5px;}
.his_month_box .list li {margin-bottom:5px;}
.his_month_box .list li:last-child {margin-bottom:0;}

/* contact basic */
.map_box {width:100% !important; margin-bottom:50px !important;}
.map_info_box {display:table; width:100%; border-collapse:collapse; table-layout:fixed;}
.map_info_box .left {display:table-cell; width:32%; padding-right:25px; vertical-align:top;}
.map_info_box .left .tit {margin-bottom:15px; color:#2e51ad; font-size:1.13em; font-weight:500;}
.map_info_box .left .address {margin-bottom:20px; font-size:1.33em;}
.map_info_box .contact_list {}
.map_info_box .contact_list li {display:table; width:100%; margin-bottom:5px; border-collapse:collapse; table-layout:fixed;}
.map_info_box .contact_list li:last-child {margin-bottom:0;}
.map_info_box .contact_list .label {display:table-cell; width:65px; background: url('/template/cms/user/base/image/sub/'); color:#969696; font-size:1.06em; vertical-align:top;}
.map_info_box .contact_list .num {display:table-cell; vertical-align:top;}
.map_info_box .right {display:table-cell; padding-left:25px; border-left:1px solid #e7e7e7; vertical-align:top;}
.transport_list > li {margin-bottom:20px; padding-left:27px; background:url('/template/cms/user/base/image/sub/car_ico.png') 0 2px no-repeat; background-size:18px; 
transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; animation:transport_ani1 0.8s ease; -webkit-animation:transport_ani1 0.8s ease;}
.trasnport_list > li:last-child {margin-bottom:0;}
.transport_list > li.bus {background:url('/template/cms/user/base/image/sub/bus_ico.png') 0 0 no-repeat; background-size:16px; animation:transport_ani2 0.8s ease; -webkit-animation:transport_ani1 0.8s ease;}
.transport_list > li.train {background:url('/template/cms/user/base/image/sub/train_ico.png') 0 0 no-repeat; background-size:16px; animation:transport_ani3 0.8s ease; -webkit-animation:transport_ani1 0.8s ease;}
.transport_tit {margin-bottom:15px; font-size:1.06em;}
.troot_list li {margin-bottom:8px;}
.troot_list li:last-child {margin-bottom:0;}
.troot_list .label {color:#375ab2;}
.troot_list .txt {display:inline-block;}
.map_info_box.one .left {width:100%; padding-right:0;}

@keyframes transport_ani1{
	0% {background-size:2px;}
	90% {background-size:23px;}
	100% {background-size:18px;}
}
@-webkit-keyframes transport_ani1{
	0% {background-size:2px;}
	90% {background-size:23px;}
	100% {background-size:18px;}
}

@keyframes transport_ani2{
	0% {background-size:2px;}
	90% {background-size:21px;}
	100% {background-size:16px;}
}
@-webkit-keyframes transport_ani2{
	0% {background-size:2px;}
	90% {background-size:21px;}
	100% {background-size:16px;}
}

@keyframes transport_ani3{
	0% {background-size:2px;}
	90% {background-size:21px;}
	100% {background-size:16px;}
}
@-webkit-keyframes transport_ani3{
	0% {background-size:2px;}
	90% {background-size:21px;}
	100% {background-size:16px;}
}

@media screen and (max-width:640px){
	/* basic contact */
	.map_info_box {display:block;}
	.map_info_box .left {display:block; width:100%; margin-bottom:50px; padding-right:0;}
	.map_info_box .right {display:block; padding-left:0; border-left:0 none;}
}