@charset "utf-8";
/* CSS Document */

* { padding:0; margin:0; }
* { -webkit-text-size-adjust:none; }

body	 { position:relative; min-width:320px; height:100%; font-size:75%;
	color:#000; /* list-style:none; */ line-height:1.7em; /* border:0px solid blue; */
	/* outline:0; */
	letter-spacing:-1px;
	/* word-spacing:normal; */
	word-spacing:0.2em; /* 2017.02.15 */
	/*font-family:"Noto Sans Korean", sans-serif;*/
	font-weight: 300;
	font-family: "notoKrR", sans-serif;
}

#view_layer2 .controls .control-button
	 {
		display: inline-block;
		*display: block;
		*float: left;
		padding: 0;

		width: 10px;
		height: 10px;

		background: #575757;
		border-radius: 5px;

		text-indent: -10000px;
		opacity: 0.3;
}
#view_layer2 .controls .control-button.on {

	background-color:#a0165a;
}

/* 화면에 깜빡이는 이펙트를 넣기 위한 스타일 */
@keyframes blink-effect {
  50% {
    opacity: 0.1;
  }
}

.noview { display: none; }
label.noview { color: #fff; }
.pcmbtn { position:absolute; bottom: 20px; right: 10px; display: block; color: #979393; font-size: 30px; font-weight: bold; padding: 10px; border: 1px solid #979393; }

.topbanner {background:url(../images/topbannerbg.png) repeat-x center center; width:100%; height:102px; font-family: 'NotoKrR', sans-serif;}
.wrap {width:1145px; margin:0 auto; overflow:hidden; clear:both}
.topche {float:left;padding-right:20px; }
.topgall {float:left; width:900px; }
.tb_pager {width:1145px; margin:-30px auto 0 auto; position:relative; z-index:1; text-align:right; padding-right:24px;}
.tb_pager .bx-pager-item {display:inline-block; margin-right:8px;}
.tb_pager .bx-pager-item .bx-pager-link {display: inline-block; border-radius:10px; width:10px; height:10px; overflow:hidden; background-color:#ccc; text-indent:1000px;}
.tb_pager .bx-pager-item .active {background-color:#803977; }

.topbannerbox {float:left; width:420px; border-right:1px solid #61355c; box-sizing:border-box; padding-right:35px; padding-left:35px; margin-top:25px;}
.topbannerbox:nth-child(3) {border:none;}
.topbannerbox .topbannertitle {color:#e6e6e6; font-weight: 500; letter-spacing:-1.5px; font-size:16px;}
.topbannerbox .topbannertitle span a {display:block; background:#61355c; color: #e4c7d5; font-size:12px; width:54px; height:20px; line-height:20px; text-align:center;  letter-spacing:-1px; float:right; margin-left:10px; }
.topbannerbox .topbannerday {font-size:12px; color:#d0c7ca; letter-spacing:-0.5px;}
.closebox .closetxt { color:#b785a2; font-size:16px; font-weight:bold; letter-spacing:-1px; padding-right:15px;}
.topbanner .wrap {position:relative;}
.closebox {padding-top:20px; float:left; position:absolute; right:0; top:0}
.closebox .closecheck {letter-spacing:-1px; color:#b3849d; display:block}
.closebox .closeb {padding-left:10px;}
.closebox .closecheck input { margin-right:5px; display:inline-block}


.header {overflow:hidden; position:relative}
.headerw {border-bottom:1px solid #e4e4e4; overflow:hidden}
.headerw ul {float:left; border-right:1px solid rgb(204,204,204); height:38px; line-height:38px}
.headerw ul:nth-child(1) {border-left:1px solid rgb(204,204,204);}
.headerw ul li {float:left;}
.gnb a { padding-left:15px; display:block; letter-spacing:0; font-weight:500 }
.gnb a:last-child {padding-right:15px;}
.gnb .portal {border-left: 1px solid rgb(204,204,204);}
.gnb .portal img {margin-top:-3px;}
.sns {padding-right:8px;}
.sns a {display:block;padding-left:8px; }
.sns_wrap {position:relative; width:1145px; margin:0 auto; clear:both; }
.sns_layer { position: absolute; z-index: 11; display: none; right: 108px; top: -40px; background-color: #000000; }
.sns_layer li { width: 33px; float:left; text-align: center; padding:5px 3px 4px 4px; }
.sns_layer li:last-child { width: 33px; padding:5px 4px 4px 0; }
.lang { display: table;  float: left;}
.lang > div {  display: table-cell;  position: relative;  padding: 0 10px;}
.lang > div > a {  display: block;  height: 38px;  line-height: 38px;  text-align: center;  color: #000000; font-size:13px; font-weight:bold; letter-spacing:0}
.lang > div > a::before {  display: block;  position: absolute;  top: 12px;  left: -1px;  width: 1px;  height: 12px;  border-left: 1px solid #9fa0a0;  content: '';}
.lang > div:first-child > a::before {border:none;}

.special { display: table;  float: left;}
.special > div { display: table-cell; position: relative; padding: 0 10px;}
.special > div > a { display: block; height: 38px; line-height: 36px; text-align: center; background-color:#505a75; color: #ffffff; font-size:13px; padding: 0 15px; letter-spacing: 0; font-weight: bold;}


.searchIcon {float:right;}
.searchGroup {position:absolute; width:1145px;text-align:right; height:38px; overflow:hidden; display:none}
.searchGroup fieldset {padding: 0; width: 315px; height: 38px; background: #73174a; margin: 0 0 0 auto;}
.searchGroup fieldset legend { width:0; height:0; text-indent:-9999px;}
.searchGroup fieldset input[type=text] {float: left; display: block; width: 235px; height: 34px; padding: 0 0 0 5px; margin: 2px 0 0 2px; font-size: 12px; color: #504b4b; border: 0; background: #f7f7f7; }
.searchGroup fieldset .close {float:right}

.h100 {height:100px; line-height:100px;}
/* .h100 {height:100px; line-height:100px;position: relative; left: -47px; width: 1237px;} */


.header .logo {float:left; margin-right:120px;}
.header .logo img { width: 203px; height: auto; }
/* .header .logo img { height: auto; } */
.header .topmenu {float:left; padding-top:10px;}
.header .topmenu ul li {float:left}
.header .topmenu li > a { display: block; color: #484848; font-size: 18px; line-height: 90px; font-weight:400; margin-right:60px;   font-family: "notoKrB", sans-serif;}
.header .topmenu li > a:hover {color:#9a1b59;}
.header .topmenu li.gnbActive > a {color:#9a1b59;}
.header .topmenu li:last-child > a {margin-right:0;}
.header .togglebar {float:right; cursor:pointer}

.simple_banner_wrap { position:relative; overflow:hidden; height:420px; margin:0 auto; text-align:center; width:100%; }
.simple_banner_wrap .main_txt {position:absolute; top:180px; left:50px; z-index:10}
.simple_banner_wrap ul { list-style:none;padding:0; display:block; position:absolute; left:0; top:0; width:100%; height:100%; }
.simple_banner_wrap ul li { margin:0; padding:0; display:block; position:absolute; top:0; left:0; width:100%; height:100%; }
.simple_banner_wrap ul li div {width:100%; height:100%; background-size: auto 100%; background-repeat:no-repeat; background-position:top center; }
.simple_banner_wrap ul li span {display:block; width:100%; height:100%;}
.simple_banner_wrap .nav_wrap { position:absolute; bottom:20px; height:10px; z-index:2; }
.simple_banner_wrap .nav_wrap ul { display:block; position:relative; list-style:none; padding:0; left:70px; }
.simple_banner_wrap .nav_wrap ul li { display:inline-block; position:relative; width:12px; height:12px; margin:0 1px; cursor:pointer; }
.simple_banner_wrap .nav_wrap.numeral { height:14px; line-height:14px; }
.simple_banner_wrap .nav_wrap.numeral ul li { font-size:12px; width:14px; height:14px; text-align:center; text-shadow:1px 1px 0px #CCC; }
.simple_banner_wrap .nav_wrap.numeral ul li.on { text-decoration:underline; font-weight:bold; }
.simple_banner_wrap .nav_wrap.bullet { z-index: 6; height:10px; line-height:10px; }
.simple_banner_wrap .nav_wrap.bullet ul li { font-size:10px; text-indent:-3000px; border-radius:10px;/* box-shadow:inset 0 0 0 2px #FFF;*/ margin-right:8px; background:#fafafa}
.simple_banner_wrap .nav_wrap.bullet ul li.on { background-color:#b31f68; }
.simple_banner_wrap .nav_wrap.prev_next { height:14px; line-height:14px; text-shadow:1px 1px 0px #CCC; }
.simple_banner_wrap .nav_wrap.prev_next ul li { font-size:12px; width:14px; height:14px; font-weight:bold; text-align:center; }


.simple_banner_wrap .mainimg1 {background:url(../images/mainimg01.jpg) no-repeat top center; width:100%; height:100%}
.simple_banner_wrap .mainimg2 {background:url(../images/mainimg02.jpg) no-repeat top center; width:100%; height:100%}
.simple_banner_wrap .mainimg3 {background:url(../images/mainimg03.jpg) no-repeat top center; width:100%; height:100%}
.simple_banner_wrap .mainimg4 {background:url(../images/mainimg04.jpg) no-repeat top center; width:100%; height:100%}
.simple_banner_wrap .mainimg5 {background:url(../images/mainimg05.jpg) no-repeat top center; width:100%; height:100%}
.simple_banner_wrap .mainimg6 {background:url(../images/mainimg06.jpg) no-repeat top center; width:100%; height:100%}
.simple_banner_wrap .mainimg7 {background:url(../images/mainimg07.jpg) no-repeat top center; width:100%; height:100%}
.simple_banner_wrap .mainimg8 {background:url(../images/mainimg08.jpg) no-repeat top center; width:100%; height:100%}

/*
.maininfo { position: absolute; top: 120px; width: 100%; z-index:1; }
.maininfo a { display: block; margin: 0 auto; width: 159px; z-index:0; position:relative; left:-500px }
.maininfo a img { opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; }
*/

/* .enterinfo { position: absolute; top: 90px; width: 100%; height: 243px; z-index:1; opacity: 0.9; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; } */
.enterinfo { position: absolute; top: 27px; /*width: 100%;*/ left: 0; height: 243px; z-index:2; } /* opacity: 0.9; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; } */
/* 원래 상단은 50px 가로사이즈가 큰건 27px */

.enterinfo div { display: block; z-index:0; position:relative; margin: 0 auto; }
/* .enterinfo img { border: 1px solid #eeeeee;} */

.lnb {z-index: 9999; width:100%; min-height: 213px; border-bottom:8px solid #610e3a; background:#ebebeb; padding: 15px 0 0 0; display: none; position:absolute; }
.lnb .lnbtitle {float:left; padding-left: 33px; width: 360px; }
.lnb .lnbsubtitle {color:#b91e69; font-size: 20px; font-weight: 700; margin-bottom: 50px; line-height: normal;}
.lnb .lnbtitletxt { display:none; font-size:13px; margin-bottom: 30px; width:100px; text-align:center}
.lnb .lnbtitletxt span { width:20px; height:1px; background:rgb(0,0,0); display:block; text-align:center; margin-left:40px; margin-top:10px;}
.lnb .menutitle {font-size:15px; padding-bottom: 20px; font-weight: 500; font-family: "notoKrB", sans-serif;}

.lnb ul { float:left; padding:0; text-align: left; box-sizing:border-box; }
.lnb ul li { padding-bottom: 0; }
.lnb ul li a { font-size:13px; }
.lnb ul li a:hover { color:#9a1b59; }

/* 20170810 추가 */
.lnb > .wrap > div > ul { width:750px; padding:0; border-right:0; }
.lnb > .wrap > div > ul > li {float:left; padding-bottom: 20px; margin-right: 40px; min-width: 140px;}
/* .lnb > .wrap > div > ul > li {float:left; padding-bottom: 20px; margin-right: 70px;} */
.lnb > .wrap > div > ul > li:last-child { margin-right: 0; }
.lnb > .wrap > div > ul > li > a {font-size: 15px; font-weight: 500; font-family: "notoKrB", sans-serif; display: block; }
.lnb > .wrap > div > ul > li > ul { padding-top: 5px; border-right:0; }
.lnb > .wrap > div > ul > li > ul > li { font-size: 11px; padding-bottom: 0; font-weight: 100;}
.lnb > .wrap > div > ul > li.gnbActive > a {color: #9a1b59; display: block; }
.lnb > .wrap > div > ul > li.gnbActive > ul > li.gnbActive > a {color: #9a1b59;}


/*슬라이드 게시글 영역*/
.home_top_box {position: relative; width:450px; overflow: hidden; float:left; height:265px; }
.home_top_box h2 {color:#ad1c63; font-weight:700; font-size:20px;}
.home_top_box .slide_cont_img { border-top:1px solid #999999; margin-top: 20px; width:440px; height:160px; }
.home_top_box .slide_cont_desc {padding:20px 0; font-size:22px; font-weight:700; line-height:130%;}
.home_top_box .slide_cont_desc2 { font-size:13px; line-height:140%; color:#7f7f7f; letter-spacing: -0.04em; word-spacing: normal; display:block; color:#9c9b9b;   font-family: "notoKrM", sans-serif;   }
.home_top_box .slide_cont_desc a:hover, .home_top_box .slide_cont_desc2 a:hover {color:#9a1b59;}


.home_top_box .more {position:absolute; right:0; bottom:0;}
.home_top_box ul.slide_list {}
.home_top_box ul.slide_list:after {content:" "; display:block; clear:both;}
.home_top_box ul.slide_list li {display:block; position: relative; width:100%; height:275px;}
.home_top_box .slide_cont_box {position: relative; }
.home_top_box .slide_cont_box:after {content: " "; display:block; clear:both;}
.home_top_box .slide_cont_box .slide_cont_unit {position:absolute; left:0; top:0; width:440px; height:235px;}



/*슬라이드 네비 영역*/
.home_top_box .slide_nav {position:absolute; bottom:10px; font-size:0; line-height:0; z-index:44; }
.home_top_box .slide_nav .slide_paging {display:inline-block; vertical-align: middle; width:65px; height:40px; line-height:40px; font-size:13px; color:#333; background-color:#eef0f3; text-align:center; }
.home_top_box .slide_nav ul.slide_btns {display:inline-block; vertical-align: middle; font-size:0; line-height:0;}
.home_top_box .slide_nav ul.slide_btns li {display:inline-block;}
.home_top_box .slide_nav ul.slide_btns li.slide_next_btn i {position: relative; display:inline-block; background:url(../images/icon_sprite_new.png) no-repeat -160px -70px; background-size: 500px 700px; width: 16px; height: 28px; text-indent:-9999px; }
.home_top_box .slide_nav ul.slide_btns li.slide_next_btn i:after {content:""; position: absolute; top:0; left:0; display:inline-block; background:url(../images/icon_sprite_new.png) no-repeat -180px -70px; background-size: 500px 700px; width: 16px; height: 28px; text-indent:-9999px; opacity: 0; visibility: hidden;}
.home_top_box .slide_nav ul.slide_btns li.slide_next_btn:hover i:after {opacity: 1; visibility: visible;}

.customservice {background:url(../images/customservice.png) no-repeat; width:193px; height:264px; float:right; margin-left:28px; box-sizing:border-box; padding-top:80px; padding-left:30px; padding-right:20px;}
.customservice ul li {border-bottom:1px solid #7d1651; font-size:14px; font-weight:500; background:url(../images/plus_j.png) no-repeat right center; padding:5px 0}
.customservice ul li:nth-child(5) {border-bottom:none;}
.customservice ul li a {color:#e5e3e3;}
.customservice ul li a:hover {color:#f3addd;}

.mainsub {padding-top:50px;}
.mainsub .wrap {overflow:hidden; margin-bottom:40px}
.notieGroup {width:405px; float:left; margin-right:60px;}
.hotnotie {float:left; width:680px}
#containertab ul.tabs { margin: 0; padding: 0;  float: left;  list-style: none;  height: 35px; margin-bottom: 0;    border-left: 1px solid #eee;  width: 100%;}
#containertab .tab_content .tabtitle {font-size:19px; padding: 10px 0 0 5px; font-weight:700; line-height:160%; letter-spacing: -0.04em; word-spacing: normal; color:#191919; }
#containertab .tab_content .tabtitle:hover {color:#9a1b59; cursor:pointer; }
#containertab .tab_content .subtabtitle { font-size:13px; color:#797979; padding: 0 5px 15px 5px; line-height: 1.6; letter-spacing: -0.04em; word-spacing: normal; word-break: break-all; }
#containertab .tab_content .subtabtitle a:hover { color: #b31c66; }
#containertab ul.tabs li { float: left;  text-align:center;  cursor: pointer;  width:130px;  height: 35px; line-height: 35px;  border: 1px solid #751c47;  overflow: hidden; position: relative; margin-right:4px; font-weight:700; font-size:14px; }
#containertab ul.tabs li:last-child	 { margin-right: 0; }
#containertab ul.tabs li.active { background: #8c1851;  border: 1px solid #8c1851; color:rgb(255,255,255)}
#containertab .tab_container {  clear: both; float: left; width: 100%; height: auto; background: #FFFFFF;}
#containertab .tab_content { display: none; float: right; position: relative; padding: 5px 0; width: 100%; font-size: 12px; }
#containertab .more {position:absolute; top:-25px; right:10px; font-size:11px;}
#containertab .tab_container .tab_content ul { margin: 0px; padding: 0 3px; }
#containertab .tab_container .tab_content ul li { padding:4px 0; font-size:13px; min-height:20px; list-style:none; border-bottom:1px solid #e4e5ea;}
#containertab .tab_container .tab_content ul li a:hover { color: #ab155e; }

#containertab { width: 33.3%px;  margin: 0 auto;}
#containertab .tab_container span {display:inline-block; float:right; font-size:12px}
#containertab .tab_container .tabmore { margin: 3px 0 0 0; text-align: right; }

.mainsub2 {margin-bottom:30px; overflow:hidden;}
.mainsub2 .newsbox {float:left; margin:0 9px 0 1px; width:198px; }
.mainsub2 .newsbox .newstitle {color:#ab155e; font-size:14px; font-weight:700; padding-top:15px; margin-bottom:10px; letter-spacing: -0.04em; word-spacing: normal;}
.mainsub2 .newsbox .newstitle span {width:20px; height:1px; background:#51076c; display:block; margin-bottom:10px;}
.mainsub2 .newsbox .newsbtitle a {font-size:14px;font-weight:700; letter-spacing: -0.04em; word-spacing: normal;}
.mainsub2 .newsbox .newsbtitle a:hover {color:#9a1b59;}

.mainsub2 .newsbox .newssubtitle a { font-size:13px; letter-spacing: -0.04em; word-spacing: normal;}
.mainsub2 .newsbox .newssubtitle a:hover {color:#9a1b59;}
.mainsub2 .newsbox .newsbar { display: block; margin-top: 20px; width: 20px; height: 1px; background: #cfbfd8; }
.mainsub2 .rollingnew {background:#f5f3f0; border-top:1px solid #000; float:left;  margin-left: 50px;}
.mainsub2 .rollingnew .rollboxbtitle		 { height: 48px; font-size:15px; font-weight:600; color:#565656; line-height: 1.5em; letter-spacing: -0.04em; word-spacing: normal;}
.mainsub2 .rollingnew .rollboxsubtitle		 { margin-top: 5px; padding: 0; height: 67px; font-size:12px; line-height: 1.5; letter-spacing: -0.04em; word-spacing: normal; overflow: hidden; word-wrap: break-word;}
.mainsub2 .rollingnew a:hover				 { color: #9a1b59; }
.mainsub2 .rollingnew .rollbox1 {float:left; width:240px; border-right:1px solid #e8e1d6; box-sizing:border-box; padding:20px 20px 0 20px; height:270px;}
.mainsub2 .rollingnew .rollbox2 {float:left; width:240px; border-right:1px solid #e8e1d6; box-sizing:border-box; padding:20px 20px 0 20px; height:270px;}
.mainsub2 .rollingnew .rollbox3 {float:left; width:199px; background:#eee8e2; box-sizing:border-box; padding:20px 20px 0 20px; height:270px;}
.mainsub2 .rollingnew .rollboxw { height: 166px; }



.mainsub2 .rolltitle {font-size:17px; font-weight:700; }
.mainsub2 .rolltitle span {background:#bdaeaa; height:1px; width:20px; margin-bottom:20px; display:block; margin-top:8px;}
.mainsub2 .rollingnew .rollday {font-size:12px; color:#818080; padding-bottom:15px; letter-spacing:0;}

.snews {background:#f3f0ec; padding:35px 0; margin-bottom:35px; overflow:hidden;}
.snews .snewstitle {font-size:24px; color:#9a1b59; font-weight: 700; text-align:center; letter-spacing:2px; line-height: 1.7em;}
.snews .snewstitle span {display:block; width:30px; height:2px; background:#000000; text-align:center; margin:15px auto 35px;}
.snews .snewsboxw { margin-left:2px;}
.snews .snewsbox {float:left; width:260px; margin-right:34px; }
.snews .snewsbox:hover, .snews .snewsbox .snewsub:hover {color:#ab155e; cursor:pointer}
.snews .snewsbox:last-child {margin-right:0;}
.snews .snewsbox .snewsimg {height:173px; overflow:hidden; margin-bottom:30px;}
.snews .snewsbox .snewstxt {font-size:17px; font-weight:600; margin-bottom:10px; text-align:left;height: 20px; line-height: 20px; overflow: hidden; min-height:38px;}
.snews .snewsbox .snewsub {height:80px; overflow:hidden; font-size:13px; color:#7e7d7d; margin-bottom:35px;text-align:left; color: #4d4d4d; }
.snews .snewsbox .snewsmore {text-align:center;}

.bx-controls {text-align:center; margin-top:10px;}
.bx-controls .bx-pager-item {display:inline-block; margin-right:8px;}
.bx-controls .bx-pager-item .bx-pager-link {display: inline-block; border-radius:10px; width:10px; height:10px; overflow:hidden; background-color:#ccc; text-indent:-1000px;}
.bx-controls .bx-pager-item .active {background-color:#a0165a; }

.schoolservice {background:#FFF; margin:30px 0; overflow:hidden;}
.schoolservice .schooltitle {font-size:24px; color:#9a1b59; font-weight:700; text-align:center; letter-spacing:2px; line-height: 1.7em}
.schoolservice .schooltitle span {display:block; width:30px; height:2px; background:#000000; text-align:center; margin:15px auto 35px;}
.schoolservice .schoolmenu {overflow:hidden; margin-top:50px; margin-bottom:60px;}
.schoolservice .schoolmenu li a {float:left; border-right:1px solid #cdcdcd; width:140px; text-align:center; display:block; padding-top:72px;   font-family: "notoKrB", sans-serif; font-size:14px}
.schoolservice .schoolmenu li a:hover	 { color: #ab155e; }
.schoolservice .schoolmenu .m1 a {background:url(../images/service_1.png) no-repeat center 0px;}
.schoolservice .schoolmenu .m2 a {background:url(../images/service_2.png) no-repeat center 0px;}
.schoolservice .schoolmenu .m3 a {background:url(../images/service_3.png) no-repeat center 0px;}
.schoolservice .schoolmenu .m4 a {background:url(../images/service_4.png) no-repeat center 0px;}
.schoolservice .schoolmenu .m5 a {background:url(../images/service_5.png) no-repeat center 0px;}
.schoolservice .schoolmenu .m6 a {background:url(../images/service_6.png) no-repeat center 0px;}
.schoolservice .schoolmenu .m7 a {background:url(../images/service_7.png) no-repeat center 0px;}
.schoolservice .schoolmenu .m8 a {background:url(../images/service_8.png) no-repeat center 0px; border: 0; }
.schoolservice .schoolbanner {overflow:hidden; min-height:126px}
.schoolservice .schoolbanner ul {text-align: center;}
.schoolservice .schoolbanner li { margin-right:22px; margin-bottom:2px; width:100%; }
.schoolservice .schoolbanner li a {margin-right:30px;}
.schoolservice .schoolbanner li a:last-child {margin-right:0;}


.tongbox {background: #000000; }
.tong {background:url(../images/main_bot.jpg) center center no-repeat; width:100%; height:513px;}

.mainLinkGroup {background:#3c3c3c; }
.mainLinkGroup .footmenu {background:#2f2f2f;}
.mainLinkGroup .footmenu ul {overflow:hidden; margin:0 auto; width:1145px;}
.mainLinkGroup .footmenu ul li { float: left; display: inline-block; padding: 0 57px; height: 45px; line-height: 45px; color: #b5b5b5; font-size: 16px; border-right: 1px solid #4b4b4b; font-family: "notoKrM", sans-serif; }
/*
.mainLinkGroup .footmenu ul li a { }
.mainLinkGroup .footmenu ul li a:hover	 { color: #f5f5f5; }
*/
.mainLinkGroup .footmenu ul li:first-child { border-left: 1px solid #4b4b4b; }
.mainLinkGroup .wrap {padding:30px 0; font-family: "notoKrR", sans-serif; }
.mainLinkGroup .wrap div {float:left;}
.mainLinkGroup .wrap h3 { padding:0 10px 0 35px; color:#b5b5b5; font-family: "notoKrM", sans-serif; }
.mainLinkGroup .wrap div a {color:#979797; padding:0 10px 0 35px;}
.mainLinkGroup .wrap div a:hover	 { color: #f5f5f5; }
.mainLinkGroup .wrap div:nth-child(2) { width:165px;}
.mainLinkGroup .wrap div:nth-child(3) { width:190px;}
.mainLinkGroup .wrap div:nth-child(4) { width:150px;}
.mainLinkGroup .wrap div:nth-child(5) { width:165px;}
.mainLinkGroup .wrap div:nth-child(6) { width:145px;}
.mainLinkGroup .wrap div:nth-child(6) a { margin-left:15px;}
.mainLinkGroup .wrap div:nth-child(7) { width:180px; }
.mt5 { margin-top:5px;}

.footer {background:#222222; overflow:hidden}
.footer .policybox {float:left;}
.footer .policybox ul {overflow:hidden; position:relative; }
.footer .policybox ul li {float:left;}
.footer .policybox li a {float:left; border-right:1px solid #363636; padding:0 20px; display:inline-block; color:#9c9c9c; line-height:50px; height:50px;}
.footer .policybox li:first-child a {border-left:1px solid #363636; }
.footer .policybox .pto	 { color: #dbdbdb; }
.footer .policybox .sto	 { color: #ef9900; }
.footer .policybox li a:hover	 { color: #ffffff; }
.footer .close {float:right; color:rgb(204,204,204);border-left:1px solid #363636; border-right:1px solid #363636; line-height:50px; height:50px; background:url(../images/top_arrow.png) no-repeat 65px center; padding-left:20px; padding-right:30px; letter-spacing:0px}
.footaddress {background:#2a2a2a; overflow:hidden; padding-top:30px; padding-bottom:20px;}
.footaddress .addressGrap {float:left; width:750px; border-right:1px solid #363636;}
.footaddress .snsw {float:left; overflow:hidden; padding-left:90px; margin-top:90px;}
.footaddress .addressbox {float:left; width:305px;}
.footaddress .addresstitle {color:#828282; font-weight:700; padding-bottom:6px;letter-spacing:0;}
.footaddress .addresstxt {color:#757575; font-weight:500; padding-bottom:15px}
.footaddress .snsw .sns {margin-bottom:10px;}
.footaddress .snsw .sns li {float:left; margin-right:5px;}
.footaddress .copyright {color:#a1a1a1; clear:both; font-size:11px; margin-bottom:50px;letter-spacing:0;}
.footaddress .select_box {
  position: relative;
  height: 30px;
  background: url(../images/selectico.png) #292d36 100px center no-repeat;
  border: 1px solid #40434a;
  margin-right: 5px;
  width: 120px;
  float: left;
  font-size: 14px;
}
.footaddress .select_box select {
  padding: 4px 28px 4px 8px;
  width: 100%; color:rgb(204,204,204);
  padding-right: 28px;
  border: none;
  box-shadow: none;
  background: transparent;
  background-image: none;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: ellipsis;
}

#slideshow
	 {
		position: relative;
		overflow: hidden;

		margin: 0 auto;
		max-width: 1145px;
		text-align:left

		/* No iOS tap highlight */
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

		/* No text selection */
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;

		/* No IE10 default touch actions */
		-ms-touch-action: none;
	}

	#slideshow .strip
	 {
		position: relative;
	}

	#slideshow .strip,
	#slideshow .slide
	 {
		left: 0;
		top: 0;

		width: 100%;
		height: 100%;
	}

	#slideshow .strip,
	#slideshow .slide,
	#slideshow > button
	 {
		-webkit-perspective: 1000;
		-webkit-backface-visibility: hidden;
	}

	#slideshow .slide
	 {
		position: absolute;
		display: none;
		text-align: center;
		outline: none;
	}

	#slideshow .slide.sticky
	 {
		display: block;
	}

	#slideshow > button
	 {
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;

		padding: 0;
	}

	#slideshow button.next
	 {
		left: auto;
		right: 0;
	}

	#slideshow .markers
	 {
		text-align: right;
	}

	#slideshow ul,
	#slideshow li
	 {
		display: block;
		overflow: hidden;

		margin: 0;
		padding: 0;

		list-style: none;
	}

	#slideshow li
	 {
		float: left;
	}

	#slideshow li + li
	 {
		margin-left: 10px;
	}

	.advanced #slideshow ul
	 {
		display: inline-block;
	}


/*
	Theme
	----------------------------------- */

	#slideshow .strip
	 {
		padding-bottom: 35%;
	}



	#slideshow .slide p
	 {
		position: absolute;
		top: 50%;
		left: 0;

		width: 100%;
		height: 40px;
		margin-top: -20px;

		font-weight: 700;
		font-size: 2em;
		line-height: 40px;
	}

	#slideshow button
	 {
		margin: 0;

		background: none;
		border: 0;
		cursor: pointer;

		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

	.advanced #slideshow > button
	 {
		position: absolute;
		top: 50%;

		display: block;

		width: 40px;
		height: 36px;

		margin-top: -40px;
		padding-right: 10px;
		padding-left: 7px;
	}

	#slideshow > button::-moz-focus-inner
	 {
		margin: -1px;
		padding: 0;
	}

	#slideshow > button b
	 {
		display: block;

		width: 23px;
		height: 36px;

		background: transparent url(../img/arrow.png) no-repeat 0 -36px;
		background: rgba(0, 0, 0, 0) url(../img/arrow.svg) no-repeat 0 -36px;
		background-size: 23px 72px;

		text-indent: -10000px;
	}

	#slideshow button.next
	 {
		padding-right: 7px;
		padding-left: 10px;
	}

	#slideshow button.next b
	 {
		left: 10px;
	}

	#slideshow button.next b
	 {
		background-position: 0 0;
	}

	#slideshow .markers
	 {
		height: 15px;
		padding: 15px 10px;

		text-align: center;
		font-size: 0.8em;
	}

	/* Hide buttons when disabled */
	#slideshow.disabled > button
	 {
		display: none;
	}

	#slideshow .markers button
	 {
		display: inline-block;

		*display: block;
		*float: left;

		padding: 0;

		width: 10px;
		height: 10px;

		background: #575757;
		border-radius: 5px;

		text-indent: -10000px;
		opacity: 0.3;
	}

	#slideshow .markers button + button
	 {
		margin-left: 5px;
	}

	#slideshow .markers button.sticky
	 {
		background-color: #a0165a;
		opacity: 0.75;
	}




/*서브*/
.subbg {background: #000000 url(../images/mainimg.png) no-repeat center center; height:213px; position:relative}
.subimg_bg1 {background: #000000 url(../images/subimg02.jpg) no-repeat center center;}
.subimg_bg2 {background: #000000 url(../images/subimg02.jpg) no-repeat center center;}
.subimg_bg3 {background: #000000 url(../images/subimg03.jpg) no-repeat center center;}
.subimg_bg4 {background: #000000 url(../images/subimg04.jpg) no-repeat center center;}
.subimg_bg5 {background: #000000 url(../images/subimg05.jpg) no-repeat center center;}
.subimg_bg6 {background: #000000 url(../images/subimg06.jpg) no-repeat center center;}

.subbgw {background:rgba(0,0,0,0.5); position:absolute; bottom:0; height:40px; line-height:40px; width:100%;}
.subbgw ul li {float:left; border-right:1px solid #7c7b7b;}
.subbgw ul li a {display:block; color:#cac9c8; padding:0 12px;}
.subbgw .sleft {float:left;border-left:1px solid #7c7b7b;}
.subbgw .sright {float:right; border-left:1px solid #7c7b7b; position:relative;}
.subbgw ul.sright li a {background:rgba(0,0,0,1); padding:0 16px;}


#containerwrap { width:1010px; margin:0 auto; background:#fff;}
#containerwrap:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin-bottom:20px;font-size:1.2em;font-weight:700}

#aside {float:right;margin:0 0 0 -1px;width:210px;border-left:1px solid #dde4e9;background:#fff}


/*서브페이지*/
.mid {margin:0 auto; background-color:#FFFFFF; padding: 35px 0 0px; position:relative; border-top:none; border-bottom:none;}
aside.left { float: left; margin-top: 14px; width: 215px; }

.left h2 { font-size: 28px; color: #333; font-weight:700; letter-spacing: -1px; padding-bottom: 20px; text-align:center; border-bottom:2px solid #002d62; margin-bottom:15px;}
.left h2 span {clear:both;display:block;font-size:11px;letter-spacing:0; text-align:center; font-weight:500; padding-bottom:5px}

/*
.left_menu { margin:0;  border-bottom: 1px solid #999; }
.left_menu li a { display: block;letter-spacing: -1px;border-bottom: 1px solid #e5e5e5; color:#333; line-height:36px; padding-left:30px; font-size:15px; background:url(../images/lnb_arrow.png) 200px center no-repeat; }
.left_menu li a.on, .left_menu li a:hover {color: #fff; text-decoration:none; background:#8c1851 }
.left_menu .leftlnb li ul li a {font-size:13px; height:25px; line-height:25px;display: block; background:none}
.left_menu .leftlnb li ul li a.son, .left_menu .leftlnb li ul li a:hover {background:#e6e6e6;height:25px; line-height:25px; color:rgb(0,0,0)}
*/

.left_menu { margin:0; border-bottom: 1px solid #999; margin-bottom: 50px; }
.left_menu ul ul {display:none}
.left_menu>ul>li.sidebarActive>ul {display:block}
.left_menu li a { display: block; color:#333; padding-left: 20px; font-size:15px; border-bottom: 1px solid #e5e5e5;}
.left_menu>ul>li>a { letter-spacing: -1px;  line-height:36px; background:url(../images/lnb_arrow.png) 200px center no-repeat; }
.left_menu>ul>li.sidebarActive>a, .left_menu>ul>li>a:hover { background:#8c1851; color: #fff; text-decoration:none; }
.left_menu li li	 { background: #f5f5f5; }
.left_menu li li a { padding-left: 30px; height:25px; font-size: 12px; font-weight: normal; line-height:25px; background: url(../images/bullet_menu.png) 23px 8px no-repeat; }
.left_menu li.sidebarActive li.sidebarActive a, .left_menu li.sidebarActive li a:hover {background: #f5e4ec url(../images/bullet_menuon.png) 22px 12px no-repeat; color: rgb(0,0,0); }
.left_menu ul li.sidebarActive ul li.sidebarActive ul {display:block}
.left_menu ul li ul li ul li a {font-size:10px; padding-left:40px; background: #eee url(../images/bullet_menuon.png) 32px 12px no-repeat;}
.left_menu li.sidebarActive li.sidebarActive li a {background-position-x:32px;}
.left_menu li.sidebarActive li.sidebarActive li.sidebarActive a {background:#eee; background: #eee url(../images/bullet_menuon.png) 32px 12px no-repeat;}


.content {position:relative; float: right;width: 860px; box-sizing:border-box; min-height:500px; }
.content .subcontop {overflow:hidden; border-bottom:1px solid rgb(204,204,204); padding-top:15px}
.page_nav { color:#717171; }
.page_nav li { float: right; line-height: 40px; }
.page_nav li:first-child img { vertical-align: top; margin-top: 13px; }
.page_title { float: left; width: 500px; height: 40px; font-size: 30px; color: #000; letter-spacing: -2.5px; font-weight: normal; }
.Position	 { float: right; }
.Position li { float: left; padding: 0 10px 0 8px; background: url(../images/nav_arrow.gif) right no-repeat; }
.Position li:last-child { background:none; }
.soge {line-height:170%; font-weight:300; word-break:break-all; letter-spacing:-0.6px; }
.left_position {float:left}
.subcon {line-height:180%; letter-spacing:-1px; padding: 30px 0px 40px 20px; }

.subconmenu ul {overflow:hidden; margin-top:30px; margin-bottom:50px;}
.subconmenu ul li {float:left; margin: 1px; width: 19.5%; line-height:35px; text-align:center; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; border-top:1px solid #dcdcdc; }

.subconmenu ul li:nth-child(1):nth-last-child(2),
.subconmenu ul li:nth-child(1):nth-last-child(2) ~ li {
 	width: 49.5%;
}

.subconmenu ul li:nth-child(1):nth-last-child(3),
.subconmenu ul li:nth-child(1):nth-last-child(3) ~ li {
  width: 32.833%;
}

.subconmenu ul li:nth-child(1):nth-last-child(4),
.subconmenu ul li:nth-child(1):nth-last-child(4) ~ li {
  width: 24.5%;
}

.subconmenu ul li:nth-child(1):nth-last-child(5),
.subconmenu ul li:nth-child(1):nth-last-child(5) ~ li {
  width: 19.5%;
}

.subconmenu ul li a {display:block; color:rgb(0,0,0); font-size:14px}
.subconmenu>ul>li.subconActive a, .subconmenu>ul>li>a:hover {background:#9e225e; color:rgb(255,255,255);}


#print_area { float: left; margin-bottom: 60px; width:100% }
.scbox {border:1px solid rgb(204,204,204); overflow:hidden; width: 788px; padding:18px 25px; margin-bottom: 20px; letter-spacing: 0px; }
.scbox li {float:left; font-size:14px}
.scbox li span { font-weight:700}
.scbox .sc1 {background:url(../images/subico_1.png) no-repeat left center; padding-left:30px; width:300px; box-sizing:border-box}
.scbox .sc2 {background:url(../images/subico_2.png) no-repeat left center; padding-left:30px; width:240px; box-sizing:border-box}
.scbox .sc3 {background:url(../images/subico_3.png) no-repeat left center; padding-left:30px; width:200px; box-sizing:border-box}
.scbox .sdtitle {background:url(../images/subico_1.png) no-repeat left center; padding-left:30px; font-size:14px;font-weight:500; margin-bottom:10px }
.scbox .sdtxt .sdtype input[type=text] {width:670px; height:45px; line-height:45px; box-sizing:border-box; border:1px solid #7d1a4b}
.scbox .sdtxt .sdbtn {background:#751c47; color:rgb(255,255,255); font-size:15px; text-align:center; height:100%; display:inline-block; width:100px; height:45px; line-height:45px; box-sizing:border-box; float:right}
.scbox .sdtxt .sdbtn:hover {background:#55476f;}

.mainimgbox {overflow:hidden; position:relative;}
.mainimgbox .mainimgboxin { position: relative; margin: 0 auto; width: 1145px; height: 420px; }

.search { margin:0 auto; position:absolute; top:292px; z-index:3; left:35%;}
.search .xans-layout-searchheader { text-align:center }
.search .xans-element a {padding-left:10px;}
.search fieldset { border:5px solid #831953;  background: #ffffff; width:415px; height:35px; line-height:35px; position:relative; margin:0 auto; margin-bottom:35px;}
.search legend {  visibility: hidden;  position: absolute;  left: -9999px;  top: -9999px;  width: 0; height: 0;  line-height: 0; }
.search .xans-layout-searchheader #keyword {  width:255px;   padding: 0 ;  border: 0; font-size: 12px;  color: #565a5d;  background: #fff; float:left; height:35px;}
.search select { float:left; border:none; font-size:12px; display:block;height:35px; width:80px; }
.search .select_boxss { position: relative; background: url(../images/s_ico.png) 90px center no-repeat; margin-right: 5px; width: 120px; float: left; font-size: 14px; display:inline-block; }
.search .seimg {border-left:1px solid rgb(204,204,204); display:inline-block; height:20px; padding-left:10px; position:absolute; right:10px; top:7px;}
.search .seimg input {position:relative; top:-5px;}

.mainimgbox .mainimgboxin .topsubmenu { z-index: 5; position: absolute; bottom:0; right: 0; height:48px; }
.mainimgbox .mainimgboxin .topsubmenu dl { overflow:hidden; }
.mainimgbox .mainimgboxin .topsubmenu dl dd {float:left; border-right:1px solid #e8e8e8; height:48px; line-height:48px; font-size:15px; background:#FFF}
.mainimgbox .mainimgboxin .topsubmenu dl dd:hover {background:#f5f5f5; opacity: 0.9; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; }
.mainimgbox .mainimgboxin .topsubmenu dl dd a {display:block; padding:0 25px;}
.mainimgbox .mainimgboxin .topsubmenu dl dd a:hover { color: #b31c66; }
.mainimgbox .mainimgboxin .topsubmenu dl dd.quickmenu {padding:0; background:rgba(0,0,0,0.5); border-right:none; width:193px; text-align:center; color:rgb(255,255,255); font-weight:100; }
.mainimgbox .mainimgboxin .topsubmenu dl dd.quickmenu a {color:rgb(255,255,255);display:block; font-weight:100; }


.mainimgbox .mainimgboxin .topsubmenu .webmailLink {
	width: 118px;
	height: 48px;
	position: relative;
	cursor: pointer;
	overflow: hidden;

}
.mainimgbox .mainimgboxin .topsubmenu .webmailMaster {
	width: 118px;
	height: 48px;
	position: absolute;
	background: white;
	display:table;
	z-index:1;
	-webkit-transition:all .5s ease;
	transition: all .5s ease;
	bottom:0px;
	overflow: hidden;
}
.mainimgbox .mainimgboxin .topsubmenu .webmailLink:hover .webmailMaster {
	bottom: 48px;
}
.mainimgbox .mainimgboxin .topsubmenu .webmailSub {
	width: 118px;
	height: 48px;
	display:table;
	background:#f5f5f5; opacity: 0.9; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9;
	position: absolute;
	bottom:0px;
}
.mainimgbox .mainimgboxin .topsubmenu .webmailText {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 118px;
}
.mainimgbox .mainimgboxin .topsubmenu .webmailText a {
	text-decoration: none;
	line-height: 24px;
}

.mainimgbox .mainimgboxin .topsubmenu .oasisLink {
	width: 122px;
	height: 48px;
	position: relative;
	cursor: pointer;
	overflow: hidden;

}
.mainimgbox .mainimgboxin .topsubmenu .oasisMaster {
	width: 122px;
	height: 48px;
	position: absolute;
	background: white;
	display:table;
	z-index:1;
	-webkit-transition:all .5s ease;
	transition: all .5s ease;
	bottom:0px;
	overflow: hidden;
}
.mainimgbox .mainimgboxin .topsubmenu .oasisLink:hover .oasisMaster {
	bottom: 48px;
}
.mainimgbox .mainimgboxin .topsubmenu .oasisSub {
	width: 122px;
	height: 48px;
	display:table;
	background:#f5f5f5; opacity: 0.9; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9;
	position: absolute;
	bottom:0px;
}
.mainimgbox .mainimgboxin .topsubmenu .oasisText {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 122px;
}
.mainimgbox .mainimgboxin .topsubmenu .oasisText a {
	text-decoration: none;
	line-height: 24px;
}


#hamburger {display:none;}
.mmain-top {display:none;}
.msearchtoggle {display:none;}
.pc {display:block;}
.mobile {display:none;}
.headermenuw {position:relative;}
 .black_shadow {
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  z-index: 50;
  opacity: 0.8;
  background-color: rgb(0, 0, 0);
}
 .black_shadow2 {
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  z-index: 50;
  opacity: 0.8;
  background-color: rgb(0, 0, 0);
}

.previewservice {z-index:10000;position:fixed;left:50%;top:100px;margin-left:-350px;box-sizing:border-box;}


.mobile2 {display:none;}
.ad { position: fixed;  left: 50%;  bottom: 0px;  margin-left: 600px;}
.rbanner {position:absolute; right:0; z-index:3; top:100px;}

.rbanner li a {color:rgba(255,255,255,1);font-family: "notoKrM", sans-serif; display:block; text-align:center; letter-spacing:0px;font-size:12px; line-height:130%; height:100%; }
.rbanner .rb1 {background:url(../images/rb_h.png) #77114a no-repeat center 55px ; padding-top:20px; box-sizing:border-box; letter-spacing:-2px; width:60px; height:80px;}
.rbanner .rb2 {background:url(../images/rb_ar.png) #3b3946 no-repeat center 50px ; padding-top:25px; box-sizing:border-box; letter-spacing:1px;width:60px; height:65px;}
.rbanner .rb3 {background:url(../images/rb_ar.png) #322f36 no-repeat center 50px ; padding-top:15px; box-sizing:border-box; letter-spacing:1px;width:60px; height:65px;}

.rbanner .rb2 a {
	display: inline-block;
	width: 100%;
	height: 100%;
	position: relative;
	padding-top: 25px;
	top: -25px;
}

#modalOpen {
	cursor: pointer;
}

.topbanner .gallery .controls { top:70px; right:20px }
.topbanner .gallery .item {left:130px; position:absolute; top:0}

.topbanner .nav a.active {color: #a0165a;}






.mysearch {overflow:hidden; margin-bottom:170px;}
.mysearch .line { border-bottom: 2px solid #9e225e; padding-bottom: 4px}
.mysearch .purple {color:#9e225e; font-size: 24px; }
.mysearch .purple2 {color:#bd0c62; margin-left: 5px; }
.mysearch .searchtxt {text-align:center; font-size: 20px; font-weight: 500; padding:40px 0 40px;}
.mysearch .searchmenu {margin-bottom: 50px;}
.mysearch .searchmenu ul li {float:left; width: 16.66%; border-right:1px solid rgba(227,227,227,1); box-sizing:border-box; height:45px; line-height:45px; font-weight: 500; font-size: 16px; text-align:center; border-bottom:1px solid rgba(227,227,227,1);}
.mysearch .searchmenu ul {border-left:1px solid rgba(227,227,227,1); border-top:1px solid rgba(227,227,227,1)}
.mysearch .searchmenu ul li:hover, .mysearch .searchmenu ul li.on {background:#9e225e; color:rgba(255,255,255,1);}
.mysearch .searchtotalbox .searchpage {font-size: 20px; color:#5c5959; border-bottom:2px solid rgba(0,0,0,1); padding-bottom: 12px; margin-bottom: 0; position:relative}
.mysearch .searchtotalbox .searchpage .more {background:url(../images/plus_ico.png) no-repeat 52px center ; border:1px solid rgba(204,204,204,1); width:70px; height:28px; line-height:28px; font-size:11px; font-weight: 500; cursor:pointer; position:absolute; right:0; top:0; box-sizing:border-box}
.mysearch .searchtotalbox .searchpage .more:hover { border:1px solid #bd0c62; }
.mysearch .searchtotalbox .searchpage .more a {display: inline-block; width: 100%; padding-left: 15px;}
.mysearch .searchtotalbox .searchpage .more a:hover { color: #bd0c62; }
.mysearch .searchtotalbox .title {padding: 20px 0; font-size: 23px; font-weight:500;}
.mysearch .searchtotalbox .subtitle {font-size: 15px; letter-spacing:-1; line-height:150%}
.mysearch .searchtotalbox .subtitle a { color: #5a5a5a; }
.mysearch .searchtotalbox .thumb {float:left; padding-right:20px; position:relative;}
.mysearch .searchtotalbox .attach {padding:5px 0;}
.mysearch .searchtotalbox .attach a {margin-right:15px;}
.mysearch .searchtotalbox .date { color: #5a5a5a; }
.mysearch .searchtotalbox .snav {padding:20px 0 0 0; font-size: 13px; font-weight: 100; }
.mysearch .searchtotalbox .snav a { color: #8e8e8e; }
.mysearch .searchtotalbox table { border-bottom: 1px solid #e3e3e3;}
.mysearch .searchtotalbox thead { background-color: #f5f5f5; border-bottom: 1px solid #e3e3e3; }
.mysearch .searchtotalbox thead th { padding: 10px 0; border-right: 1px solid #e3e3e3;}
.mysearch .searchtotalbox thead th:last-child { border-right: 0;}
.mysearch .searchtotalbox td { padding: 10px 0; text-align: center; border-right: 1px solid #e3e3e3;}
.mysearch .searchtotalbox td:last-child { border-right: 0;}
.mysearch .searchbox {border-bottom:1px solid rgba(204,204,204,1); padding-bottom: 10px; margin-bottom: 3px;}
.mysearch .searchbox a:hover { color: #9c1f61; }
.mysearch .searchtotalbox {margin-bottom:90px;}
.mysearch .searchtotalbox .searchlnb ul li {border-bottom:1px solid rgba(204,204,204,1); padding:20px 0 20px 20px; font-size: 20px; font-weight:500}
.mysearch .searchtotalbox .searchlnb ul li a:hover { color: #9c1f61; }



/* 에러화면 등 */
.error_wrapper	 { padding: 100px 0; width: 100%; text-align: center; }
.error_subwrapper	 { margin: 0 auto; padding: 50px; width: 400px; border: 1px solid #d8d8d8; }
.error_subwrapper .msg	 { padding: 20px; font-size: 16px; }
.error_subwrapper div input	 { margin: 10px 0 20px 0; width: 200px; }



/* 검색 창 */
.mypagetop {background:#efefef; border-top:1px solid #840f4d; overflow:hidden; padding-top:34px}
.mypagetop .search select { float: left; border: none; font-size:16px; display: block; height: 40px; width: 110px; font-weight:600; margin-left:10px; background: url(../images/s_ico.png) 90px center no-repeat; }

.mypagetop .search {position:relative; top:0; left:0; margin-left:0}
.mypagetop .search fieldset {width:780px; border:2px solid #9c1f61; height: 50px; }
.mypagetop .search .seimg {background:#9c1f61; border-left: 1px solid rgb(204,204,204); display: inline-block; height: 52px; width: 50px; position: absolute; right: -45px; top:-2px ; border:1px solid #9c1f61; cursor:pointer; }
.mypagetop .search .seimg input { position: relative; left: -4px; top: 12px; }
.mypagetop .search .select_boxss { height:40px; margin-top:5px; font-size:24px; background: url(../images/s_ico.png) 100px center no-repeat;}
.mypagetop .search .xans-layout-searchheader #keyword {width:480px; height:30px; margin-top:5px; border-left:2px solid #9c1f61; margin-top:10px; font-size:14px }

.mypagetop .search .word { display:table; width:780px; margin:0 auto; font-weight:600; padding-left:260px; }
.mypagetop .search .word p { float:left; font-size:18px; font-weight: 500; }
.mypagetop .search .word #bottom_gnb {float:left; font-size: 14px; position:relative; left: 50px; top:-10px; font-weight: 100; }
.mypagetop .search .word #bottom_gnb > div { display: table-cell;  position: relative; padding:0 15px; }
.mypagetop .search .word #bottom_gnb > div > a {display: block; height: 40px; line-height: 40px; text-align: center; }
.mypagetop .search .word #bottom_gnb > div > a::before {display: block; position: absolute; top: 18px; left: -1px; width: 1px; height: 8px;border-left: 1px solid #9f9f9f; content: ''; }
.mypagetop .search .word #bottom_gnb > div > a:hover { color: #9c1f61; }
.mypagetop .search .word #bottom_gnb > div:nth-child(1) > a::before {border:none }




/*matchservice*/
.matchservice {width:1200px; padding:75px 25px 25px 55px; box-sizing:border-box; position:absolute; left:50%; margin-left:-600px; top:100px; z-index:100; background:rgb(255,255,255); }
.mat1 { display:none}
.mat2 { display:none}
.mat3 { display:none}
.mat4 { display:none}

.matchnav {width:175px; height:150px; background:#5a0932; position:absolute; top:30px; left:25px; padding-left:35px; box-sizing:border-box; padding-top:20px;}
.matchnav li a { font-size:14px; padding-bottom:3px; display:block; color:#c177a1}
.matchnav li a.on {color:#f1c2dd; position:relative}
.matchnav li a.on span { background:url(../images/match_menubg.png) right center; height:1px; display:inline-block; width:45px; font-size:14px; position:absolute; right:0; top:8px; }

.matchtop { overflow:hidden; margin-bottom:35px}
.matchtop .matchtopbox1 {float:left; width:615px; }
.matchtop .matchtopbox1 .matchbox { width:570px; height:345px; background:#1b0b14; overflow:hidden; padding:20px 20px 20px 40px; box-sizing:border-box}
.matchtop .matchtopbox1 .matchbox .matchboxleft {float:left; color:rgb(255,255,255)}
.matchtop .matchtopbox1 .matchbox .matchboxleft .matchtitle {padding-top:130px; margin-bottom:40px}
.matchtop .matchtopbox1 .matchbox .matchboxleft .matchtitle .matchbig {margin-bottom:12px;}
.matchtop .matchtopbox1 .matchbox .matchboxleft .matchsubtitle {font-size:16px;}
.matchtop .matchtopbox1 .matchbox .matchboxleft .matchsubtitle span {width:30px; height:1px; background:#888084; display: block; margin-top:15px;}
.matchtop .matchtopbox1 .matchbox .matchboxright {float:right; width:200px;}
.matchtop .matchtopbox1 .matchbox .matchboxright .weather_init	 { width: 200px; }
.matchtop .matchtopbox1 .matchbox .matchboxright .mw {border-top:#70656d solid 1px; border-bottom:#70656d solid 1px; margin-top:5px; margin-bottom:20px; overflow:hidden; padding:13px 0;}
.matchtop .matchtopbox1 .matchbox .matchboxright .mw .mw01 { float: left; margin-right:10px; padding-left: 0; color: #8f8385; font-size: 18px; }
.matchtop .matchtopbox1 .matchbox .matchboxright .mw .mw02 { float: left; color:#cccacd;font-size:13px; letter-spacing: 0; }
.matchtop .matchtopbox1 .matchbox .matchboxright .mw .mw03 { float: right; position: relative; top:10px; padding-right: 0; color: #cbcbcb; font-size: 32px; letter-spacing: -1px; }
.matchtop .matchtopbox1 .matchbox .matchboxright .mc { margin:20px 0 0 3px; }
.matchtop .matchtopbox1 .matchbox .matchboxright .mb40 {margin-bottom:40px}
.matchtop .matchtopbox1 .matchbox .matchboxright .mw3 {border-top:#70656d solid 1px; border-bottom:#70656d solid 1px; margin-top:5px; margin-bottom:20px; overflow:hidden; padding:10px 0 16px 0; }
.matchtop .matchtopbox1 .matchbox .matchboxright .mw3 .mw01e { float: left; width: 75px; }
.matchtop .matchtopbox1 .matchbox .matchboxright .mw3 .mw01e b { float: left; display:block; margin-right:10px; padding-left: 0; color: #8f8385; font-size: 17px; }
.matchtop .matchtopbox1 .matchbox .matchboxright .mw3 .mw02e { float: left; padding-top: 7px; color:#cccacd; font-size:11px; letter-spacing: 0; }
.matchtop .matchtopbox1 .matchbox .matchboxright .mw3 .mw01e span { float: left; display:block; margin: 8px 0 0 0; color: #cbcbcb; font-size: 28px; letter-spacing: -1px; font-family: "notoKrM", sans-serif;}
.matchtop .matchtopbox1 .matchbox .matchboxright .mc3 { margin:20px 0 0 3px; }

.matchtop .matchtopbox1 .matchbox .matchboxright .total .totaltxt {color:rgb(180,180,180); font-size:15px; }
.matchtop .matchtopbox1 .matchbox .matchboxright .total .totalsub {color:rgb(255,255,255); font-size:15px; } /* background:url(../images/match_gra_graph.png) no-repeat 140px center; */

.matchtop .matchtopbox1 .matchbox .matchboxright .total .totalday {color:#aba8aa; font-size:12px; margin-bottom:5px;}
.matchtop .matchtopbox1 .matchbox .matchboxright .total .totalsum {color:#f1c2dd; font-size:18px; margin-bottom:20px}

.matchtop .matchtopbox1 .matchbox .matchboxright .studentday .t1 {font-size:16px; color:#c74989; border-bottom:1px solid #6a5e66; margin-bottom:10px; background:url(../images/matchs_more.png) no-repeat right 3px; padding-bottom:10px; cursor:pointer}
.matchtop .matchtopbox1 .matchbox .matchboxright .studentday .t1 a { display:block; width:100%; }
.matchtop .matchtopbox1 .matchbox .matchboxright .studentday .t2 {font-size:13px; color:#8b898a; border-bottom:1px solid #6a5e66; margin-bottom:10px; padding-bottom:10px;}

.matchtop .matchtopbox1 .matchbbs .matchbbstitle {/*background:url(../images/matchs_more.png) no-repeat 70px center;*/ padding-right:20px; margin-bottom:7px;}
.matchtop .matchtopbox1 .matchbbs .matchbbstitle img {padding-left:5px;}
.matchtop .matchtopbox1 .matchbbs .matchbbstxt {color:#b7b5b6;}

.matchtop .matchtopbox2 {float:left; width:330px;}
.matchtop .matchtopbox2 .bbsnews {float:left; width:310px; position:relative; border-bottom:1px solid #dddddd; margin-top:10px; margin-bottom:35px; padding-bottom:20px; }
.matchtop .matchtopbox2 .bbsnews:last-child {border-bottom:0; margin-bottom:0; margin-top:2px;}
.matchtop .matchtopbox2 .bbsnews .bbstitle {color:#000; font-size:18px; font-weight:bold; margin-bottom:20px;}
.matchtop .matchtopbox2 .bbsnews .bbslist li {font-size:13px; margin-bottom:7px; color:#656565}
.matchtop .matchtopbox2 .bbsnews .bbsmore {position:absolute; right:0; top:0; background:url(../images/matchs_more2.png) no-repeat 35px center; width:60px;}
.matchtop .matchtopbox2 .bbsnews .bbsmore a {display:inline-block; width:60px;}

.matchtop .matchtopbox2 .bbsnews .bbslist .bbslistimg {float:left; margin-right:10px;}
.matchtop .matchtopbox2 .bbsnews .bbslist .bbslistbox {float:right; width:190px;}
.matchtop .matchtopbox2 .bbsnews .bbslist .bbslistbox .bbslistitle {font-size:14px; line-height:140%}
.matchtop .matchtopbox2 .bbsnews .bbslist .bbslistbox .bbslistsubtitle {color:#9b9b9b; font-size:12px; line-height:130%}
.matchtop .matchtopbox3 {float:right}
.matchtop .matchtopbox3 li a {display:block; width:160px; height:49px; line-height:49px; color:#4a4a4a; font-size:14px; padding-left:0px; box-sizing:border-box; border-bottom:1px solid #f2f2f2; overflow:hidden}
.matchtop .matchtopbox3 li a.on, .matchtop .matchtopbox3 li a:hover {background-color:#717171; color:rgb(255,255,255); }
.matchtop .matchtopbox3 li a.on .arr, .matchtop .matchtopbox3 li a:hover .arr {background:url(../images/match_arr.png) no-repeat 0 center; width:20px; height:45px; display:block; }
.matchtop .matchtopbox3 li span {display:block; float:left}
.matchtop .matchtopbox3 li span.txt {width:80px; float:left}
.matchtop .matchtopbox3 li span.ico1 {background:url(../images/matchs_ico01.png) no-repeat 5px 12px; width:40px; height:45px;}
.matchtop .matchtopbox3 li span.ico2 {background:url(../images/matchs_ico02.png) no-repeat 5px 12px; width:40px; height:45px;}
.matchtop .matchtopbox3 li span.ico3 {background:url(../images/matchs_ico03.png) no-repeat 5px 12px; width:40px; height:45px;}
.matchtop .matchtopbox3 li span.ico4 {background:url(../images/matchs_ico04.png) no-repeat 5px 12px; width:40px; height:45px;}
.matchtop .matchtopbox3 li span.ico5 {background:url(../images/matchs_ico05.png) no-repeat 5px 12px; width:40px; height:45px;}
.matchtop .matchtopbox3 li span.ico6 {background:url(../images/matchs_ico06.png) no-repeat 5px 12px; width:40px; height:45px;}
.matchtop .matchtopbox3 li span.ico7 {background:url(../images/matchs_ico07.png) no-repeat 5px 12px;width:40px; height:45px;}

.matchtop .graduico li span.ico1 {background:url(../images/match_gra_01.png) no-repeat 5px 12px; width:40px; height:45px;}
.matchtop .graduico li span.ico2 {background:url(../images/match_gra_02.png) no-repeat 5px 12px; width:40px; height:45px;}
.matchtop .graduico li span.ico3 {background:url(../images/match_gra_03.png) no-repeat 5px 12px; width:40px; height:45px;}
.matchtop .graduico li span.ico4 {background:url(../images/match_gra_04.png) no-repeat 5px 12px; width:40px; height:45px;}
.matchtop .graduico li span.ico5 {background:url(../images/match_gra_05.png) no-repeat 5px 12px; width:40px; height:45px;}
.matchtop .graduico li span.ico6 {background:url(../images/match_gra_06.png) no-repeat 5px 12px; width:40px; height:45px;}
.matchtop .graduico li span.ico7 {background:url(../images/match_gra_07.png) no-repeat 5px 12px;width:40px; height:45px;}

.matchtop .studentico li span.ico1 {background:url(../images/match_studetn_01.png) no-repeat 5px 12px; width:40px; height:45px;}
.matchtop .studentico li span.ico2 {background:url(../images/match_studetn_02.png) no-repeat 5px 12px; width:40px; height:45px;}
.matchtop .studentico li span.ico3 {background:url(../images/match_studetn_03.png) no-repeat 5px 12px; width:40px; height:45px;}
.matchtop .studentico li span.ico4 {background:url(../images/match_studetn_04.png) no-repeat 5px 12px; width:40px; height:45px;}
.matchtop .studentico li span.ico5 {background:url(../images/match_studetn_05.png) no-repeat 5px 12px; width:40px; height:45px;}
.matchtop .studentico li span.ico6 {background:url(../images/match_studetn_06.png) no-repeat 5px 12px; width:40px; height:45px;}
.matchtop .studentico li span.ico7 {background:url(../images/match_studetn_07.png) no-repeat 5px 12px;width:40px; height:45px;}

.matchtop .facultyico li span.ico1 {background:url(../images/match_faculty_01.png) no-repeat 5px 12px; width:40px; height:45px;}
.matchtop .facultyico li span.ico2 {background:url(../images/match_faculty_02.png) no-repeat 5px 12px; width:40px; height:45px;}
.matchtop .facultyico li span.ico3 {background:url(../images/match_faculty_03.png) no-repeat 5px 12px; width:40px; height:45px;}
.matchtop .facultyico li span.ico4 {background:url(../images/match_faculty_04.png) no-repeat 5px 12px; width:40px; height:45px;}
.matchtop .facultyico li span.ico5 {background:url(../images/match_faculty_05.png) no-repeat 5px 12px; width:40px; height:45px;}
.matchtop .facultyico li span.ico6 {background:url(../images/match_faculty_06.png) no-repeat 5px 12px; width:40px; height:45px;}
.matchtop .facultyico li span.ico7 {background:url(../images/match_faculty_07.png) no-repeat 5px 12px;width:40px; height:45px;}

.matchtop .foreignerico li span.ico1 {background:url(../images/match_foreigner_01.png) no-repeat 5px 12px; width:40px; height:45px;}
.matchtop .foreignerico li span.ico2 {background:url(../images/match_foreigner_02.png) no-repeat 5px 12px; width:40px; height:45px;}
.matchtop .foreignerico li span.ico3 {background:url(../images/match_foreigner_03.png) no-repeat 5px 12px; width:40px; height:45px;}
.matchtop .foreignerico li span.ico4 {background:url(../images/match_foreigner_04.png) no-repeat 5px 12px; width:40px; height:45px;}
.matchtop .foreignerico li span.ico5 {background:url(../images/match_foreigner_05.png) no-repeat 5px 12px; width:40px; height:45px;}
.matchtop .foreignerico li span.ico6 {background:url(../images/match_foreigner_06.png) no-repeat 5px 12px; width:40px; height:45px;}
.matchtop .foreignerico li span.ico7 {background:url(../images/match_foreigner_07.png) no-repeat 5px 12px;width:40px; height:45px;}



.foodmenu {width:100%!important; height:50px; overflow:hidden;}
.foodmenu .foodmenus_wrap { float:left; position: relative; width: 600px; height: 50px; overflow: hidden; }
.foodmenu .control_btns { z-index: 99999; position: absolute; left: 138px; width: 50px; padding:0 30px; height: 50px; }
.foodmenu .control_btns button { margin: 0; padding: 0; width: 25px; height: 25px; font-size: 10px; line-height: 25px; color: #b33773; background: none; }
.foodmenu .control_btns .up_btns { display: block; margin: -4px 0 0 0; }
.foodmenu .control_btns .down_btns { display: block; margin: 9px 0 0 0; }
.foodmenu .more {float:right; width:75px; margin-right : 10px; height:50px; background:url(../images/arr_right.png) no-repeat right center; font-size:12px; z-index:11;}

.foodmenu2 {width:77%!important; height:50px; overflow:hidden;}
.foodmenu2 .foodmenus_wrap {float:left; width:600px; height:50px; overflow:hidden;}
.foodmenu2 .control_btns {float:left; width:50px; padding:0 30px; height:50px;}
.foodmenu2 .control_btns .up_btns {display:block;margin-bottom:10px;margin-top:2px; color: #f5f5f5; background-color: #520a2d; outline: 0; }
.foodmenu2 .control_btns .down_btns { display:block; color: #f5f5f5; background-color: #520a2d; outline: 0; }
.foodmenu2 .more {float:right; width:75px; margin-right : 10px; height:50px; background:url(../images/arr_right.png) no-repeat right center; font-size:12px; z-index:11;}




.matchsub {clear:both; border-top:1px solid #d4d9e0; padding-top:20px; overflow:hidden; border-bottom:1px solid #dddddd; margin-bottom:35px; padding-bottom:20px;}
.matchsub .matchsearch1 {float:left; width:200px; margin-right:5px}

.matchsub .matchsearch1 .select_box {
  position: relative;
  height: 40px;
  background: url(../images/matchs_s_ico.png) #fff right center no-repeat;
  border: 1px solid #e8e5e2; border-right:none;
  margin-right: 5px;
  width: 200px;
  float: left;
  font-size: 14px; box-sizing:border-box
}
.matchsub .matchsearch1 .select_box select {
  padding: 4px 28px 4px 8px;
  width: 100%; color:#414040;
  padding-right: 28px;
  border: none; height:40px;
  box-shadow: none;
  background: transparent;
  background-image: none;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: ellipsis;
}

.todaysearch .select_box {
  position: relative;
  height: 35px; line-height:15px;
  background: url(../images/matchs_s_ico.png) #fff right center no-repeat;
  border: 1px solid #e8e5e2; border-right:none;
  margin-right: 5px;
  width: 120px;
  float: left; margin-top:10px;
  font-size: 14px; box-sizing:border-box
}
.todaysearch .select_box select {
  padding: 4px 28px 4px 8px;
  width: 100%; color:#414040;
  padding-right: 28px;
  border: none; height:35px; line-height:15px;
  box-shadow: none;
  background: transparent;
  background-image: none;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: ellipsis;
}
.matchsub .matchsearch2 input.searchtxt {background:#fff; border: 0 none;color: #7F7F7F;float: left;height: 40px;margin: 0;border:1px solid 	#e8e5e2;width:310px; box-sizing:border-box;	}
.matchsub .matchsearch2 button {	background:url(../images/matchs_search.png) no-repeat center right;cursor: pointer;	height: 40px;  text-indent: -99999em;	width: 40px;	border: 0 none; position:relative; left:0px; top:0px;}

.matchsub .matchsearch2 {float:left; width:370px}
.matchsub .matchsearch3 {float:right; width:520px;}
.matchsub .matchsearch3 .mlistbox a {width:122px; height:45px; line-height:45px; border:1px solid #a8a8a8; display:block; float:left; text-align: center; font-size:15px; box-sizing:border-box; margin-left:6px; font-family:"NotoKrM", sans-serif;}
.matchsub .matchsearch3 .mlistbox1 a {width:167px; height:45px; border:1px solid #a8a8a8; display:block; float:left; padding:7px 0 0 15px; font-size:13px; line-height:1.1; box-sizing:border-box; margin-left:6px; font-family:"NotoKrM", sans-serif;}
.matchsub .matchsearch3 .mlistbox2 a {width:167px; height:45px; line-height:45px; border:1px solid #a8a8a8; background:url(../images/matchs_arr.png) no-repeat 135px center; display:block; float:left; padding-left:15px; font-size:16px; box-sizing:border-box; margin-left:6px}

.matchbonav ul li a {float:left; width:11%; display:block; text-align:center; height: 50px; padding-top: 52px; font-size: 13px; }
.matchbonav ul li a:hover { color:#c71a6f;}
.matchbonav ul li.mico1 a {background:url(../images/matchs_sico1.png) no-repeat center top; }
.matchbonav ul li.mico2 a {background:url(../images/matchs_sico2.png) no-repeat center top; }
.matchbonav ul li.mico3 a {background:url(../images/matchs_sico3.png) no-repeat center top; }
.matchbonav ul li.mico4 a {background:url(../images/matchs_sico4.png) no-repeat center top; }
.matchbonav ul li.mico5 a {background:url(../images/matchs_sico5.png) no-repeat center top; }
.matchbonav ul li.mico6 a {background:url(../images/matchs_sico6.png) no-repeat center top; }
.matchbonav ul li.mico7 a {background:url(../images/matchs_sico7.png) no-repeat center top; }
.matchbonav ul li.mico8 a {background:url(../images/matchs_sico8.png) no-repeat center top; }
.matchbonav ul li.mico9 a {background:url(../images/matchs_sico9.png) no-repeat center top; }


.gradunav ul li.mico1 a {background:url(../images/match_gra_ico1.png) no-repeat center top; }
.gradunav ul li.mico2 a {background:url(../images/match_gra_ico2.png) no-repeat center top; }
.gradunav ul li.mico3 a {background:url(../images/match_gra_ico3.png) no-repeat center top; }
.gradunav ul li.mico4 a {background:url(../images/match_gra_ico4.png) no-repeat center top; }
.gradunav ul li.mico5 a {background:url(../images/match_gra_ico5.png) no-repeat center top; }
.gradunav ul li.mico6 a {background:url(../images/match_gra_ico6.png) no-repeat center top; }
.gradunav ul li.mico7 a {background:url(../images/match_gra_ico7.png) no-repeat center top; }
.gradunav ul li.mico8 a {background:url(../images/match_gra_ico8.png) no-repeat center top; }
.gradunav ul li.mico9 a {background:url(../images/match_gra_ico9.png) no-repeat center top; }

.studentnav ul li.mico1 a {background:url(../images/match_studetn_ico1.png) no-repeat center top; }
.studentnav ul li.mico2 a {background:url(../images/match_studetn_ico2.png) no-repeat center top; }
.studentnav ul li.mico3 a {background:url(../images/match_studetn_ico3.png) no-repeat center top; }
.studentnav ul li.mico4 a {background:url(../images/match_studetn_ico4.png) no-repeat center top; }
.studentnav ul li.mico5 a {background:url(../images/match_studetn_ico5.png) no-repeat center top; }
.studentnav ul li.mico6 a {background:url(../images/match_studetn_ico6.png) no-repeat center top; }
.studentnav ul li.mico7 a {background:url(../images/match_studetn_ico7.png) no-repeat center top; }
.studentnav ul li.mico8 a {background:url(../images/match_studetn_ico8.png) no-repeat center top; }
.studentnav ul li.mico9 a {background:url(../images/match_studetn_ico9.png) no-repeat center top; }

.facultynav ul li.mico1 a {background:url(../images/match_faculty_ico1.png) no-repeat center top; }
.facultynav ul li.mico2 a {background:url(../images/match_faculty_ico2.png) no-repeat center top; }
.facultynav ul li.mico3 a {background:url(../images/match_faculty_ico3.png) no-repeat center top; }
.facultynav ul li.mico4 a {background:url(../images/match_faculty_ico4.png) no-repeat center top; }
.facultynav ul li.mico5 a {background:url(../images/match_faculty_ico5.png) no-repeat center top; }
.facultynav ul li.mico6 a {background:url(../images/match_faculty_ico6.png) no-repeat center top; }
.facultynav ul li.mico7 a {background:url(../images/match_faculty_ico7.png) no-repeat center top; }
.facultynav ul li.mico8 a {background:url(../images/match_faculty_ico9.png) no-repeat center top; }
.facultynav ul li.mico9 a {background:url(../images/match_faculty_ico8.png) no-repeat center top; }

.matchbonav1 ul li a {float:left; width:16.6%; display:block; text-align:center; height: 50px; padding-top: 52px; font-size: 13px; }
.matchbonav1 ul li a:hover { color:#c71a6f;}
.foreigner ul li.mico1 a {background:url(../images/match_foreigner_ico1.png) no-repeat center top; }
.foreigner ul li.mico2 a {background:url(../images/match_foreigner_ico2.png) no-repeat center top; }
.foreigner ul li.mico3 a {background:url(../images/match_foreigner_ico3.png) no-repeat center top; }
.foreigner ul li.mico4 a {background:url(../images/match_foreigner_ico4.png) no-repeat center top; }
.foreigner ul li.mico5 a {background:url(../images/match_foreigner_ico5.png) no-repeat center top; }
.foreigner ul li.mico6 a {background:url(../images/match_foreigner_ico6.png) no-repeat center top; }


.todayword {overflow:hidden; color:rgb(255,255,255); font-size:16px; height:50px; line-height:50px; background:#520a2d;}
.todayword .todayw {float:left; background:#3a051f; width:255px; padding-left: 50px; box-sizing:border-box;}
.todayword .todaywf {float:left; background:#3a051f; width:155px; padding-left: 50px; box-sizing:border-box;}
.todayword .todayw .todaytitle {color:#e04a93; background:url(../images/today_arr.png) no-repeat 90px center; width:120px; display:inline-block}
.todayword .todayw .todaytitlef {color:#e04a93; width:80px; display:inline-block}
.todayword .todaykw {float:left; background:#3a051f; width:auto; padding-left: 30px; box-sizing:border-box;}
/*.todayword .todaykw .todaykec { position:relative; color:#e04a93; background:url(../images/today_arr.png) no-repeat 500px center; width:550px; display:inline-block; height:50px; cursor:pointer; }*/
.todayword .todaykw .todaykec		 { display: inline-block; float: left; position: relative; width: 800px; height: 50px; }
.todayword .todaykw .todaykec .t0	 { float: left; color:rgb(255,255,255); font-size:12px; }
.todayword .todaykw .todaykec .t1	 { float: left; padding: 0 25px; color: #e04a93; font-size: 16px; }
.todayword .todaykw .todaykec .t2	 { position: relative; }
.todayword .todaykw .todaykec .t2 span { display: block; margin-top: 13px; padding: 2px; width: 60px; height: 20px; color:rgb(255,255,255); font-size:12px; line-height:20px; text-align:center; background: #730c3f; }
.todayword .todaykw .todaykec .t3	 { float: left; padding-left: 10px; color: rgb(255,255,255); }
.todayword .todaykw .todaykec .t3 span {display:block; float:left; font-size:12px; padding-right: 17px; letter-spacing: 0; }
.todayword .todaykw .todaykec .t4	 {float:right; background:url(../images/arr_right.png) no-repeat right center; font-weight:bold; padding-right:20px; cursor:pointer}
.todayword .todaykecb {padding-left:20px; float:left; font-size:13px; width:500px; background:url(../images/today_arr.png) no-repeat 480px center; cursor:pointer}
.todayword .todaykecb span {display:inline-block;}
.todayword .todaykecb span.t1 {color:#c5c5c7; padding-right:40px;}
.todayword .todaykecb span.t2 {color:#c9c9cc; padding-right:20px}

.todayword .todaykw .todaykec div {float:left;}
.todayword .todaykw .todaykecb {width:530px;}
.todayword .todaytxt {float:left; width:820px; font-size:12px; padding-left:30px;}
.todayword .todaytxt .t1 {color:#e04a93; padding-right:10px; float:left; font-size:16px}
.todayword .todaytxt .t2 { position:relative}
.todayword .todaytxt .t2 span { background:#730c3f; color:rgb(255,255,255); font-size:12px; padding:2px; display:block; width:65px; height:20px; position:absolute; top:13px; line-height:20px; text-align:center; left:60px}
.todayword .todaytxt .t3 {color:rgb(255,255,255); float:left; padding-left:120px;}
.todayword .todaytxt .t3 span {display:block; padding-right:10px; float:left}
.todayword .todaytxt .t4 {float:right; background:url(../images/arr_right.png) no-repeat right center; font-weight:bold; padding-right:20px; cursor:pointer}
.todayword .todayw .todaydate {font-size:12px;}
.matchclose {position:absolute; right:-20px; top:-30px; cursor:pointer}



.deptservice { z-index:10000; position:absolute; left:50%; top:100px; margin-left:-600px; padding:75px 25px 25px 55px; width:1200px; box-sizing:border-box; background:rgb(255,255,255); }

.dept1 { display:none; }
.depttop { overflow:hidden; margin-bottom:35px; }
.deptclose { position:absolute; right:-20px; top:-30px; cursor:pointer; }
.deptToptitle { padding: 10px 0; font-size: 35px; font-weight: 700; text-align: center; }
.deptTopmenu { margin-top: 40px; width: 1088px; text-align: center; }
.deptTopmenu a { float: left; display: inline-block; width: 49.8%; padding: 20px 0; font-size: 20px; font-weight: 700; border: 1px solid #dcdcdc; }
.deptTopmenu a:first-child { /*border-right: 0;*/ }
.deptTopmenu a:hover { color: #ffffff; background-color: #9e225e; }
.deptTopmenu .deptMenuon { color: #ffffff; background-color: #9e225e; }
.deptP1 { margin-top: 40px; width: 1088px; }
.deptP1 .deptP1menu { padding: 10px 0; text-align: center; }
.deptP1 .deptP1menu a { margin: 0; padding: 3px 8px; font-size: 14px; font-weight: 500; background-color: #f4f4f4; border: 1px solid #dcdcdc; }
.deptP1 .deptP1menu a:hover { color: #ffffff; background-color: #921c55; }
.deptP1 a.deptMenuon1 { color: #ffffff; background-color: #921c55; }
.deptP2 { margin-top: 40px; width: 1088px; }

.deptTitle { float: left; margin: 50px 0 20px 0; padding: 15px; width: 1058px; font-size: 30px; font-weight: 700; border-bottom: 2px solid #000000; }
.deptTitle span { width:25px; height:1px; background-color:#4c2562; display:block; text-align:center; margin-left:2px; margin-bottom:10px;}
.deptTitlein { width:98%; float: left; margin-top: 20px; padding: 15px 25px 0 25px; font-size: 23px; font-weight: 700; }

.deptbox { width:98%; float: left; margin: 10px 0; padding: 0; font-size: 14px; text-align: center; border: 1px solid #dfdfdf; background-color: #f8f8f8; }
.deptlist { margin: 25px 20px; width: 100%; }
.deptlist li { float: left; padding: 2px 0 2px 22px; width: 22%; text-align: left; height:22px; overflow:hidden; }
.deptlist a { font-weight: 100; }
.deptlist a:hover { text-decoration: underline; }

.deptgohomepage { position:absolute; }
.deptgohomepageto { display:inline-block; margin:2px 0 0 20px; }


/* q&a 답변여부 state style */
.qaend		 { padding: 2px 7px 3px 7px; color: #ffffff; font-size: 12px; font-weight: 500; letter-spacing: 0; background: #a22768; }
.qaing		 { padding: 2px 7px 3px 7px; color: #ffffff; font-size: 12px; font-weight: 500; letter-spacing: 0; background: #898989; }
/*

.updownservice { z-index:10000; position:absolute; left:50%; top:100px; margin-left:-350px; padding:75px 25px 25px 25px; width:720px; box-sizing:border-box; background:rgb(255,255,255); }
.updownclose { position:absolute; right:-20px; top:-30px; cursor:pointer; }
.updowntop { overflow:hidden; margin-bottom:5px; }
.updownTopmenu { margin-top: 20px; width: 100%; text-align: center; }
.updownTopmenu a { float: left; display: inline-block; width: 49.7%; padding: 20px 0; font-size: 20px; font-weight: 700; border: 1px solid #dcdcdc; }
.updownTopmenu a:first-child { border-right: 0; }
.updownTopmenu a:hover { color: #ffffff; background-color: #333333; }
.updownTopmenu .updownMenuon { color: #ffffff; background-color: #333333; }
.updownP1 { margin-top: 15px; width: 100%; }
.dragBox { float: left; position: relative; padding: 15px 0; width: 99.7%; border: 1px solid #999999; }

.dragBox div { margin: 0 20px; width: 100%; }
.dragBox div a { float: left; padding: 8px 30px; color: #020202; font-size: 14px; font-weight: 500; border: 1px solid #cfcfcf; }
.dragBox div a:hover { color: #5a298b; border: 1px solid #a470d8; }
.dragBox div span { display: inline-block; float: right; padding-right: 250px; height: 39px; text-align: center; line-height: 39px; }
.photoBox { float: left; position: relative; margin: 15px 0 30px 0; padding: 15px 0; width: 100%; height: 300px; overflow-y: auto; }
.photoBox ul { float: left; width:100%; }
.photoBox ul li { margin-bottom: 5px; padding: 5px 0; width: 100%; font-size: 13px; border: 1px solid #dadada; display: table; vertical-align: middle; }
.photoBox ul li img { margin: 0 25px; width: 90px; height: auto; }
.photoBox ul li a { float: right; margin-right: 10px; padding: 6px 28px; color: #f5f5f5; font-size: 14px; font-weight: 500; background-color: #404040; }
*/
/*
.updownservice { z-index:10000; position:absolute; left:50%; top:100px; margin-left:-350px; padding:75px 25px 25px 25px; width:720px; box-sizing:border-box; background:rgb(255,255,255); }
.updownclose { position:absolute; right:-20px; top:-30px; cursor:pointer; }
.updowntop { overflow:hidden; margin-bottom:5px; }
.updownTopmenu { width: 100%; text-align: center; }
.updownTopmenu a { float: left; display: inline-block; width: 49.7%; padding: 20px 0; font-size: 20px; font-weight: 700; border: 1px solid #dcdcdc; }
.updownTopmenu a:first-child { border-right: 0; }
.updownTopmenu a:hover { color: #ffffff; background-color: #333333; }
.updownTopmenu .updownMenuon { color: #ffffff; background-color: #333333; }
.updownP1 { margin-top: 15px; width: 100%; }
.updownP2 { margin-top: 15px; width: 100%; }
.dragBox { float: left; position: relative; padding: 15px 0; width: 99.7%; border: 1px solid #999999; } */
/*.dragBox:hover { border: 1px solid #773fae; }*/
/* .dragBox div { margin: 0 20px; width: 100%; }
.dragBox div a { float: left; padding: 8px 30px; color: #020202; font-size: 14px; font-weight: 500; border: 1px solid #cfcfcf; }
.dragBox div a:hover { color: #5a298b; border: 1px solid #a470d8; }
.dragBox div span { display: inline-block; float: right; padding-right: 250px; height: 39px; text-align: center; line-height: 39px; }
.photoBox { float: left; position: relative; margin: 15px 0 30px 0; padding: 15px 0; width: 100%; height: 300px; overflow-y: auto; }
.photoBox ul { float: left; width:100%; }
.photoBox ul li { margin-bottom: 5px; padding: 8px 0; font-size: 13px; border: 1px solid #dadada; }
.photoBox ul li img { margin: 0 25px; width: 90px; height: auto; }
.photoBox ul li a { float: right; margin: 15px 10px 0 0; padding: 6px 28px; color: #f5f5f5; font-size: 14px; font-weight: 500; background-color: #404040; }
.photoBox ul li a:hover { background-color: #511f83; }
.delsearchBox { float: left; position: relative; padding: 15px 0 10px 0; width: 99.7%; border-bottom: 1px solid #6d6d6d; }
.delsearchBox a { float: left; margin-left: 1px; padding: 6px 28px; color: #f5f5f5; font-size: 14px; font-weight: 500; background-color: #404040; }
.delsearchBox a:hover { background-color: #511f83; }
.delsearchBox span { float: right; }
.delsearchBox span a { float: right; padding: 5px 7px 6px 7px; color: #313131; font-size: 14px; font-weight: 500; border: 1px solid #a7a7a7; background: none; }
.delsearchBox span input { margin: 0 2px 0 5px; padding: 2px; width: 250px; border: 1px solid #a7a7a7; }
.inphotoBox { float: left; position: relative; margin: 15px 0 30px 0; padding: 15px 0; width: 100%; height: 300px; overflow-y: auto; }
.inphotoBox li { float: left; margin-bottom: 10px; padding-bottom: 10px; width: 100%; border-bottom: 1px solid #dadada; }
.inphotoBox a { float: left; position: relative; display: block; margin-right: 5px; width: 24.0%; height: 110px; text-align: center; border:1px solid #dddddd; }
.inphotoBox a:last-child { margin-right: 0; }
.inphotoBox a img { max-width: 100%; height: 100%; }
.inphotoBox a span { position: absolute; bottom: 0; display: block; padding: 5px 0; width: 100%; color: #ffffff; font-size: 12px; line-height: 1.2; background-color: #000000; opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; }
.inphotoBox a input { position: absolute; left: 5px; top: 5px; }
.file_hidden {display:none} */
