@charset "utf-8";

/*.img img{ width:100%;}*/

/* Greeting */
.Geetingtxt { margin-top:15px; font-size:15px; color:#555; line-height:24px; word-break:keep-all;}
.sign {font-size:17px; color:#555; text-align:right;}
.sign span { margin-left:10px; color:#111; font-size:22px}

/* 연혁/조직 */
#content_org{ float: left; width: 700px; box-sizing: border-box;  border-left: 1px solid #ddd; min-height: 1100px; padding: 0 0 50px 39px;}

.con_body{ position: relative; overflow: hidden;}
.con_body h4{ color: #333; font-weight: bold; font-size: 17px; position: relative; margin-bottom: 15px; line-height: 1.2; margin-top: 30px; padding-left: 8px;}
.con_body h4:before{content: ''; width: 3px; height: 12px; background-color: #098ed9; position: absolute; left: 0; top: 3px;}
.con_body h4:first-child{ margin-top: 0;}
.con_body strong{ color: #444; }

.history{ padding: 8px; border: 1px solid #ddd;}
.history h4{ margin: 22px 0 0;}
.history .list_li01 li{ padding:0 0 0 30px; width:93%; height:90%; font-family:'돋움',dotum; line-height:20px; font-size:13px; overflow:hidden; background: url("/jsp/kcga/eng/img/blue_dot.png") no-repeat 20px 7px;}
.history ul{ border-bottom: 1px dashed #ddd; padding-bottom: 10px;}
.history ul:last-child{ border: none; padding: 0;}

.history ul li span.date { font-family:'돋움',dotum; width:80px; vertical-align:top; display:inline-block; font-weight: bold; font-size:13px; color:#2e7bfb;  }
.history ul li span.content { font-family:"Verdana"; margin-left:15px; display:inline-block; width:550px; }
.history dl dd img { margin-top: -3px; }

/* Symbol */
.symbol_area { position:relative; overflow:hidden; border-top:1px solid #d3dbe0; margin-top:50px; padding-top:50px}
.symbol_area:first-child { border:0; padding:0; margin:0}
.symbol_area h3 { font-family:'돋움',dotum; font-size:34px; color:#111; letter-spacing:-2px; float:left}
.symbol_area .symbol_oi { margin-top:20px}
.symbol_area .symbol_oi h4 { font-family:'돋움',dotum; font-size:20px; color:#133585; font-style:italic; margin-bottom:20px}
.symbol_area .symbol_oi p {font-family:"Verdana"; font-size:15px; line-height:22px; margin-bottom:30px; word-break:keep-all}

/* CI */
.symbol_area .symbol_oi div.ci_logo { border:1px solid #d3dbe0; padding:32px; text-align:center; background:url('/jsp/kcga/eng/img/0504_sbpt.gif') repeat; overflow:hidden}
.symbol_area .symbol_oi div.ci_logo ul.ci1 li { width:32.5%;  float:left}
.symbol_area .symbol_oi div.ci_logo div.ci2 ul { width:48%; float:left}
.symbol_area .symbol_oi div.ci_logo div.ci2 ul li { margin-top:15px}
.ci_btn { margin-top:20px}
.ci_btn a { display:inline-block; margin-left:5px }
.ci_btn a:first-child { margin-left:0}

/* 버튼 */
.tl_btn {display: inline-block; min-width:200px; padding:15px 20px;position: relative;vertical-align: middle; color:#222; font-size: 16px;font-weight: 600;letter-spacing: -0.025em;line-height: 1;border: 1px solid #222; background: transparent;overflow: hidden;-webkit-transition: color .55s cubic-bezier(.52,.08,.18,1);transition: color .55s cubic-bezier(.52,.08,.18,1);}
.tl_btn:before {background: #222; content: '';display: block;width: 120%;height: 100%;position: absolute;left: 0;top: 0;-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;-webkit-transform: translateX(-101%) skewX(-17.62deg);-ms-transform: translateX(-101%) skewX(-17.62deg);transform: translateX(-101%) skewX(-17.62deg);-webkit-transition: -webkit-transform .55s cubic-bezier(.52,.08,.18,1);transition: -webkit-transform .55s cubic-bezier(.52,.08,.18,1);transition: transform .55s cubic-bezier(.52,.08,.18,1);transition: transform .55s cubic-bezier(.52,.08,.18,1), -webkit-transform .55s cubic-bezier(.52,.08,.18,1);-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.tl_btn:hover { color:#fff}
.tl_btn:hover:before {-webkit-transform: translateX(0) skewX(-17.62deg);-ms-transform: translateX(0) skewX(-17.62deg);transform: translateX(0) skewX(-17.62deg);-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;}
.tl_btn span {position: relative; display:block; height:19px; background:url('/images/web/english/sub/0502_btn_tl_box.png') no-repeat 100% 0}
.tl_btn:hover span {background:url('/images/web/english/sub/0502_btn_tl_box_hover.png') no-repeat 100% 0}

/* button */
.btn_zone	{text-align:right; padding:15px 0 0 15px; }
.btn_box	{border:1px solid #d7d7d7;padding:10px 20px; text-align:center;color:#363636;font-weight:bold;letter-spacing:-1px;display:inline;min-width:100px;margin-left:5px;white-space:nowrap; }
.btn_box2	{background: #f5f5f2; border:1px solid #d7d7d7;padding:10px 20px; text-align:center;color:#363636;font-weight:bold;letter-spacing:-1px;display:inline;min-width:100px;white-space:nowrap; }

.w480 { width:475px !important; }	

/* color */
.ci_color { position:relative; overflow:hidden;}
.ci_color > li {width:49%; float:left; overflow:hidden; margin:0 0 2% 2%}
.ci_color > li:nth-child(2n+1)  {margin-left:0;}
.ci_color > li .ci_color_board {display:block; height:97px; font-family:'돋움',dotum; font-size:40px; color:#fff; letter-spacing:-2px; line-height:97px; padding-left:30px }
.ci_color > li p.color_mean { font-family:'돋움',dotum; font-size:16px; margin:10px 0 15px}
.ci_color_yellow .ci_color_board {background:#fecd17;}
.ci_color_red .ci_color_board {background:#e00030;}
.ci_color_blue .ci_color_board {background:#0b4094;}
.ci_color_dark .ci_color_board {background:#0A154B;}

.ci_color_info {width:100%;} 
.ci_color_info > li   {width:100%;}
.ci_color_info > li > b {position:relative;width:25%; padding:5px 0px 3px 0; vertical-align:top; font-size: 16px; line-height: 1.35; font-weight:200; color:#0f2f7a; border-top:1px solid #dadada; }
.ci_color_info > li > p {position:relative;width:75%; padding:3px 0 0 0; font-size:13px; line-height:1.35; letter-spacing:-0.025em; color:#666; border-top:1px solid #dadada; }

.ci_color_info > li > p > span {display:inline-block; vertical-align:top; padding-right:22px; }
.ci_color_info > li > p > span:last-child {padding-right:0; }
.ci_color_info > li > p > span > i {padding-right:10px; font-style:normal;}


/* 아이템 */
.ci_item li { width:50%; float:left; margin-bottom:20px}
.ci_item li img { width:90%; height:auto}

.rank2 {font-family:"Verdana"; font-size:14px; margin-top:-5px; word-break:keep-all}


/* flag */
.symbol{ box-sizing: border-box; padding-left: 260px; position: relative; clear: both; overflow: hidden;}
.symbol > img{ position: absolute; left: 0; top: 0;}
.flag{ margin: 10px; box-sizing: border-box; overflow: hidden;}
.flag img{ float: left; margin-right: 10px;}
.flag ol{ float: left; font-family:"Verdana"; font-size:14px; line-height:23px; margin-bottom:30px; word-break:keep-all}
.mt0{ margin-top: 0px!important;}
.ml10{ margin-left: 10px!important;}
.symbol h3{ color: #333; font-weight: bold; font-size: 18px; position: relative; margin-bottom: 15px; line-height: 1.2; margin-top: 30px;} 
.symbol p {font-family:"Verdana"; font-size:13px; line-height:19px; margin-bottom:10px; word-break:keep-all}
.flag h3{ color: #333; font-weight: bold; font-size: 18px; position: relative; margin-bottom: 15px; line-height: 1.2; margin-top: 5px;} 
.flag p {font-family:"Verdana"; font-size:13px; line-height:19px; margin-bottom:30px; word-break:keep-all}


/* Location */
.map_box {position:relative; height:480px; background:#f5f7f8;}
.map_info {position:relative; padding:35px 0 45px; color:#212121; background:url("/images/web/english/sub/bg_map_pt.png") repeat #c8d1db; }
.map_info ul {overflow:hidden;}
.map_info li {float:left; margin:10px 0 0 45px;}
.map_info li.mi_add {padding-left:80px; background:url("/images/web/english/sub/icon_map1.png") no-repeat left center;}
.map_info li.mi_con {padding-left:80px; background:url("/images/web/english/sub/icon_map2.png") no-repeat left center;}
.map_info li dl dt {font-family:"Verdana"; font-size:24px;}
.map_info li dl dd {margin:5px 20px 0 0; font-size:16px;}

.map_info .btn_map {position:absolute; right:45px; top:45px; width:118px; height:58px; line-height:58px; border:1px solid #606d8d;}
.map_info .btn_map a {display:block; text-align:center; font-size:17px; color:#3f4553; }
.map_info .btn_map a span {padding-left:35px; background:url("/images/web/english/sub/btn_map.png") no-repeat left center;}

/* Campus Facilities */
.faci_title{ padding:5px 0 0 5px; font-size:14px; font-weight:bold;}
.faci_cont{ font-family:"Verdana"; padding:5px 0 0 34px; font-size:14px;}
.faci_cont2{ padding:5px 0 0 44px; font-size:14px;}
.faci_head1{ padding:10px 0 0 5px; font-size:14px; font-weight:bold;}
.faci_head2{ padding:5px 0 5px 5px; font-size:14px; font-weight:bold;}

/* Contact info */
.contact_info {width:790px; margin:30px auto 0; overflow:hidden;}
.contact_info ul {position:relative; overflow:hidden;}
.contact_info ul li {position:relative;width:378px;height: 250px;border:1px solid #ccc;border-top: 3px solid #051f5f;float:left;margin-left:30px;text-align:center;}
.contact_info ul li dl {margin-top: 150px;}
.contact_info ul li dt {font-size: 22px;color: #012f82;font-family:'돋움',dotum;}
.contact_info ul li dd {font-size: 16px;line-height:  1.6;color: #666;margin-top: 5px;}
.contact_info ul li.list_call {margin-left:0;background: url("/images/web/english/sub/call_img.png") no-repeat center 30px;}
.contact_info ul li.list_fax {background: url("/images/web/english/sub/fax_img.png") no-repeat center 30px;}

/* org */
#org {
	background: white;
	color: black;
	padding: 20px;
	font-family: Gotham, Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1;
}

#primaryNav {
	margin: 0;
	float: left;
	width: 700px;
}

#primaryNav li {
	width:50%;
}

#primaryNav li ul li {
	width:100% !important;
}

#primaryNav li {padding:0 0 20px 0; list-style:none;}
#primaryNav li > ul > li {padding:5px 0 5px 250px;}
#primaryNav li > ul > li > ul {display: none;}

#primaryNav li p:before {
	content:'';	position:absolute; 
	width:0.7px; 
	height:2020px; 
	top:250px; 
	left:46.15%; 
	background-color:#bcbcbc; 
	z-index:-1;
}

#primaryNav .s1:before {content:'';	position:absolute; width:0.7px; height:450px; top:350px; left:54%; background-color:#bcbcbc; z-index:-1;}
#primaryNav .s2:before {content:'';	position:absolute; width:0.7px; height:320px; top:850px; left:54%; background-color:#bcbcbc; z-index:-1;}
#primaryNav .s3:before {content:'';	position:absolute; width:0.7px; height:530px; top:1220px; left:54%; background-color:#bcbcbc; z-index:-1;}
#primaryNav .s4:before {content:'';	position:absolute; width:0.7px; height:160px; top:1820px; left:54%; background-color:#bcbcbc; z-index:-1;}
#primaryNav .s5:before {content:'';	position:absolute; width:0.7px; height:160px; top:2050px; left:54%; background-color:#bcbcbc; z-index:-1;}
#primaryNav .s6:before {content:'';	position:absolute; width:0.7px; height:400px; top:2260px; left:54%; background-color:#bcbcbc; z-index:-1;}

#primaryNav li p {
	width:100%;
	padding: 20px 0;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: black;	
	background: #c3eafb top left repeat-x;
	border: 2px solid #b5d9ea;
	border-radius: 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
	-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
}

#primaryNav li h2 {
	width:100%;
	padding: 20px 0;
	display: block;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: black;	
	background: #fff7aa top left repeat-x;
	border: 2px solid #e3ca4b;
	border-radius: 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
	-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
}

#primaryNav li h3 {
	width:100%;
	padding: 20px 0;
	display: block;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: black;	
	background: #e7f1d7 top left repeat-x;
	border: 2px solid #94b75f;
	border-radius: 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
	-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
}