﻿/* Common*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* Common **********************************************************************/ 

html,body {width:100%; }
html {overflow-y:scroll;}
body {*word-break:break-all;-ms-word-break:break-all; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
fieldset,img {border:0px none;  vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
ul { padding: 0px; margin: 0px; }
ul li {list-style: none; padding: 0px; margin: 0px; }
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body { background:#fff;}
body,th,td,input,select,textarea,button{font-size:12px; line-height:1.5;  font-family:'Nanum Gothic'; color:#7d7d7d;} 

a:link,a:active,a:visited{color:#7d7d7d; text-decoration:none; border:0px;}
a:hover,a:focus{color:#333; text-decoration:none;}

table {border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}
/* label hidden ó�� */
.invisible{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible{*position:Absolute;}

/* common */
.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/
.fl {float:left;}
.tal {text-align: left !important;}

/*skipnavigation*/
#skipnavigation {position:absolute; left:0; top:-1000px; width:100%; height: 0px; z-index:1000; line-height:0px; font-size:0px;}
#skipnavigation a{display:block; text-align:center; width: 100%; line-height:0px; font-size:0px;}
#skipnavigation a:focus, #skipnavigation a:hover, #skipnavigation a:active {position:absolute; left:0px; top:1000px; padding: 8px 0;  display:block; height:20px; background:#333; font-size:12px; font-weight:bold; line-height:18px; color:#fff;}

/*main*/
.f_left{float:left}
.f_right{float:right}
#wrap{width:100%; background:url(/gsphcm/images/main/top_bg.jpg) center top repeat-x;}
#header_wrap{height:172px;}
#util{width:100%; height:40px; background:#2a2e32;}
.util{width:1000px; margin:0 auto;}
.util ul li{display:inline;  margin-left:15px; font-size:14px; font-weight:bold;}
.util ul li a{color:#fff; text-decoration:none; line-height:40px;}
.search_area{width:1000px; margin:0 auto; position:relative;height:40px;}
.search{width:245px; height:30px; background:#f6f6f6;; border:0 none; font-size:14px; font-weight:bold; color:#6e6e6e; line-height:30px; padding-left:15px; position:absolute; top:5px; right:54px;}
.ser_img{position:absolute; right:0; top:5px;}
label{display:none;}
#header{width:100%; height:92px; margin:0 auto; position:relative;}
#header h1{position:absolute; top:30px !important; left:0;}
#navi{position:absolute; top:48px; right:0;}
#navi ul li{display:inline; margin-left:30px;}
#navi ul li.last{margin-left:0;}
#navi ul li a{font-size:17px; font-weight:bold; color:#222; line-height:19px; text-decoration:none;}

#visual_wrap{width:100%; height:420px; background:#e7e9ec; overflow:hidden; position:relative;}
#visual{width:1200px; height:420px; margin:0 auto; background:url(/gsphcm/images/main/visual.jpg) center top no-repeat;}
#content{width:1000px; height:563px;  margin:0 auto; padding-top:40px; padding-bottom:62px;}
.potal{width:294px; height:156px; float:left; border-top:3px #379278 solid; border-left:1px #c1dac5 solid; border-right:1px #c1dac5 solid; border-bottom:1px #c1dac5 solid;  background:url(/gsphcm/images/main/con1.jpg) center top no-repeat; padding:35px 0 0 24px;}
.potal h2{font-size:20px; color:#198163; font-weight:bold; line-height:24px;}
.potal h3{font-size:14px; color:#444; font-weight:bold; line-height:20px; margin-top:5px; margin-bottom:25px;}
.slides {float:left; width:318px; height:200px; /* border:1px solid #c2d3e1; */}
.issue{width:320px; height:195px; float:left; position:relative; overflow:hidden;}
.issue_p{font-size:14px; color:#1a386a; font-weight:bold; line-height:19px;}
.issue_p2{font-size:20px; color:#004fae; font-weight:bold; line-height:24px; margin-top:3px; margin-bottom:7px;  background:url(/catholic_gscds/images/main/issu_bar.jpg) left bottom no-repeat; padding-bottom:10px}
.issue_p3{font-size:14px; color:#444; font-weight:bold; line-height:20px;}
.issue_on{position:absolute; top:20px; right:37px;}
.issue_off{position:absolute; top:20px; right:20px;}
.site{width:318px; height:193px; border:1px #c1dac5 solid; float:left;}
.site_b{padding-top:8px; padding-left:10px; float:left;}
.site_b li{background:url(/gsphcm/images/main/site_bullet.png) left center no-repeat; line-height:28px; padding-left:15px; float:left;}
.site_b .site_b1 {width:132px;}
.site_b .site_b2 {width:143px;}
.site_b .site_b3 {width:130px;}
.site_b .site_b4 {width:140px;}
.site_b li a{font-size:11px; color:#666; font-weight:bold; text-decoration:none;letter-spacing:-1.3px;}
.site_b li a:hover{color:#2e3644;}

.site_c{padding-top:25px; padding-left:10px; float:left;}
.site_c li{background:url(/gsphcm/images/main/site_bullet.png) left center no-repeat; line-height:28px; padding-left:15px; float:left;}
.site_c li a{font-size:14px; color:#666; font-weight:bold; text-decoration:none;}
.site_c .site_b3 {width:150px;}
.site_c .site_b4 {width:90px;}

.site_d{width:250px; padding-left:20px; margin-top:5px;}
.site_d li{display:inline;}
.site_d li a{font-size:14px; font-weight:bold; color:#325f95; text-decoration:none;}
.notice, .free{overflow: hidden; width:320px; height:205px; position:relative; margin-top:20px; float:left;}
.notice h2, .free h2, .data h2{height:25px; font-size:16px; color:#111; font-weight:bold; line-height:19px; margin-bottom:5px;}
.notice_box, .free_box{overflow: hidden; height:150px; border:1px #e5e5e5 solid; padding:10px 20px;}
.more{position:absolute; top:0; right:10px;}
.more a{font-size:14px; color:#666; font-weight:bold; text-decoration:none;}
.notice ul li, .free ul li{line-height:25px; background:url(/gsphcm/images/main/bullet.jpg) left center no-repeat; padding-left:10px;}
.notice ul li a, .free ul li a{text-overflow: ellipsis; white-space: nowrap; word-break: break-all;font-size:13px; font-weight:bold; color:#666;}
.h_en{font-size:15px; color:#666; font-weight:bold; margin-left:7px;}
.data{width:320px; height:205px; float:left; position:relative;}
.data_box{width:260px; height:116px; padding:30px; background:url(/gsphcm/images/main/data.jpg) center top no-repeat;}
.data_icon{float:left; width:120px; font-size:16px; font-weight:bold; color:#fff; margin-bottom:12px;}
.data_icon p{margin-top:10px; margin-left:5px;}
.data_box a{font-size:14px; font-weight:bold; color:#fff; text-decoration:none;}
.data_box img{margin-right:10px;}
.quick{width:660px; height:114px; float:left;}
.quick_box{width:122px; height:94px; border:1px #ccc solid; background:#ececec; text-align:center; padding-top:18px; float:left; font-size:14px; font-weight:bold; color:#444;}

.straight{float:left; width:288px; height:112px; border:1px solid #cccccc; padding:0 15px; position:relative; margin-left:8px;}
.straight .m_h2{display:block; font-size:16px; font-weight:bold; color:#333; margin-bottom:5px; line-height:19px; float:left; padding-top:10px;}
.slide{height:50px; background:url(/gsphcm/images/main/catholic.png) 140px center no-repeat;}
.left{position:absolute; top:40px; left:15px;}
.right{position:absolute; top:40px; right:15px;}

#footer{clear:both; width:100%; height:133px; background:url(/gsphcm/images/main/foot_bg.jpg) center top repeat-x;}
.form{width:1000px; margin:0 auto; position:relative;}
.foot_a{height:46px;}
.foot_a a{color:#ddd; font-size:14px; font-weight:bold; text-decoration:none;  line-height:46px;}
.copy{font-size:14px; font-weight:bold; color:#bbb; line-height:22px; padding:15px 0 18px 0;}
.copy_h{font-size:14px; font-weight:bold; color:#fff;}


.form .family_site {position:absolute; right:0; top:8px;}
/*family_site*/
.dropdown{width:214px; height:28px; border:1px #ccc solid;float:left; margin-right:5px;}
.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
.dropdown dd { position:relative; }
.dropdown dt a {background:#31333a url(/gsphcm/images/main/arrow.jpg) no-repeat scroll right center; display:block;
				 width:214px; height:28px;  line-height:20px; text-decoration:none; color:#fff;}
.dropdown dt a span {cursor:pointer; display:block; padding-left:10px; padding-top:3px;font-size:14px;}
.dropdown dd ul { background:#31333a; height:75px; border:1px solid #ddd; color:#C5C0B0; display:none; overflow-y:scroll;
				  left:0px; padding:5px 0px; position:absolute; top:0px; width:auto; width:214px; list-style:none;}
.dropdown dd ul li a { padding:5px; display:block; color:#fff; text-decoration:none; font-size:14px;}


.top_wrap{position:absolute; left:50%; margin-left:520px; top:632px;}
.top_wrap2{position:absolute; left:50%; margin-left:550px; top:275px;}
.quick_menu{width:103px; border:1px solid #ccc;background:#fff;padding-bottom:15px;text-align:center;}
.quick_menu h3{font-size:14px; font-weight:bold; color:#222; padding-top:10px;}
.quick_menu ul li{line-height:30px;}
.quick_menu ul li a{font-size:14px; font-weight:bold; color:#666; text-decoration:none;}
.top_p {width:103px;text-align:center;}
.top_p a{font-size:14px; font-weight:bold; color:#666;text-align:center; text-decoration:none;}
/* .quick_menu{width:105px; height:201px; background:url(/gscds/images/main/quick_bg.png) center top no-repeat; text-align:center;}
.quick_menu h3{font-size:14px; font-weight:bold; color:#222; padding-top:10px;}
.quick_menu ul li{line-height:30px;}
.quick_menu ul li a{font-size:14px; font-weight:bold; color:#666; text-decoration:none;}
.top_p a{font-size:14px; font-weight:bold; color:#666; text-decoration:none; display:block;} */

/*sub*/
#wrap2{width:100%; background:url(/gsphcm/images/sub/sub_top.jpg) center top repeat-x;}
.sub_home{position:relative;width:1000px; height:40px; margin:0 auto; line-height:40px; font-size:14px; text-align:right;}
.sub_home .f_right{position:absolute; right:0; bottom:0;}
.left_menu{width:220px; float:left; margin-right:50px;}
.left_menu h2{height:70px; font-size:24px; font-weight:bold; color:#0049a2; line-height:70px; padding-left:10px;}
#subcontent{width:1000px; min-height:665px; margin:0 auto;}
/* .left_menu ul{background:#f8f8f8;}
.left_menu ul li{height:45px; border-bottom:1px #f8f8f8 solid; line-height:45px; background:url(/gsphcm/images/sub/left_off.png) 200px center no-repeat;}
.left_menu ul li a{height:45px; border-bottom:1px #ddd solid;  font-size:15px; font-weight:bold; color:#444; text-decoration:none;  padding-left:15px; display:block;}
.left_menu ul li a:hover{color:#fff; background:#3370ba url(/gsphcm/images/sub/left_on.png) 200px center no-repeat; display:block;}
.left_menu ul li a.on{color:#fff; background:#3370ba url(/gsphcm/images/sub/left_on.png) 200px center no-repeat; display:block;} */

.left_menu ul{background:#f8f8f8;}
.left_menu ul ul{display:none;border:0;width:100%;background:#fff;padding:11px 0;border-bottom:1px solid #ddd;border-top:1px solid #ddd;}
.left_menu ul ul li{text-indent:34px;}
.left_menu ul li a:hover{color:#fff; background:#3370ba url(/gsphcm/images/sub/left_on.png) 200px center no-repeat; display:block;}
.left_menu ul li a.on{color:#fff; background:#3370ba url(/gsphcm/images/sub/left_on.png) 200px center no-repeat; display:block;}
.left_menu ul li a{display:block;text-indent:24px;background:url(/gsphcm/images/sub/left_off.png) 200px center no-repeat;line-height:45px;color:#444;border-bottom:1px solid #ddd;font-size:15px;font-weight:bold;}
.left_menu ul li.on ul{display:block;}
.left_menu ul li.on a{display:block;color:#fff;border-bottom:1px solid #ddd;background:#3370ba url(/gsphcm/images/sub/left_on.png) 200px center no-repeat}
.left_menu ul li.on li a{color:#555;font-size:14px;border-bottom:none;background:none;line-height:28px;padding-left:5px;}
.left_menu ul li.on li {background:none;line-height:28px;}
.left_menu ul li.on li a:hover{color:#003459;text-decoration:underline}
.left_menu ul li.on li.on a {color:#003459;}



#sub_content{width:730px; float:left; position:relative; padding-bottom:75px;}
.sub_top{height:70px;}
.sub_top h3{font-size:32px; font-weight:bold; color:#333; line-height:80px;}
.sub_con{padding-top:35px; padding-bottom:30px; font-size:14px; color:#666; line-height:24px;}
.intro{background:url(/gsphcm/images/sub01/sub01_190916.jpg) right top no-repeat;}
.int01{font-size:22px; font-weight:bold; color:#325f95; line-height:30px;}
.int02{font-size:15px; font-weight:bold; color:#444; margin-top:20px; margin-bottom:25px;}
.int03{font-size:14px; color:#666;  line-height:24px;}
.name{text-align:right; margin-top:30px;}
.int_pic{position:absolute; top:110px; right:0;}
.blue{font-weight:bold; color:#084894;}

/*tab*/
.h3_title h3{float:left;}

/*rolling*/
.banner_b {position:relative; width:318px; height:112px; border:1px #cecece solid; float:left; overflow:hidden;  margin-left:20px;}

.prev{position:absolute; top:40px; left:15px;}
.next{position:absolute; top:40px; right:15px;}
.m01 span{display:block;}
.m01_in{width:215px; height:60px; position:absolute; top:20px; left:50px;}
.m01_in a{position:absolute; top:33px; left:0}
.m01_pic{display:block; width:70px; height:55px; float:left; margin-left:23px; padding-top:10px;}


/* ��޴�?��ü���?*/
#allmenu {position:absolute; top:0; left: 50%; margin-left:-500px; width:1000px; }
#allmenu .menuList { position:absolute; left:50%; top:0; margin-left:-1082px;cursor:pointer; display:none;z-index:99999;}
#allmenu .menuList .menu_wrap {text-align:left; position:relative; width:998px; min-height:500px; border:1px solid #ccc; background:#fff;}
#allmenu .m_close {position:absolute; right:0; top:0; z-index:100;}
#allmenu .menuList  .menu_wrap .menu_con {position:relative; width:100%; overflow:hidden;}

/* ��޴�?*/
.quick_all_main {text-align:center; position:absolute; left:50%; margin-left:530px; top:632px; z-index:10;}
.quick_all {text-align:center; position:absolute; left:50%; margin-left:530px; top:234px; z-index:10;}
#quick {width:105px; height:169px; background:url("/gsphcm/images/common/quick_bg.png") no-repeat; margin-top:5px;}
#quick h2 {color:#222; font-size:14px; font-weight:bold; height:35px; line-height:35px;}
#quick ul {margin-top:5px;}
#quick ul li {font-size:14px; font-weight:bold; color:#666; line-height:30px;}


/* ����Ʈ�� */
.menu_site {}
.menu_site td {border-right:1px solid #d6d6d6; padding-bottom:15px;  vertical-align:top;}

.menu_site td .title {margin:20px auto 13px 15px; color:#3370ba; font-size:16px;}
.menu_site td .title02 {margin:10px auto 13px 15px; color:#222; font-size:14px;}

.menu_site td .list {margin:0 auto 0 15px;}
.menu_site .line {border-bottom:1px solid #ccc; padding-bottom:20px; }

.menu_site td .list02 {margin:0 auto 0 15px;}
.menu_site td .list02 li {background:url("/sohmp/images/ico/bullet_dot.jpg") no-repeat 0px 11px; height:23px; line-height:23px; padding-left:10px; font-size:12px;}
.menu_site td .list02 li  a:link {color:#333; text-decoration:none;}
.menu_site td .list02 li  a:visited {color:#333; text-decoration:none;}
.menu_site td .list02 li  a:hover {color:#3370ba; text-decoration:underline;}
.menu_site td .list02 li  a:active {color:#333; text-decoration:none;}

.menu_site td .list li {background:url("/sohmp/images/ico/bullet_dot.jpg") no-repeat 0px 11px; height:23px; line-height:23px; padding-left:10px; font-size:12px;}
.menu_site td .list li  a:link {color:#333; text-decoration:none; }
.menu_site td .list li  a:visited {color:#333; text-decoration:none;}
.menu_site td .list li  a:hover {color:#3370ba; text-decoration:underline;}
.menu_site td .list li  a:active {color:#333; text-decoration:none;}


.sitemap {width:100%; margin-top:50px;}
.sitemap .sitemap_list {margin-bottom:50px; overflow:hidden;}
.sitemap .sitemap_list .con {width:212px; margin-left:50px; float:left;}
.sitemap .sitemap_list .con.first_child {margin-left:0;}
.sitemap .sitemap_list .con .title2 {font-size:15px; padding-left:25px; font-weight:bold; color:#333;border-bottom:1px dashed #ccc; border-top:2px solid #3370ba; height:40px; line-height:40px;}
.sitemap .sitemap_list .con ul {}
.sitemap .sitemap_list .con ul li {border-bottom:1px solid #ddd;  height:40px; line-height:40px;}
.sitemap .sitemap_list .con ul li.bullet {background:url("/sohmp/images/ico/bullet_dot.jpg") no-repeat 13px 18px; padding-left:25px; font-size:14px;}
.sitemap .sitemap_list .con ul li a {color:#666;}
.sitemap .sitemap_list .con ul li a:hover {color:#023f88; text-decoration:none; font-weight:bold;}

.sitemap .sitemap_list .con ul li.depth3 {background:#f8f8f8; border:0px; padding:5px 0 0 25px; line-height:20px; height:20px; font-size:13px;}
.sitemap .sitemap_list .con ul li.last {padding-bottom:10px; border-bottom:1px solid #ddd;}









/*sub*/
.bold{font-weight:bold; color:#444;}

.history_box{position:relative; padding:15px 12px; background-color:#f9f9f9; border:1px solid #ddd;}
.historyWrap{position:relative; overflow:hidden;}
/* .historyWrap h2{font-size:24px; font-weight:bold; color:#1758a7; line-height:24px; margin-top:40px;} */
.historyWrap h2{font-size:22px; font-weight:bold; color:#3370ba; background:url('/gsphcm/images/common/bullet_circle.jpg') no-repeat 3px 7px; padding-left:20px; margin-top:40px;}

.tbl_type_number{position:relative; width:100%; border-top:2px solid #393939;}
.tbl_type_number th{border-left:1px #dfdfdf solid;border-bottom:1px #dfdfdf solid; height:40px; background:#f6f6f6; font-size:13px; color:#464646; font-weight:bold; text-align:Center;}
.tbl_type_number td{border-left:1px #dfdfdf solid;border-bottom:1px #dfdfdf solid; height:36px; font-size:13px; text-align:center; padding:3px 0}
.tbl_type_number input{border:1px solid #dfdfdf; height:25px;}
.tbl_type_number strong {color:#252525;}
.tbl_type_number .first {border-left:none;color:#252525;font-weight:bold;}
.tbl_type_number .cont {text-align:left;padding-left:15px;}

.tbl_type_number2{position:relative; width:100%; border-top:1px solid #393939;}
.tbl_type_number2 th{border-left:1px #dfdfdf solid;border-bottom:1px #dfdfdf solid; height:40px; background:#f6f6f6; font-size:13px; color:#464646; font-weight:bold; text-align:Center;}
.tbl_type_number2 td{border-left:1px #dfdfdf solid;border-bottom:1px #dfdfdf solid; height:36px; font-size:13px; text-align:center; padding:3px 0}
.tbl_type_number2 input{border:1px solid #dfdfdf; height:25px;}
.tbl_type_number2 .first {border-left:none;color:#252525;font-weight:bold;}
.tbl_type_number2 .cont {text-align:left;padding-left:15px;}
.tbl_type_number2 .bln {border-left:none;}

.tbl_type_number3{position:relative; width:70%; border-top:2px solid #393939;}
.tbl_type_number3 th{border-left:1px #dfdfdf solid;border-bottom:1px #dfdfdf solid; height:40px; background:#f6f6f6; font-size:13px; color:#464646; font-weight:bold; text-align:Center;}
.tbl_type_number3 td{border-left:1px #dfdfdf solid;border-bottom:1px #dfdfdf solid; height:36px; font-size:13px; color:#464646;  text-align:center; font-weight:bold; padding:3px 0}
.tbl_type_number3 input{border:1px solid #dfdfdf; height:25px;}
.tbl_type_number3 strong {color:#252525;}
.tbl_type_number3 .first {border-left:none;color:#252525;font-weight:bold;}
.tbl_type_number3 .cont {text-align:left;padding-left:15px;}


.tbl_type{position:relative; width:100%; border-top:1px solid #393939;}
.tbl_type th{border-left:1px #dfdfdf solid;border-bottom:1px #dfdfdf solid; height:40px; background:#f6f6f6; font-size:13px; color:#464646; font-weight:bold; text-align:Center;}
.tbl_type td{border-left:1px #dfdfdf solid;border-bottom:1px #dfdfdf solid; height:40px; font-size:13px; text-align:center;padding:7px 0}
.tbl_type input{border:1px solid #dfdfdf; height:25px;}
.tbl_type strong {color:#252525;}
.tbl_type .first {border-left:none;color:#252525;font-weight:bold;}
.tbl_type .cont {text-align:left;padding-left:15px;}

.tbl_type2{position:relative; width:100%; border-top:2px solid #393939;}
.tbl_type2 th{border-left:1px #dfdfdf solid;border-bottom:1px #dfdfdf solid; height:40px; background:#f6f6f6; font-size:13px; color:#464646; font-weight:bold; text-align:Center;}
.tbl_type2 td{border-left:1px #dfdfdf solid;border-bottom:1px #dfdfdf solid; height:40px; font-size:13px; text-align:center;padding:10px; line-height:22px;}
.tbl_type2 input{border:1px solid #dfdfdf; height:25px;}
.tbl_type2 strong {color:#252525;}
.tbl_type2 .first {border-left:none;color:#252525;font-weight:bold;}
.tbl_type2 .cont {text-align:left;padding-left:10px;}
.tbl_type2 .subtitle{background-color:#f2f8ff; color:#464646;}

.tbl_type3{position:relative; width:100%; border-top:2px solid #393939;}
.tbl_type3 th{border-left:1px #dfdfdf solid;border-bottom:1px #dfdfdf solid; height:40px; background:#f6f6f6; font-size:14px; color:#464646; font-weight:bold; text-align:Center;}
.tbl_type3 td{border-left:1px #dfdfdf solid;border-bottom:1px #dfdfdf solid; height:40px; font-size:13px; text-align:center;padding:10px; line-height:22px;}
.tbl_type3 input{border:1px solid #dfdfdf; height:25px;}
.tbl_type3 strong {color:#252525;}
.tbl_type3 .first {border-left:none;color:#252525;font-weight:bold;}
.tbl_type3 .cont {text-align:left;padding-left:10px;}
.tbl_type3 .subtitle{background-color:#f2f8ff; color:#464646;}

	/*�����Ұ�*/
.directorBox{position:relative; width:730px; overflow:hidden;}
.directorWrap{position:relative; width:147px; overflow:hidden; float:left;}
.directorWrap .img{position:relative; width:135px; height:170px; border:1px solid #ddd; padding:4px; float:left; margin-bottom:12px;}
.directorWrap .img img {display: block;width: 100%; height: 100%;}
.directorWrap dl{text-align:center;}
.directorWrap dt{font-size:15px; font-weight:bold; line-height:24px; color:#3370ba; letter-spacing: -1.6px;}
.directorWrap dd{font-size:11px;}

	/*�����Ұ�*/
.directorBox1{position:relative; width:730px; overflow:hidden;}
.directorWrap1{position:relative; width:147px; overflow:hidden; float:left;}
.directorWrap1 .img{position:relative; width:135Px; height:170px; border:3px solid #ddd; padding:4px; float:left; margin-bottom:12px;}
.directorWrap1 dl{text-align:center;}
.directorWrap1 dt{font-size:15px; font-weight:bold; line-height:24px; color:#3370ba;}
.directorWrap1 dd{font-size:11px;}

.location_title{font-size:16px; font-weight:bold; color:#3370ba; line-height:22px; background:url('/gsphcm/images/common/bullet_circle_small.jpg') no-repeat 3px 7px; padding-left:17px; margin-bottom:10px;}
.bus1 {float:left; width:350px; margin-right:30px;}
.bus2 {float:left; width:350px;}
.list_dot {font-size:13px; color:#666; background:url('/gsphcm/images/common/bullet_dot.jpg') no-repeat 0px 12px; padding-left:10px;}

.location_title2{font-size:18px; font-weight:bold; color:#3370ba; line-height:22px; background:url('/gsphcm/images/common/bullet_circle_small.jpg') no-repeat 3px 7px; padding-left:17px; margin-bottom:10px;}

	/*�ؼ�*/
.explanation{position:relative; width:730px; overflow:hidden;}
.explanation dt{color:#464646; font-weight:bold; margin-top:10px;}
.explanation dd{font-size:13px; color:#666; margin-top:3px; line-height:22px;}
.explanation .first{margin-top:0;}

.explanation2 li{font-size:13px; color:#555;}


	/*��Ģ*/
.downloadBox{position:relative; width:210px; border:1px solid #ddd; padding:10px; text-align:center; font-weight:bold; float:left;}
.downloadBox2{position:relative; width:459px; border:1px solid #ddd; padding:10px; text-align:center; font-weight:bold; float:left;}
.downloadBox a {display:block;}
.downloadBox2 a {display:block;}

.cont_title{font-size:22px; font-weight:bold; color:#325f95;}

.applicationBox{position:relative; width:210px; border:1px solid #3370ba; padding:10px; text-align:center; font-weight:bold; margin:0 auto; font-size:16px; color:#3370ba;}
.applicationBox a {display:block; color:#3370ba;}

.cafeBox{position:relative; width:210px; border:1px solid #3370ba; padding:10px; text-align:center; font-weight:bold; float:left;}
.cafeBox a {display:block; color:#3370ba;}




/* ���� */
.txt_left {text-align:left;}
.txt_right {text-align:right;}
.txt_center {text-align:center;}

/* �Խ��� */
.board_list {width:100%;border-top:2px solid #325f95;}
.board_list th {padding:12px 0;font-size:14px;color:#222;text-align:center;font-weight:bold;border-bottom:1px solid #ddd;background:#f7f7f7;}
.board_list td {padding:12px 0;font-size:14px;color:#666;text-align:center;border-bottom:1px solid #ddd;}
.board_list .txt_left {text-align:left;}
.board_list .list_title{text-align:left; padding-left:10px;}

.board_form {width:100%;border-top:2px solid #325f95;}
.board_form th {padding:10px 15px;border-bottom:1px solid #ddd;font-size:14px;text-align:left;font-weight:bold;color:#222;background:#f7f7f7;}
.board_form td {padding:10px 15px;border-bottom:1px solid #ddd;font-size:14px;text-align:left;color:#666;}
.board_form td .title{display:block;}
.board_form td .radio01, .board_form td .text01{display:inline-block;}
.board_form td .radio01{margin-right:3px;}
.board_form td .text01{margin-right:12px; }
.board_form input {font-size:14px;color:#333;height:25px;border:1px solid #ccc;background:#fff;}
.board_form input.radio{border:none; vertical-align:middle}
.board_form textarea {font-size:14px;color:#333;border:1px solid #ccc;background:#fff;color:#333;}

.board_paging {border-top:1px solid #ddd;}
.board_paging th {padding:10px 15px;border-bottom:1px solid #ddd;font-size:14px;text-align:left;font-weight:bold;color:#333;background:#f7f7f7;}
.board_paging td {padding:10px 15px;border-bottom:1px solid #ddd;font-size:14px;text-align:left;color:#666;}

.page {text-align:center;width:100%; height:32px; margin:0 auto;}
.page_on{width:30px; height:30px; background:url(/gsphcm/images/sub/num_on.jpg) no-repeat; color:#fff; font-size:15px; font-weight:bold; display:inline-block; line-height:30px;}
.page_{width:30px; height:30px; background:url(/gsphcm/images/sub/num_off.jpg) no-repeat; color:#8c8b8b; font-size:15px; font-weight:bold; display:inline-block;  line-height:30px;}
.red{color:#f26522;font-weight:bold;}

.search_nemo {width:100%;text-align:right;}
.search_nemo input {border:1px solid #ccc;background:#fff;font-size:14px;color:#333;}
.search_nemo select {font-size:14px;color:#333;}

ul.tab li{float:left;margin-right:15px;}


.btn_m {display:inline-block;width:90px;height:30px;line-height:30px;background:#555;border:1px solid #333;text-align:center;color:#fff;font-weight:bold;font-size:14px;}
.btn_m a, .btn_m a:hover {color:#fff;text-decoration:none;display:inline-block;width:90px;height:30px;}
.btn_m2 {display:inline-block;width:90px;height:30px;line-height:30px;background:#fff;border:1px solid #777;text-align:center;color:#333;font-weight:bold;font-size:14px;}
.btn_m2 a, .btn_m2 a:hover {color:#333;text-decoration:none;display:inline-block;width:90px;height:30px;}
.btn_m3 {display:inline-block;width:60px;height:25px;line-height:25px;background:#eee;border:1px solid #aaa;text-align:center;color:#111;font-weight:bold;font-size:14px;}
.btn_m3 a, .btn_m3 a:hover {color:#111;text-decoration:none;display:inline-block;width:60px;height:25px;}

.move_btn{width:60px; height:25px; font-size:12px; color:#fff; background-color:#3370ba; position:absolute; right:55px; top:110px;text-align:center; cursor:pointer;}
.font_12{font-size:12px;}


/* ȸ������ */
.login_wrap{width:600px; position:relative; margin:0 auto; text-align:center;overflow:hidden;}
.login_id{width:240px; float:left;height:30px; font-size:14px; font-weight:bold; color:#444;}
.login_pw{width:240px; float:left; height:30px; font-size:14px; font-weight:bold; color:#444;}
.login_btn{width:70px; float:left; height:30px; font-size:14px; font-weight:bold; color:#fff; background-color:#3370ba;}
.num_txt{width:100px; float:left;height:20px; font-size:13px; font-weight:bold; color:#444;}
.font_color{color:#1a386a; font-weight:bold;}


/* ����Ʈ��*/
.sitemap {width:100%; margin-top:50px;}
.sitemap .sitemap_list {margin-bottom:50px; overflow:hidden;}
.sitemap .sitemap_list .con {width:212px; margin-left:50px; float:left;}
.sitemap .sitemap_list .con.first_child {margin-left:0;}
.sitemap .sitemap_list .con .title2 {font-size:15px; padding-left:25px; font-weight:bold; color:#333;border-bottom:1px dashed #ccc; border-top:2px solid #3370ba; height:40px; line-height:40px;}
.sitemap .sitemap_list .con ul {}
.sitemap .sitemap_list .con ul li {border-bottom:1px solid #ddd;  height:40px; line-height:40px;}
.sitemap .sitemap_list .con ul li.bullet {background:url("/gsphcm/images/common/bullet_dot.jpg") no-repeat 13px 18px; padding-left:25px; font-size:14px;}
.sitemap .sitemap_list .con ul li a {color:#666;}
.sitemap .sitemap_list .con ul li a:hover {color:#023f88; text-decoration:none; font-weight:bold;}

.sitemap .sitemap_list .con ul li.depth3 {background:#f8f8f8; border:0px; padding:5px 0 0 25px; line-height:20px; height:20px; font-size:13px;}
.sitemap .sitemap_list .con ul li.last {padding-bottom:10px; border-bottom:1px solid #ddd;}


/* member ���� */
.content h4 {font-size:16px;font-weight:bold;color:#222;background:url("/gsphcm/images/common/bullet_circle.jpg") no-repeat 0px 5px; padding-left:25px; margin-bottom:18px;}
.content h5 {font-size:14px;font-weight:bold;color:#1857a4;background:url("/gsphcm/images/common/bullet_arrow.jpg") no-repeat 11px 6px; margin-top:20px; padding-left:25px;margin-bottom:7px;}
.content h5.first_child {margin-top:0;}
.content h6 {color:#252525;font-size:14px;line-height:13px;font-weight:bold;}
.list_dot li {font-size:14px;color:#666;background:url("/gsphcm/images/common/bullet_dot.jpg") no-repeat 0px 10px;padding-left:10px;}
.list_dot02 li {font-size:13px;color:#666; font-weight:normal; background:url("/gsphcm/images/common/bullet_dot.jpg") no-repeat 0px 10px; line-height:23px; padding-left:10px;}
.arrow {font-family:'Dotum', '����';}
.stitle {font-size:14px; font-weight:bold; color:#444; margin-left:30px; margin-bottom:10px; margin-top:15px;}

.emailbox {border:1px solid #ddd;padding:20px;background:#f9f9f9; font-size:14px; text-align:left; line-height:26px;}

.favorite_list {border-top:2px solid #555;margin-bottom:30px;width:100%;overflow:hidden;border-left:1px solid #ddd;}
.favorite_list li {float:left;width:208px;font-size:14px;color:#666;padding:7px 12px;text-align:left;border-bottom:1px solid #ddd;border-right:1px solid #ddd;line-height:24px;}
.favorite_list .no_line {border-left:none;}
.favorite_list input{vertical-align:middle; margin-right:5px;}

.favorite_list2 {border-top:2px solid #555;margin-bottom:10px;width:100%;overflow:hidden;border-left:1px solid #ddd;}
.favorite_list2 li {float:left;width:218px;font-size:14px;color:#666;padding:7px 12px;text-align:left;border-bottom:1px solid #ddd;border-right:1px solid #ddd;line-height:24px;}
.favorite_list2 .no_line {border-left:none;}
.favorite_list2 input{vertical-align:middle; margin-right:5px;}

.mypage_font_blue{color:#3370ba; font-size:12px; font-weight:bold;}
.confirm_mb{margin:0 auto; text-align:center; margin-top:30px;}


/* member table */
.table_area {border-top:2px solid #555;margin-bottom:30px;width:100%;}
.table_area th {font-size:13px;color:#222;padding:7px 0;text-align:center;border-bottom:1px solid #ddd;background:#f5f5f5;}
.table_area td {font-size:13px;color:#666;padding:7px 12px;text-align:left;border-bottom:1px solid #ddd;border-left:1px solid #ddd;line-height:24px;}
.table_area .sel_bg {text-align:center;padding:7px 0;color:#175095;background:#f4f9ff;border-left:none;vertical-align:middle;}
.table_area .center {text-align:center;padding:7px 0;}
.table_area .no_line {border-left:none;}
.table_area .line {border-left:1px solid #ddd;}
.table_area .tbl_left {text-align:left; padding-left:25px;}
.table_area .sel_padding {padding:12px 20px;}
.table_area .tbl_line {border-bottom:1px solid #999; padding-bottom:5px;}


.table_area02 {border-top:2px solid #555;margin-bottom:30px;width:100%;}
.table_area02 th {font-size:13px;color:#222;padding:7px 0;text-align:center;border-bottom:1px solid #ddd;background:#f5f5f5;}
.table_area02 td {font-size:13px;color:#666;padding:7px 12px;text-align:left;border-bottom:1px solid #ddd;border-left:1px solid #ddd;line-height:24px;}
.table_area02 .no_line {border-left:none;}


/*ķ�۽��ȳ�*/
.tab_m2 {position:relative; width:100%;overflow:hidden;}
.tab_m2 div {display:inline;}
.tab_m2 h3 {width:242px;font-weight:bold; height:40px;text-align:left;font-size:14px; color:#7d7d7d; line-height:40px;text-align:center;}
.tab_m2 h3.row4 {width: 181px;}
.tab_m2 h3 .over{color:#fff; background:#3470b9;border:1px solid #3470b9;}
.tab_m2 h3 a{font-weight:bold;displaY:block;color:#464646;border:1px solid #d4d2d2;}
.tab_m2 h3 a:hover{color:#fff; text-decoration:none; background:#3470b9;border:1px solid #3470b9;}

.campus_map {position:relative;border:1px solid #ccc;}
.map_b {position:absolute;width:120px;background:#347d69;color:#fff;text-align:center;font-weight:bold}
.map_b a {display:block;height:30px;line-height:30px;border:2px solid #347d69;background:#fff;color:#347d69;text-align:center;font-weight:bold;text-decoration:none;}
.map_b a:hover {display:inline-block;height:30px;line-height:30px;border:2px solid #347d69;background:#347d69;color:#fff;text-align:center;font-weight:bold}


.map_b2 {position:absolute;width:100px;background:#347d69;color:#fff;text-align:center;font-weight:bold}
.map_b2 a {display:block;height:25px;line-height:25px;border:2px solid #347d69;background:#fff;color:#347d69;text-align:center;font-weight:bold;text-decoration:none;font-size:12px}
.map_b2 a:hover {display:inline-block;height:25px;line-height:25px;border:2px solid #347d69;background:#347d69;color:#fff;text-align:center;font-weight:bold;}


.map_box {width:688px;overflow:hidden;border:1px solid #d4d2d2;padding:20px;}
.map_left {float:left;width:415px;}
.map_right {float:right;width:225px; height:310px;border-left:1px solid #e2e2e2; padding:0 0 20px 25px;}
.map_right.height {height: 325px;}
.map_img {position:relative;}

.floor_list {width:688px;border:1px solid #d4d2d2;padding:10px 20px 20px 20px;}
.floor_list.link {padding-bottom: 10px;}
.floor_list li {position: relative;padding:10px 0 15px 85px;border-bottom:1px solid #e2e2e2;}
.floor_list.link li {border-bottom: none; padding-left: 95px;}
.floor_list .num {display: block;position: absolute; width:75px;height:25px;line-height:25px;left:0; color:#fff; background-color:#3470b9;font-weight:800;text-align:center;}
.floor_list.link .num {width: 85px;}

.sub_visual{position:relative; width:415px; height:300px; }
div.visual-main {position:relative; margin:0; padding:0;width:415px; height:265px;}
ul.visual-zone {overflow:auto; margin:0; padding:0; width:415px; height:265px;}
ul.visual-zone li {display:inline; list-style:none;}

ul.navigation-zone {position:absolute; top:275px; left:35px; height:18px; z-index:2; }
ul.navigation-zone li {display:inline; list-style:none;}
ul.navigation-zone li a {float:left; display:block; margin:0; padding:0 0 0 4px;}

ul.controll-zone {position:absolute; left:0; top:275px; margin:0; padding:0 0 0 0px; width:58px; height:18px; z-index:2;}
ul.controll-zone li {margin:0; padding:0; display:inline; list-style:none;}
ul.controll-zone li a {float:left; display:block; margin:0; width:17px; height:18px;}


.admind_box {width:100%;}
.admind_box li {margin-right:15px; float:left;text-align:center;}
.admind_box img {vertical-align:middle;margin:0 10px;}

.admind_box02 {width:90%;overflow:hidden;}
.admind_box02 li {width:70px;float:left;text-align:center;border:0px solid red;}
.admind_box02 img {vertical-align:middle;margin:0 7px}

/*?�학?�내SMS?�청*/
.tbl_type_sms{position:relative; width:100%; border-top:1px solid #393939;}
.tbl_type_sms th{border-bottom:1px #dfdfdf solid; height:36px; background:#f6f6f6; font-size:13px; color:#252525; font-weight:bold; text-align:Center;}
.tbl_type_sms td{border-left:1px #dfdfdf solid;border-bottom:1px #dfdfdf solid; height:36px; font-size:13px; text-align:left; padding:3px 15px;}
.tbl_type_sms input{border:1px solid #dfdfdf; height:25px;}
.tbl_type_sms textarea{border:1px solid #dfdfdf; margin:5px 0; width:560px;}
.tbl_type_sms .form_select{border:1px solid #ddd; height:25px; width:100px; min-width:100px; color:#464646}
.tbl_type_sms .form_radio{vertical-align:middle; border:none; padding-bottom:2px}
.smsBox{position:relative; width:120px; border:1px solid #3370ba; padding:10px; text-align:center; font-weight:bold; margin:40px auto; font-size:16px; color:#3370ba;}
.smsBox a {display:block; color:#3370ba;}


/*paging*/
.page {text-align:center;width:100%; height:32px; margin:0 auto;}
.page ul li{display:inline; width:15px; }
.page ul li img{vertical-align:middle;}
.page ul li.selected{color:#3370BA; font-weight:bold;}

/* 학사일정 */
.cal_tbl {border: 1px solid #ddd; border-top: 2px solid #555}
.cal_tbl th {font-size: 14px;}
.cal_tbl td {padding: 7px; border: none; font-size: 14px; text-align: center; }
.cal_tbl .slash {background: #f5f5f5 url('/gsphcm/images/sub/bg_slash.png')no-repeat -14px 0; background-size: cover; border-right: 1px solid #ddd; font-size: 13px}
.cal_tbl .txt_left {padding-left: 15px; text-align: left}
.cal_tbl .line_right {border-right: 1px solid #ddd; font-weight: bold}
.cal_tbl .line_left {border-left: 1px solid #ddd;}
.cal_tbl .line_btm {border-bottom: 1px solid #ddd;}
.cal_tbl .holy_day {font-weight: 700; color: #de0000;}

/* 원우회 */

.introduce .logo_wonwoo {float: right; width: 200px;margin-left: 40px;}

.organization .int01 {margin-bottom: 10px;}
.organization .chief_list li {font-size: 15px;}
.organization .chief_list li span {color: #3470b9; font-weight: bold; font-size: 14px;}
.organization .chief_list li span::after {content:""; width: 2px; height: 2px; background: currentcolor; display: inline-block; border-radius: 50%; margin: 0 0 3px 5px;}
.organization .chief_list li p {display: inline-block;}

.cafe .int01 {margin-bottom: 10px;}
.cafe_wonwoo, .cafe_major {overflow: hidden;}
.cafe_wonwoo {margin-bottom: 50px;}

.heightS{height: 450px;}





