@charset "utf-8";

/*인사말*/
.intro .intro_topbox{width: 100%;height: auto;background: url(/images/content/intro_bg2.jpg)no-repeat right;/* border-top: 4px solid #293c80; *//* padding: 65px 312px 65px 64px; */position: relative;margin-bottom: 30px;/* background-color: #fff; *//* z-index: -2; */padding: 10px 11px;background-size: cover;}
.intro .intro_topbox .inbox{width: 100%;height: auto;margin: 0 auto;background:#fff;padding: 52px 312px 52px 56px;/* margin-top: 20px; */}
.intro .intro_topbox strong{font-size: 1.8em;color: #143071;margin-bottom: 12px;display: block;position: relative;z-index: 9;}
.intro .intro_topbox strong::before{content:"";display:block;width:28px;height:28px;background-color: #f0cdfa;border-radius: 20px;position: absolute;z-index: -1;top: -8px;left: -9px;}
.intro .intro_topbox p{font-size: 1.05em;line-height: 170%;font-weight: 500;color: #293c80;}
.intro .sign{ float: right; margin-top: 50px;}
.intro .sign p{  margin-right: 10px;}
.intro .sign > *{ display: inline-block; vertical-align: middle;}
.intro .intro_topbox::after{content:"";display:block;width: 155px;height: 175px;background: url(/images/content/intro_pic2.png)no-repeat;position: absolute;top: 50%;transform: translateY(-50%);right: 93px;}
/* .intro .intro_topbox::before{content:"";display:block;width: 98%;height: 230px;position:absolute;background-color:#ea609e;top: 10px;left: 50%;background: #FFF;transform: translateX(-50%);z-index: -1;}
 */

 /*인사말*/
.greeting-con{background:url(/images/content/history_bg.jpg) no-repeat;}
.greeting-con2{background:url(/images/content/history_bg.jpg) no-repeat; background-position-y: bottom;}

.greeting-top {position: relative; background: #ededed url(/images/content/sub7_1_img03.png) no-repeat right top; margin-bottom: 28px;height: 200px; margin-top:50px;}
.greeting-top.nobg{background:none;}
.greeting-top .greeting-photo { position: absolute; top: -10px; width: 319px; height: 293px; background: url(/images/content/sub7_1_img02.png) no-repeat right bottom; background-size:85% 88%;}
.greeting-con .greeting-top .greeting-photo{left :0;}
.greeting-con2 .greeting-top .greeting-photo{right :0;}
.greeting-top .greeting-photo p { padding: 17px 0 0 74px; color: #ffffff; font-size: 1.5em; font-weight: 500; line-height:1; }
.greeting-top .greeting-photo p span { display: block; padding-bottom: 13px; font-size: 0.58em; font-weight: 300; }
.greeting-top .greeting-info {padding: 70px 80px 0;font-size: 1.75em;font-weight: 500;line-height: 1.3;font-style: italic;}
.greeting-top .greeting-info.greeting-info-en{padding-top:50px;}
.greeting-top .greeting-info span {display: block;padding-bottom: 38px;color: #054484;/* font-weight: bold; */letter-spacing: -0.05em;} 


/*CI 소개*/
.p_rt{display:inline-block; vertical-align:bottom;}
.h7wrap{width:100%;}
.bl_h4_2{margin: 22px 0px 10px 0;padding: 0 0 0 0px;font-size: 1.0em;color: #333;font-weight: 600;}
.h4box{padding-bottom: 20px;border-bottom:1px solid #d3d3d3;margin-bottom: 0px;}
.dwBtn{padding-left:30%; margin-bottom:55px;}
.dwBtn a{float:left; margin-left:16px; display:block; padding:12px 30px 13px 52px; border:1px solid #1a65e1; border-radius:30px; font-weight:400; color:#1a65e1; background:url(/images/content/ico_dw.png)no-repeat 25px 50%; }


/* 장비이용안내 */
.submit_equipment .dwBtn{padding-left: 0;margin-bottom: 0;}
.submit_equipment .dwBtn a{float:none; margin-left:16px; display:inline-block;padding:12px 30px 13px 52px;border:1px solid #1a65e1;border-radius:30px;font-weight:400;color:#1a65e1;background:url(/images/content/ico_dw.png)no-repeat 25px 50%;}


td.border {border-top: 2px solid #143071 !important; border-bottom: 2px solid #143071;font-weight: 600;}
td.border_bottom {border-bottom: 2px solid #143071;}

@media screen and (max-width: 960px){
.dwBtn{margin-left:0; margin-bottom:30px; padding-left:27%; height:30px}
.dwBtn a {width: calc(35% - 35px); margin-left: 5px; margin-right: 5px; margin-bottom: 10px; background:none; padding:1px;}
}


@media screen and (max-width: 420px){
.dwBtn{margin-left:0; margin-bottom:20px; padding-left:0%; height:30px}
.dwBtn a {width: 100px; padding:10px 0;}
}

@media screen and (max-width: 420px){ a:nth-child(3){margin-right:0;}}




/* 찾아오시는길 */
.map_wrap {position:relative;width:100%;border:1px solid #c2c2c2;margin:20px 0 0 0;}
.map_wrap .map_box_zone {width:100%; overflow:hidden; position:relative;   text-align:center;   position: relative;}
.map_wrap .map_txt {background-color:#f7f7f7; padding:15px;}
.map_wrap .list1{margin-bottom: 0;}

.tbl_direction {position:relative;}
.tbl_direction table {width:100%;border-spacing:0;border-collapse:collapse;border-top:2px solid #1f3c64;table-layout:fixed;}
.tbl_direction tbody td {padding:10px;text-align:center;border-right:1px solid #cecece;border-bottom:1px solid #cecece;word-break:break-all;line-height:1.4em;}
.tbl_direction tbody th .icon {text-align:center;}
.tbl_direction tbody th .text {font-weight:bold;text-align:center;margin-top:10px; line-height:1.4em;}
.tbl_direction tbody th {padding:15px 0;text-align:center;border-right:1px solid #cecece;border-bottom:1px solid #cecece;font-weight:bold;}
.tbl_direction tbody td:last-child {border-right:0;}
.tbl_direction tbody td.left {text-align:left;}
#park_info{width:100%; height: auto;}
.roadbtn{float: right;margin-top: -50px;}

.root_daum_roughmap .wrap_map{height: 500px !important;}

/* Skip */
#skip {position:absolute;top:0;height:0px;width:100%;z-index:2020;}
#skip a {display:block;height:1px;width:1px;margin-bottom:-1px;overflow:hidden;text-align:center;color:#fff;white-space:nowrap;}
#skip a:focus,
#skip a:active {display:block;top:0;width:100%;height:30px;line-height:30px;background:#1c7915;}
a:hover {text-decoration:underline;}
.map_skip{position:relative; top:auto; }




.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next {right: 1px;}
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {display: block;position: absolute;left: 50%;margin-left: -6px;top: 50%;margin-top: -7px;font-size: 0;}
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 45%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* 수정 */
#ui-datepicker-div{padding: 0;border: 1px solid #3352a9;border-radius: 0;}
.ui-datepicker .ui-datepicker-header{background-color: #3352a9;padding: 8px !important;color: #fff;border-radius: 0;border: none;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{background-color: #63676d !important;opacity: 1;}
.ui-datepicker .ui-datepicker-buttonpane button{border-radius: 20px !important;padding: 5px 20px !important;border: none !important;background-color: #2196f3 !important;color: #fff !important;font-size: 0.9em !important;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-month{margin-left: 10px;color: #3a3a3a;line-height: 1;}
.ui-datepicker .ui-datepicker-title{margin: 0 10px !important;line-height: 10px !important;font-size: 0.9em;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width: 38% !important;height: 30px;}
.ui-datepicker .ui-datepicker-title select{border-radius: 20px;padding-left: 10px;font-weight: 600;font-size: 1.05em !important;background: #fff url('/images/content/cal_arr_02.png') no-repeat 90% 50%;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.ui-datepicker select.ui-datepicker-year{margin-right: 3px !important;color: #3a3a3a;line-height: 1;}
.ui-state-default{ background: #fff !important; border: 0 !important;  color: #b9b9b9 !important;  text-align: center !important; font-size: 0.9em !important;}   
.ui-widget-content{background: #fff !important;overflow: hidden;border-top: 1px solid #d2d2d2 !important;} 
.ui-datepicker table{border-top: 5px solid #fff;border-left: 5px solid #fff;border-right: 5px solid #fff;}
.ui-icon-circle-triangle-e{background: url(/images/content/cal_arr.png) center no-repeat !important;transform: rotate( 180deg );width: 10px;height: 15px;}
.ui-icon-circle-triangle-w{background: url(/images/content/cal_arr.png) center no-repeat !important;width: 10px;height: 15px;}
.ui-datepicker .ui-datepicker-prev{  vertical-align: middle;  margin-top: 7px;}
.ui-datepicker .ui-datepicker-next{margin-top: 7px;vertical-align: middle;}
select::-ms-expand {display: none;}

input.input_v2.hasDatepicker{background: url(/images/content/ico_calendar.png) no-repeat 97% center; cursor: pointer;}



/*사업개요*/
.sub01_02 .pc{display:block;}
.sub01_02 .mo{display:none;}




.intro-wrap .tit-box{ position: absolute; bottom: 0; width: 870px; background: #fff; padding: 50px 50px 50px 0;}
.intro-wrap .tit{margin-bottom: 30px; background: url("http://usg.ac.kr/images/sub/intro-icon.png") center left  no-repeat  padding: 15px 0 15px 150px;}
.intro-wrap .tit p{ font-size: 35px;}
.intro-wrap p{ font-size: 16px;word-break: keep-all;  line-height: 1.8em;}
.intro-wrap .con-box{margin: 50px auto 100px auto;}
.sign{ float: right;}
.purpose-list .purpose-item {overflow: hidden;padding: 0; width: 32%; box-shadow: 1px 1px 10px rgba(0,0,0,0.1); float: left;}
.purpose-list .purpose-item.gap{ margin: 0 25px;}
.purpose-list .purpose-item .img{ width: 100%;}
.purpose-list .purpose-item .txt{ padding: 40px 0;}
.purpose-list .purpose-item .txt p{ font-size: 18px;text-align: center;}
.info-wrap .con-tit{ margin-bottom: 10px;}
.info-box-01-wrap .tit{  margin: 50px auto; width: 100%; padding: 30px 0; background: url("/images/content/info-tit-bg.png") no-repeat; background-size: cover; font-size: 20px; color: #fff;text-align: center;}
.info-box-01-wrap .ifb-01-list .ifb-item{width: 24%;float: left;margin-right: 1.3333%;overflow: hidden;border:1px solid #efefef;height: 390px;}
.info-box-01-wrap .ifb-01-list .ifb-item.last{ margin-right: 0;}
.info-box-01-wrap .ifb-01-list .ifb-item img{ width: 100%;}
.info-box-01-wrap .ifb-01-list .ifb-item .txt{ padding: 30px 20px;}
.info-box-01-wrap .ifb-01-list .ifb-item .txt p{/* word-break: keep-all; *//* text-align: center; */}
.form-box{width: 100%;}
.form-box .bd-top{ border-top: 3px solid #046241 !important;}
.form-box .row{ margin-right: 0;  margin-left: 0; border-bottom:1px solid #e8e8e8;}
.form-box .tit {background: #f9f9f9; padding: 20px 0;}
.form-box .tit p{  text-align: center;}
.form-box .con{margin-top: 8px;}
.form-box  input,.form-box  select{border:1px solid #e8e8e8; padding: 10px 10px;}
.form-wrap.form-02 textarea{ width: 100%; border:1px solid #e8e8e8; padding: 20px; height: 250px; resize: none;}
.grade-con input{  width: 20px !important;  height:20px!important; margin: 0 3px !important;  }
.grade-con2 input{ width: 55px !important;  height:20px!important; margin: 0 3px !important;}
.lang-con input{ margin: 0 10px;}
.lang-con input{ width: 366px;}
.form-wrap .con p{ margin-top: 10px;}
.subject-con input{ width: 920px;}
.precautions-wrap{ border:1px solid #efefef; padding: 40px 40px;}
.precautions-wrap .con{line-height: 2em;}
.doc-wrap p{ line-height: 1.8em;}
.doc-box{ background: #f9f9f9;padding: 50px;}
.form-03 .bd-box{border:1px solid #efefef; padding: 40px;}
.form-03 .bd-box p{ line-height: 2em;}
.checkbox-wrap input{ margin:8px 10px 0 0;}
.form-03 .info-wrap p{ word-break: keep-all; line-height: 1.8em;}
.belong-box input{  width: 250px;}
.military-con input { display: block;margin-top: 6px; margin-right: 10px;width: auto;}
.checkbox-wrap{ float: right; margin:20px 0;}
.form-wrap .table-st th, td{ padding: 10px 15px;}
.input-call{width: 190px !important;}
.input-call2{ width: 100px !important;}
.info-wrap .ifb-02-item{ position: relative;}
.position-r{  position: relative;}
.info-wrap .ifb-02-item .img{position: absolute; top:50%;transform: translateY(-50%);left: 0;}
.info-wrap .ifb-02-item .txt{position: relative;float: right;border: 1px solid #e0e0e0;padding: 30px;width: 71%;/* margin-left: 100px; */}
.info-wrap .ifb-02-item .txt > div{  width: 90%;  word-break: keep-all;}
.info-wrap .ifb-02-item .txt::before{position: absolute;left: -24px;top: 50%;transform: translateX(-50%);display: block;content:"";width: 47px;height: 1px;background: #e0e0e0;z-index: -9;}
.info-wrap .ifb-02-item .txt span::before{float: left; display: block; content: ""; width: 30px; height: 82px; background: url(http://usg.ac.kr/images/sub/sub-tit-badge.png) no-repeat;background-position-y: 8px;}
.info-wrap .ifb-02-item .txt p{margin: 10px 0; padding-left: 30px; line-height: 1.8em;}
.ifb-04-item .img{float: left;width: 46%;}
.ifb-04-item .txt{position: relative;float: left;width: 44%;margin-left: 74px;margin-top: 120px;line-height: 1.8em;}
.ifb-04-item .txt span{display: block;font-size: 20px;margin-bottom: 20px;padding-top: 60px;}
.ifb-04-item.item-01 .txt::before, .ifb-04-item.item-03 .txt::before{ position: absolute;display: block; content: ""; background: url(http://usg.ac.kr/images/sub/info-box-04-line.png) no-repeat; background-size: contain; width: 260px;height: 10px; left: -100px;}
.ifb-04-item.item-02{position: relative;height: 530px;}
.ifb-04-item.item-02 .txt {position: absolute;left: 0;background: #f4f4f4;width: 90%;padding: 50px 50px 88px 50px;margin-left: 0;margin-top: 0;top: 150px;height: auto;}
.ifb-04-item.item-02 .txt .txt-inner{width: 55%;}
.ifb-04-item.item-02 .img{ position: absolute;right: 0;}
.txt-box{ border:1px solid #efefef;padding: 30px 50px;}
.info-box-05-wrap .txt-box span{float: left; display: block; content: "";  width: 30px;height: 35px; background: url(http://usg.ac.kr/images/sub/sub-tit-badge.png) no-repeat; background-position-y: 8px;}
.info-box-05-wrap .txt-box p{float: left;width: 80%;}
.info-box-05-wrap .txt-box p::after{ display: block;content: ""; clear: both;}
.add-file-wrap .add-file-wrap{border:1px solid #efefef; padding: 10px;}
.boder-gray{ border:1px solid #efefef;}
.add-file-wrap input{ width: auto; display: inline-block;}
.add-file-wrap p{ display: inline-block;margin-left: 5px;}


/*교육과정 및 이수조건*/
.top-wrap{width: 100%;padding: 50px 40px 50px 220px;border-top: 2px solid #6361ba;}
.top-wrap .top-txt{}
.top-wrap .top-txt .en-txt{color: #9b9de0;font-size: 0.95em;margin-bottom: 3px;}
.top-wrap .top-txt strong{ font-weight: bold;  font-size: 1.5em; color: #333;}
.top-wrap .top-txt strong::after{content:"";display:block;width:30px;height:2px;background-color: #8583ee;margin: 10px 0;}

.top-wrap.top-01{background: url("/images/content/sub3-2-top.png") no-repeat #f4f4fd 50px 50%;}
.top-wrap.top-02{background: url("/images/content/sub3-3-top.png") no-repeat #f4f4fd 50px 50%;}




/* 갤러리 */

.galleryList{overflow: hidden;margin-bottom: 60px;}
.galleryList .item:nth-child(3n-1 ){margin-left:0;}
/* .galleryList .item:not([style*="display:none"]):nth-child(n+4){margin-top:30px;} */
.galleryList .item{position: relative;float: left;padding: 15px;margin-right: 2%;width: 32%;border: 1px solid #cecece;border-radius: 5px;text-align: center;height: auto;margin-bottom: 20px;}
.galleryList .item:nth-child(3n){ margin-right: 0;}
.galleryList .item:hover{border: 1px solid #348ef4;}
.galleryList .item dl{text-align:left}
.galleryList .item .bold{font-weight:500;}
.galleryList .item .bold::after{content:"";display:inline-block;width:1px;height: 15px;background-color: #c7c7c7;vertical-align: middle;margin-right: 6px;margin-left: 8px;}
.galleryList .item dl dd {color: #4e4e4e;font-size: 0.95em;}
.galleryList .item dl dt a{cursor: pointer;font-size: 1.2em;font-weight:500;padding-top:15px;padding-bottom: 10px;width: 98%;overflow: hidden;-webkit-box-orient: vertical;display: block;text-overflow: ellipsis;white-space: nowrap;word-wrap: break-word;}
.galleryList .business_img a img {width:100%;height: 200px;}



/*연혁*/
.history{/* overflow: hidden; */margin-top: 50px;}
.history .left_tit{float: left;width: 30%;position: relative;padding: 40px 0 0 40px;margin-bottom: 70px;}
.history .left_tit:before {content:'';display:block;position:absolute;top:0;left:0;z-index:-1;border-top: 15px solid #396fda;border-left: 15px solid #092a6d;width:80%;height: 100%;}
.history .left_tit .tit{}
.history .left_tit .tit::after{content:"";display:block;width:20px;height:1px;background-color: #396fda;margin: 20px 0 30px 0;}
.history .left_tit .since{font-weight: bold;font-size: 1.9em;color: #333;font-family: 'GmarketSans';}
.history .right_con {float:left;width: 70%;padding-left: 120px;position:relative;}
.history .right_con > ul::before{content:"";display:block;width:1px;height: 100%;position:absolute;background-color: #dedede;}
.history .right_con > ul > li{position: relative; margin-bottom: 60px;}
.history .right_con > ul > li .year{display: inline-block;vertical-align: top;position: absolute;top: 0;left: -86px;font-family: 'GmarketSans';font-weight: bold;color: #333;font-size: 1.25em;}
.history .right_con > ul > li .year::after{content:"";display: block;width: 8px;height: 8px;position: absolute;top: 3px;left: 80px;border-radius: 50px;border: 3px solid #396fda;}
.history .right_con > ul > li .his_txt{display: inline-block;margin-left: 50px;width: 88%;}
.history .right_con > ul > li .his_txt li{font-size: 1.05em;margin-bottom: 5px;display: block;overflow: hidden;}
.history .right_con > ul > li .his_txt li .mon{/* display: inline-block; */font-weight: bold;color: #092a6d;margin-right: 12px;vertical-align: top;width: 5%;float: left;}
.history .right_con > ul > li .his_txt li ul{/* display:inline-block; */width: 80%;float: left;}


/*정책목표*/
.vision_wrap{  position: relative;}
.vision_wrap .vision-top{  width: 100%;  height: 562px;  background: url(/images/content/vision-top_bg.png)no-repeat 50% 50%;}
.vision_wrap .vision-top .top-tit{width: 377px;height: 377px;background: url(/images/content/vision-top-txt.png) 50% 50%;margin: 0 auto;text-align: center;vertical-align: middle;padding: 119px 0;background-size: contain;}
.vision_wrap .vision-top .top-tit p{/* font-family: 'GmarketSans'; *//* font-size: 2em; *//* font-weight: 600; *//* background: linear-gradient(to right, #0fe0f7, #1c63c7); *//* -webkit-background-clip: text; *//* -webkit-text-fill-color: transparent; *//* display: block; *//* line-height: 140%; */margin-bottom: 10px;}
.vision_wrap .vision-top .top-tit strong{  font-size: 1.7em;  line-height: 130%; color: #333;}
.vision_wrap > ul{overflow: hidden;width: 100%;margin-top: -144px;word-break: keep-all;}
.vision_wrap > ul > li{float: left;width: 32%;background-color: #ffffff;margin-right: 2%;padding: 30px 20px;height: 367px;margin-bottom: 3%;border: 1px solid #e0e0e0;border-top: 3px solid #0eb9cc;}
.vision_wrap > ul > li:nth-child(-n+3){height:550px;}
.vision_wrap > ul > li:nth-child(3n){margin-right:0;}
.vision_wrap > ul > li .v-tit{padding-bottom: 25px;border-bottom: 1px dashed #b9b9b9;margin-bottom: 25px;}
.vision_wrap > ul > li .v-tit p{color: #0eb9cc;font-size: 1.2em;font-weight: 600;}
.vision_wrap > ul > li .v-tit p:first-child{  font-family: 'GmarketSans'; font-size: 1.4em;}
.vision_wrap > ul > li > ul > li{font-size: 0.95em;margin-bottom: 4px;background: url(/images/content/vision_list.jpg) no-repeat left top 12px;padding-left: 9px;}
/*.vision_wrap > ul > li > ul > li::before{content:"";display:inline-block;width: 3px;height: 3px;border-radius:20px;background-color:#a5a5a5;vertical-align: middle;margin-right: 5px;}*/




/*  사이트맵 */
.sitemap.user > li{margin-bottom:0;}
.sitemap > li > a {font-size: 1.2rem;  color: #fff;  padding: 13px 0 16px 22px;  text-align:left;  margin-bottom: 0; background:url(/images/common/sitemap_bg_03.jpg) #133c8c right bottom no-repeat; border:none;}
.sitemap li > ul > li a{padding: 5px 8px 5px 27px;border: none; background: none; margin-bottom: 6px;}
.sitemap li > ul > li:before{width: 5px; height: 5px;background: #4f65d4;vertical-align: middle;border-radius: 100px;}
.sitemap li > ul > li > ul{background: #f5f5f5;padding: 15px 0 10px 20px; margin:0; margin-bottom: 15px;}
.sitemap li > ul > li > ul > li a{padding: 0px 8px 9px 0;border: none;margin-bottom: 0px; background: none;}
.sitemap li > ul > li > ul > li a:before{ width: 5px;height: 1px;background: #666; vertical-align: middle;  margin: 0 10px;display: inline-block; content: "";}
.sitemap > li{width:calc(100% / 3); }
.sitemap > li:nth-of-type(2){width:calc(100% / 1.5); height: 600px;}
.sitemap > li:nth-of-type(2) > ul{width:49%;}
.sitemap > li:nth-of-type(2) > ul > li{width:100%;}
.sitemap > li:nth-of-type(3){height:390px;}
.blank_link2{vertical-align:middle; margin-left:5px;}

.sitemap_wrap{width:100%;overflow: hidden;}
.sitemap_01{width: 30%; overflow: hidden; float: left;margin-right: 5%;}

.sitemap_01:nth-child(3n){margin-right: 0;}
.sitemap_01 a {display: block;}
.sitemap_01 li {position: relative;}
.sitemap_01 > li {float: left;width: 100%;height: 910px;margin-bottom: 13px;}
.sitemap_01 li > ul > li:before {content: '';display: inline-block;position: absolute;top: 31px;left: 12px;width: 4px;height: 4px;background: #396fda;vertical-align: middle;}
.sitemap_01 li > ul > li > ul > li:before {content: none;left: 27px;vertical-align: middle;}
.sitemap_01 li > ul > li a {padding: 5px 8px 5px 25px;border: 1px solid #e8e6e6;background: #fafbfb;box-sizing: border-box;}
.sitemap_01 li > ul > li a img {margin-left: 4px;padding-top: 6px;}
.sitemap_01 li > ul > li > ul > li a {padding: 0px 8px 9px 33px;border: none;margin-bottom: 0px;background: none;}
.sitemap_01 li > ul > li > ul {padding: 0px;}
.sitemap_01 > li > a {color: #396fda;padding: 30px;text-align: center;border-bottom: 2px solid #396fda;font-size: 1.4em;font-weight: bold;}
.sitemap_01 li > ul > li a {padding: 20px 8px 20px 27px;border: none;background: none;border-bottom: 1px solid #dedede;}
.sitemap_01 li > ul > li a:hover{color: #48459e;}
.sitemap_01 li > ul > li > ul {background: #f7f7f7;padding: 15px 0 15px 20px;margin: 0;}
.sitemap_01 li > ul > li > ul > li a {padding: 0px 8px 12px 0;border: none;margin-bottom: 0px;margin-left: 10px;background: none;}
.sitemap_01 li > ul > li > ul > li a:hover {color: #48459e;}
.sitemap_01 li > ul > li > ul > li:last-child a {padding-bottom: 0;}



@media screen and (max-width: 1400px){

/*정책목표*/
.vision_wrap > ul > li{width: 49%;}
.vision_wrap > ul > li:nth-child(-n+2){height:500px;}
.vision_wrap > ul > li:nth-child(3){height:367px;}
.vision_wrap > ul > li:nth-child(2n){margin-right:0;}
.vision_wrap > ul > li:nth-child(3n){margin-right: 2%;}
.vision_wrap > ul > li:nth-child(6n){margin-right: 0;}


}


@media all and (max-width:1024px){
/*사진*/
/*     .galleryList .item{width: 48%;}
    .galleryList .item:not([style*="display:none"]):nth-child(n+3){margin-top: 30px;}
    .galleryList .item:not([style*="display:none"]):nth-child(1n){margin-left:3%;}
    .galleryList .item:not([style*="display:none"]):nth-child(2n + 1 ){margin-left:0;} */

    .galleryList .item{ width: 49%;}
    .galleryList .item:nth-child(3n){margin-right: 2%;}
    .galleryList .item:nth-child(2n){margin-right:0;}
}

@media (max-width: 600px){
/*사진*/
    .galleryList .item{width: 100%;}
/*     .galleryList .item:not([style*="display:none"]):nth-child(n){margin-left:0;} */
}

@media all and (max-width:980px){
 /*인사말*/
 .intro .intro_topbox .inbox{padding: 40px 135px 66px 40px;}
 .intro .intro_topbox::after{ width: 113px; background-size: contain;  top: 73%;   right: 31px;}



/*사업개요*/
.sub01_02 .pc{display:none;}
.sub01_02 .mo{display:block;}


/* 사이트맵 보라색*/
.sitemap_01 > li > a {font-size: 1.2em;}


/*USG 공유대학 및 융합전공 소개*/

.info-wrap .ifb-02-item .img {position: relative;top: auto;transform: none;left: 50%;transform: translateX(-50%);margin: 0 auto 30px auto;}
    .info-wrap .ifb-02-item .txt {position: relative;float: none;border: 1px solid #efefef;padding: 30px 20px;width: 100%;margin-left: 0;/* font-size: 18px; */}
    .info-wrap .ifb-02-item .txt > div {  width: 100%; }
    .info-wrap .ifb-02-item .txt span::before{  height: 280px; }
    .info-wrap .ifb-02-item .ifb-02-item-02 .txt span::before{ height: 130px; }
    .info-wrap .ifb-02-item .txt p { margin: 10px 0 20px 0;}
    .info-wrap .ifb-02-item .txt::before{left: 50%; width: 1px; height: 71px;top: -70px;}

     .ifb-04-item .img { float: none; width: 100%;}
    .ifb-04-item .img img{ width: 100%;}
    .ifb-04-item .txt { position: relative; float: none; width: 100%;  margin-left: 0; margin-top: 0;line-height: 1.8em;}
    .ifb-04-item .txt span { font-size: 18px; padding-top: 30px; }
    .ifb-04-item.item-01 .txt::before, .ifb-04-item.item-03 .txt::before{ display: none; }
    .ifb-04-item.item-02 { position: relative; height: auto;}
    .ifb-04-item.item-02 .img {  position: relative; }
    .ifb-04-item.item-02 .txt {position: relative; left: 0;  background: #f4f4f4; width: 100%; padding: 30px 20px; margin-left: 0; margin-top: 0; top: auto;height: auto; }
    .ifb-04-item.item-02 .txt .txt-inner { width: 100%;}
}






  @media screen and (max-width: 768px) {

  /*USG 공유대학 및 융합전공 소개*/
 .intro-box{ width: 100%;height: auto; }
 .intro-wrap .tit-box{ position: relative; width: auto;  padding:20px;}
 .intro-wrap .tit p{ font-size: 20px; display: initial;}
 .intro-wrap p { font-size: 16px;}
 .intro-wrap .tit { margin-bottom: 10px; background-size: 44px;  background: url(http://usg.ac.kr/images/sub/intro-icon.png) top left no-repeat; padding: 85px 0 0 0; background-size: 80px;}
 .intro-wrap .con-box { margin: 30px auto 100px auto; padding: 0 20px; }
 .intro-wrap .sign{ width: 250px;}
 .purpose-list .purpose-item{  width: 100%;}
 .purpose-list .purpose-item.gap{  margin: 30px auto; }
 .purpose-list .purpose-item .txt p{ font-size: 16px; }
 .affiliation-box input {  width: 100%; margin-right: 0;margin-bottom: 10px;}
 .table-st th, td { padding: 10px 10px; }
 .sub-tit { font-size: 18px; margin-bottom: 20px; }
 .form-box .tit { padding: 15px; }
 .form-box .con{ margin: 20px 0; }
 .form-box .tit p{  text-align: left;  }
 .form-box input {     width: 100%;  margin-bottom: 10px;  margin-right: 0; }
 .lang-con input{  margin: 0;}
    .military-con input{ width: auto; margin-right: 10px; margin-top: 8px !important;}
    .military-con p{  margin-top: 0px !important;}
    .precautions-wrap {  padding: 40px 20px; }
    .doc-box {  padding: 40px 20px;}
    .form-03 .bd-box { padding: 40px 20px;}
    .info-box-01-wrap .ifb-01-list .ifb-item { width: 100%; float: none; margin-right: 0; overflow: hidden;   border: 1px solid #efefef;  height: auto;  margin-bottom: 30px; }
   .info-box-01-wrap .tit{  padding: 30px 20px;   font-size: 20px;  word-break: keep-all; }
    
   
    .info-box-05-wrap .txt-box { border: 1px solid #efefef; padding: 30px 20px; }
    .add-file-wrap .table-st.table-bk-m th, .add-file-wrap .table-st.table-bk-m td{ text-align: left; }




/*연혁*/
.history .left_tit{width:100%;padding: 35px 0 0 30px;}    
.history .left_tit:before{  width: 97%; border-top: 10px solid #396fda; border-left: 10px solid #092a6d;}
.history .left_tit .tit::after{  margin: 10px 0 20px 0;}
.history .right_con{width: 100%;padding-left: 68px;}
.history .right_con > ul > li .year{left: -65px;font-size: 1.15em;top: 3px;}
.history .right_con > ul > li .year::after{left: 60px;width: 6px;height: 6px;border: 3px solid #396fda;}
.history .right_con > ul > li .his_txt{  margin-left: 30px;}
.history .right_con > ul > li .his_txt li .mon{ width: 7%;}


/*정책목표*/
.vision_wrap > ul > li{width: 100%;padding: 20px;height: auto;}
.vision_wrap > ul > li:nth-child(-n+2){height:auto;}
.vision_wrap > ul > li:nth-child(3){height:auto;}
.vision_wrap .vision-top{  height: 475px;  background-size: 800px;}
.vision_wrap .vision-top .top-tit{ width: 300px; height: 300px; padding: 92px 0;}
.vision_wrap .vision-top .top-tit p{  margin-bottom: 5px;}
.vision_wrap .vision-top .top-tit p img{  width: 100px;}
.vision_wrap .vision-top .top-tit strong{ font-size: 1.4em;}
.vision_wrap > ul > li .v-tit{  padding-bottom: 15px; margin-bottom: 15px;}


/*사이트맵*/
.sitemap_01{width: 100%;}
.sitemap_01 > li{height: auto;margin-bottom: 50px;}



  }

    



@media all and (max-width:640px){

    /*사이트맵*/
  .sitemap.user > li{height:250px;}
  .sitemap > li:nth-of-type(1){ height:330px;}
  .sitemap > li:nth-of-type(2){width:100%; height:1100px;}
  .sitemap > li:nth-of-type(2) > ul{width:100%;}
  .sitemap > li:nth-of-type(3){height:470px;}

	/* 사이트맵 보라색 */
   .sitemap_01 > li {width: 100%;}


  /*교육과정 및 이수조건*/
  .top-wrap{width: 100%;padding: 30px 30px 30px 144px;border-top: 2px solid #6361ba;background-position: 22px 50% !important;background-size: 100px !important;}
}


@media all and (max-width:480px){
  .intro .intro_topbox .inbox{padding:35px;}
  .intro .intro_topbox::after{display:none;}

}


/*사업단 과제소개 - 대과제*/
.enterprise_intro{margin-top: 40px; word-break:keep-all;}

.enterprise_tit .tit{font-size: 1.4em; color:#333177; font-weight:700; margin-bottom:35px;}

.enterprise_info{width: calc(100% - 500px); margin-top:25px; }
.enterprise_info:before{display:block; content:'';width:40px; height:3px; background:#4a00ae;margin-bottom:15px;}

@media only screen and (max-width: 900px){
	.enterprise_tit{width:45%;}
	.enterprise_info{width:50%;}
}

@media only screen and (max-width: 560px){
	.enterprise_tit{width:100%;}
	.enterprise_info{width:100%;}
  .enterprise_tit .tit{margin-bottom: 10px;}
}


/*사업단 과제소개 - 소과제 사업안내(공통)*/
.senterprise_intro{word-break: keep-all;}

.senterprise_tit{/* height: 83px; */background: #e9edf9 url(/images/content/info-box-02-bg-01.png) no-repeat right 20px bottom;color: #143071;font-size: 1.5em;font-weight:700;padding: 25px 35px;display: table;width:100%;vertical-align: middle;}
.senterprise_tit li{display: table-cell;}
.senterprise_tit li:first-child{color: #222;width: 156px;}
.senterprise_tit li:first-child span{display: inline-block;background: #143071;border-radius:100px;padding: 5px 25px;color: #fff;}

.senterprise_info{}
.senterprise_info>li{padding:30px 25px;border-bottom:1px solid #e7e7e7;display:table;width:100%}
.senterprise_info>li p.tit{display:table-cell;padding:2px;padding-left:55px;background:url(/images/content/info-box-02-ico-01.png) no-repeat left center;vertical-align:middle;font-weight:700;color:#222;font-size:1.15em;width:130px}
.senterprise_info>li:nth-child(2) p.tit{background:url(/images/content/info-box-02-ico-02.png) no-repeat left center}
.senterprise_info>li>ul{display:table-cell;}
.senterprise_info > li > ul > li{padding-left:10px;background: url(/images/content/info-box-02-ico-03.png) no-repeat left top 12px;}


@media only screen and (max-width: 650px){
  .senterprise_tit{background-image:none;font-size:1.2em;height: auto;padding: 20px;}
  .senterprise_tit li:first-child{width: 125px;}
  .senterprise_tit li:first-child span{padding:5px 20px}
  .senterprise_info>li p.tit{width:100px;padding-left:45px}
}

@media only screen and (max-width: 480px){
  .senterprise_tit li:first-child{width: 110px;}
  .senterprise_tit li:first-child span{padding:2px 20px}
  .senterprise_info>li{padding: 20px;}
  .senterprise_info>li p.tit{background:none;padding-left:0;width: 57px;}
  .senterprise_info>li:nth-child(2) p.tit{background: none;}
}


/*스마트도시건설연구센터-소개*/
.scenter_con{word-break: keep-all;}
.scenter_con .tit_box{height:409px;background: url(/images/content/info-box-04-img-01.jpg) no-repeat center;background-size: cover;position: relative;}
.scenter_con .tit_box .tit_info{background:rgba(0,12,102,0.85);position: absolute;width: 50%;right: 0;bottom: 0;color: #fff;padding: 50px;}
.scenter_con .tit_box img{}
.scenter_con .tit_box .tit{display: block; font-size: 1.3em; margin: 20px 0;}
.scenter_con .tit_box p{}

.scenter_con .info_box{border:1px solid #c6c6c6; width:100%; margin-top:50px;}
.scenter_con .info_box > li{float:left;width:25%;text-align:center;vertical-align:middle;border-right:1px solid #c6c6c6;padding: 45px 0;}
.scenter_con .info_box > li:last-child{border:0;}
.scenter_con .info_box > li .img_box{background:url(/images/content/info-box-04-ico-02.png) no-repeat center;height:71px;}
.scenter_con .info_box > li:nth-child(2) .img_box{background-image:url(/images/content/info-box-04-ico-03.png);}
.scenter_con .info_box > li:nth-child(3) .img_box{background-image:url(/images/content/info-box-04-ico-04.png);}
.scenter_con .info_box > li:nth-child(4) .img_box{background-image:url(/images/content/info-box-04-ico-05.png);}
.scenter_con .info_box > li .txt_box{margin-top: 40px; line-height: 1.4;}

@media only screen and (max-width: 860px){
  .scenter_con .tit_box{height: 256px;}
  .scenter_con .tit_box .tit_info{width:100%;}
  .scenter_con .info_box{margin-top:20px;}
  .scenter_con .info_box > li{width:50%; border:0;}
  .scenter_con .info_box > li:nth-child(-n+2){border-bottom:1px solid #c6c6c6;}
  .scenter_con .info_box > li:nth-child(odd){border-right:1px solid #c6c6c6;}
}

@media only screen and (max-width: 680px){
  .scenter_con .tit_box{background:none; position:unset; height:auto;}
  .scenter_con .tit_box .tit_info{position:unset;}
  .scenter_con .info_box > li .txt_box{margin-top:15px;}
}

@media only screen and (max-width: 400px){
  .scenter_con .info_box > li{width:100%;padding: 20px 0;border-bottom:1px solid #c6c6c6;}
  .scenter_con .info_box > li:nth-child(odd){border-right:0}
  .scenter_con .info_box > li .txt_box{margin-top:15px;}
}


/*관련사이트*/
.gosite_con ul{background:#fafafa; padding:40px 35px;}
.gosite_con ul li{float:left; background:#fff; border:1px solid #e0e0e0;height:204px; padding:20px 25px; width:23%; text-align:center; margin-right:2%;}
.gosite_con ul li:last-child{margin-right:0;}
.gosite_con ul li a{display:block;width: 100%;height: 100%;}
.gosite_con ul li .logo{height: calc(100% - 43px); background:url(/images/content/info-box-05-logo-01.png) no-repeat center;}
.gosite_con ul li:nth-child(2) .logo{background-image:url(/images/content/info-box-05-logo-02.png);}
.gosite_con ul li:nth-child(3) .logo{background-image:url(/images/content/info-box-05-logo-02.png);}
.gosite_con ul li:nth-child(4) .logo{background-image:url(/images/content/info-box-05-logo-03.png);}
.gosite_con ul li .txt{border-top:1px solid #e0e0e0;padding-top:17px;}
.gosite_con ul li .txt img{margin-left: 7px;margin-top: 4px;}

@media only screen and (max-width: 1200px){
  .gosite_con ul li{width: 48%;margin:0;}
  .gosite_con ul li:nth-child(-n+2){margin-bottom:10px;}
  .gosite_con ul li:nth-child(odd){margin-right:3%;}
}

@media only screen and (max-width: 480px){
  .gosite_con ul li{width: 100%;margin-bottom:10px;height: 160px;padding: 10px 15px;}
  .gosite_con ul li .txt{padding-top: 5px;}
  .gosite_con ul li .logo{height: calc(100% - 32px);}
}



/* 인사말 */
.greetCon{background: url(/images/content/sub1_1_img04.jpg) no-repeat left top; }
.greetCon .greetBox{width: calc(100% - 500px); word-break: keep-all;}
.greetCon .greetBox h3 {font-size: 1.6rem;padding-left:0;color:#161616;font-weight: 400;margin-bottom: 20px; line-height: 1.4;}
.greetCon .greetBox h3 span{color: #245fd8;}
.greetCon .greetBox p{position: relative; padding-top:40px;}
.greetCon .greetBox p::before{display:block; content:''; width:47px; height:7px; background: url(/images/content/sub1_1_img02.jpg) no-repeat left bottom; position: absolute;top:0;}
.greetCon .greetBox p span{color: #2f45a9;font-size: 1.3rem;}

.greetCon > div:last-child{padding-top:20px;}


@media all and (max-width:800px){
    .greetCon .greetBox{width: 100%; margin-bottom: 23px;}
}

@media all and (max-width:450px){
    .greetCon{background:none;} 
    .greetCon > div:last-child{float: left;}
}



/*윤리헌장*/
.ethics_con{}
.ethics_box{width: 100%;padding: 25px 0;border-bottom: 1px dotted #d3d3d3;display: table;}
.ethics_box > p{display: table-cell;width: 12%;}
.ethics_box > div{ display: table-cell; vertical-align: middle; padding-left:30px;}
.ethics_box p.tit{font-size: 1.2em; color:#142c96; font-weight: 500;}


.ethics_con2{background: url(/images/content/sub1_1_img04.jpg) no-repeat left top;}
.ethics_box2{display: table;margin-top: 40px;}
.ethics_box2 > p{background-color: #264b94;color: #fff;border-radius: 50%;width: 60px;line-height: 60px;text-align: center;margin-right: 10px;position: relative;border-top-left-radius: 0;}
/* .ethics_box2:not(:last-child) > p:after{display: block; content: ''; width:1px; height:40px; background-color: #e4e4e4; position: absolute; left:50%; bottom:-45px;} */
.ethics_box2 > div{display: table-cell;padding-left: 10px; vertical-align: middle;}
.ethics_box2 strong.tit{font-size: 1.1em;color:#142c96;font-weight: 500;}


@media all and (max-width:480px){
    .ethics_box > p{ display: none;}
    .ethics_box > div{padding-left: 0;}
}



/* 연구원 개발 제품 view */
.conText .img_box{ float: left; width: 25%;}
.conText .info_box{float: left; margin-left: 3%; width: 72%;}
.conText .info_box > li{}
.conText .info_box > li > ul:after{display:block; content:''; clear:both;}
.conText .info_box > li > ul > li{float:left;}
.conText .info_box > li > ul > li.tit{width: 12%;}
.conText .info_box > li > ul > li.info_txt{}





/* 연구원 개발 제품 */
.product .boardCrumb
.product .boardCrumb .thumb_list{}
.product .boardCrumb .thumb_list > li{float: left;width: 31%;margin-top: 20px;margin-bottom: 10px;margin-right: 3%;border: 1px solid #e6e6e6;transition:0.5s;/* background: #fbfbfb; *//* border-radius: 10px; */overflow: hidden;}
.product .boardCrumb .thumb_list > li:hover{background-color:#fff;border:1px solid #4989f3;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.product .boardCrumb .thumb_list > li:nth-child(3n+0){margin-right:0;}
.product .boardCrumb .thumb_list > li > div{position:relative;padding: 10px;padding: 0 0px 16px;text-align: center;}
.product .boardCrumb .thumb_list > li > div a{text-decoration:none;}
.product .boardCrumb .thumb_list > li > div a .img_area:after{content:""; width:100%; height:200px; position:absolute; display:block; top:0; left:0; background-position: center 0px; background: rgba(2,60,173,0.8) url(/images/common/btn_product_view.png) no-repeat center center !important; opacity:0; transition:0.7s;}
.product .boardCrumb .thumb_list > li > div a:hover .img_area:after{content:""; position:absolute; display:block; width:100%; height:200px;  background-position: center 0px;  background: rgba(2,60,173,0.8) url(/images/common/btn_product_view.png) no-repeat center center !important; opacity:1;}
.product .boardCrumb .thumb_list > li > div .img_area{position:relative;padding: 0;width: 100%;height: 200px;overflow: hidden;float:left;background: #fff;/* border: 1px solid #e0e0e0; */}
.product .boardCrumb .thumb_list > li > div .txt_area{border:1px solid #fff;padding-bottom:15px;padding: 0 20px;}

.product .boardCrumb .thumb_list > li > div img{margin-bottom: 0;width: 100%;height: auto;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.product .boardCrumb .thumb_list > li > div strong {display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 1.15em;font-weight: 500;padding: 16px 0;border-bottom: 1px solid #e0e0e0;width: 100%;margin: 0 auto;margin-bottom: 20px;}
.product .boardCrumb .thumb_list > li > div ul li{font-size: 0.875em;color: #666666;/* overflow: hidden; *//* text-overflow: ellipsis; *//* display: -webkit-box; *//* -webkit-line-clamp: 2; *//* -webkit-box-orient: vertical; */word-wrap:break-word;line-height: 1.2em;height:2.15em;font-weight: normal;text-align: left;padding-left: 20px;}
.product .boardCrumb .thumb_list > li > div ul li span{float:left;width: 24%;display: block;position:relative;/* background: #fff; */padding:0px;margin-right: 5%;border-radius:4px;text-align: left;color: #3772d4;height: 25px;}
.product .boardCrumb .thumb_list > li > div ul li p{float:left;width: 70%;text-overflow: ellipsis;word-break: break-all;display: -webkit-box;display: block;max-height: 48px;/* line-height: 1.5em; */height: 25px;overflow: hidden;white-space: nowrap;padding: 0;}
.product .boardCrumb .thumb_list > li > div ul li span:after{content:"";width:1px;height:13px;background:#d4d4d4;position:absolute;top:2px;right: 0;}
.product .boardCrumb .thumb_list > li .btn.btn_detail {border: 1px solid #000; font-size: 14px; color:#444;  width: 140px; height: 40px; line-height: 40px; text-align: center; margin-top: 22px;}
.product .boardCrumb {margin-bottom: 40px;overflow: hidden;}

/* 연구원 개발 제품 상세페이지 */
.product_view{}
.product_view .img_area{width: 44%;float: left;height: 342px;margin-right: 8%;position: relative;border: 1px solid #ececec;overflow: hidden;}
.product_view .img_area img{vertical-align: middle;position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);max-height: 100%;height: 100%;}
.product_view > div .table_c{border-bottom: 1px solid #c7c7c7;border-top: none;}
.product_view > div .table_c tbody td, .product_view > div .table_c tbody th{border-right: 0;border-top: 1px dotted  #d6d9e0;padding: 10px 5px 10px 30px;}
.product_view > div .table_c tbody tr.money:last-child th{}
.product_view > div .table_c tbody tr.money:last-child td{text-align: right;font-size: 1.5em;color: #1e6dc7; font-weight: bold;}
.product_view > div .table_c tbody th{background:none;color: #000;font-weight: 500;position: relative;text-align: left;background: #f6f9fb;}
.product_view > div .table_c tbody tr:nth-child(1) th,.product_view > div .table_c tbody tr:nth-child(1) td{/*border-top:1px solid #4989f3;*/ border-top:1px solid #c7c7c7}
.product_view > div .table_c tbody th:before{content:"";display:none;width:1px;height: 17px;background: #cecece;position:absolute;right: 5px;top: 14px;}
.product_view > div .table_c tbody tr:last-child th,.product_view > div .table_c tbody tr:last-child td{}
.product_view > div .table_c tbody .money td, .product_view > div .table_c tbody .money th{border-top: 1px solid #ddd;padding: 20px 0;}
.product_view .con_txt{/* border: 1px solid #cccccc; *//* border-top: 2px solid #797979; */padding: 10px 10px 5px;border-radius: 5px;}
.product_view .con_img{padding: 10px 10px 5px;border-radius: 5px;}

.product_view .product_sec1{overflow:hidden;}
.product_view .info_detail{position: relative;width: 48%;float: right;}
.product_view .info_detail.bottom_line{border-bottom: 1px solid #4989f3;}
.product_view .info_detail dt{color: #053d98;font-weight: 500;position: relative;text-align:left;float: left;padding: 5px 6px 5px 10px;width: 28%;}
.product_view .info_detail dt:after{display:inline-block; content:''; width:1px; height:15px; background:#ccc; position:absolute; right:20px; top:10px;}
.product_view .info_detail dt:before{content:"";display:block;width:3px;height:3px;position:absolute;top:50%;transform: translateX(-50%);left:0;background:#0966da;}
.product_view .info_detail dt.t1{width: 0%;padding: 0;}
.product_view .info_detail dt.t3{}
.product_view .info_detail dd{color: #505050;padding: 5px 0px;width: 72%;float: right;}
.product_view .info_detail dd.t3{padding-bottom:20px}
.product_view .info_detail dt.t4{/* padding-bottom:20px; *//* padding-top: 30px; */}
.product_view .info_detail dd.tit{font-size: 1.75em;color: #000;padding: 0 0 13px 0;border-bottom: 1px solid #396fda;margin-bottom: 10px;width: 100%;line-height: 1.2em;}
.product_view .info_detail dd.money{padding-bottom:20px;font-size: 1.25em;color: #1e6dc7;font-weight: bold;text-align:right;padding-top: 30px;border-top: 0.5px dashed #ddd;word-break: keep-all;}


@media all and (max-width:1200px){
    .product .boardCrumb .thumb_list > li > div ul li span{width: 27%;}
    .product .boardCrumb .thumb_list > li > div ul li p{ width: 67%;}
}

@media all and (max-width:1024px){
    .product .boardCrumb .thumb_list > li {width:49%;margin:0 0% 20px 0;}
    .product .boardCrumb .thumb_list > li:nth-child(2n+0){margin-left: 2%;}
}    


@media all and (max-width:768px){
    .product .boardCrumb .thumb_list > li > div a:after{ display:none }
    .product .boardCrumb .thumb_list > li > div a:hover:after{ display:none;}

    /* 제품소개 상세페이지 */
    .product_view .img_area{width:100%;}
    .product_view .info_detail{width:100%;padding-top:30px}
}

@media all and (max-width:640px){
    .product .boardCrumb .thumb_list > li{width: 100%;margin:0;margin-bottom: 25px;margin-right:0;}
    .product .boardCrumb .thumb_list > li:nth-child(2n),
    .product .boardCrumb .thumb_list > li:nth-child(3n){margin-right:0;}
    .product .boardCrumb .thumb_list > li > div .img_area{height: 200px;}
    .product .boardCrumb .thumb_list > li > div strong{padding:15px 0;}
    .product .boardCrumb .thumb_list > li:nth-child(2n+0){margin-left:0;}
    
    /* 제품소개 상세페이지 */
    .product_view > div .table_c tbody td, .product_view > div .table_c tbody th{padding: 10px 7px 10px;}
    .product_view .con_img{margin-bottom:20px;}
}



/* 시설예약현황 */
.boardCal{overflow:hidden;margin-top:20px;}
.boardCal .month .calUtil{position:relative;line-height:60px;text-align:center;}
.boardCal .month .calUtil strong{font-size:2em;color:#666;font-weight:normal;}
.boardCal .month .calUtil strong em{font-size:1.3em;color:#175bc4;font-weight:bold;padding-left:10px;}
.boardCal .month .calUtil a{float:left;width:50px;height:60px;font-size:0;text-indent:-9999em;}
.boardCal .month .calUtil a.mPrev{position:absolute;left:0;top:20%;background:url('/images/content/btn_arr3_l.png') no-repeat;}
.boardCal .month .calUtil a.mNext{position:absolute;right:0;top:20%;background:url('/images/content/btn_arr3_r.png') no-repeat;}
.month table{table-layout:fixed;width:100%;padding:0;border-collapse:collapse;border-spacing:0;border-top-left-radius: 10px;overflow: hidden;border-top-right-radius: 10px;}
.month table thead th{padding:20px 15px;/* border-top:3px solid #175bc4; */color:#175bc4;background: #214694;/* border-right:1px solid #e2e7ec; *//* border-bottom:1px solid #b7c8e1; */color: #fff;}
.month table thead th.sun, .month table thead th.sat{color: #ffa3a3;}
.month table thead th:last-child{border-right:0;}
.month table tbody td{position:relative;border:1px solid #ededed;}
.month table tbody td.day_end{}
.month table tbody td.day_end:before{content:"완료";display:block;position:absolute;bottom: 10px;right: 10px;border-radius:40px;background: #a9a9a9;width: 40px;height:  40px;line-height: 40px;text-align: center;color: #fff;font-size: 0.75em;}
.month table tbody td.day_chk{}
.month table tbody td.day_chk:before{content:"예약";display:block;position:absolute;bottom: 10px;right: 10px;border-radius:40px;background: #d34343;width: 40px;height:  40px;line-height: 40px;text-align: center;color: #fff;font-size: 0.75em;}
.month table tbody td a{display:block;min-height: 120px;padding:10px;color:#727272;}
.month table tbody td:first-child a{color: #ff4f53;}
.month table tbody td:last-child a{color:#2244c2;}
.month table tbody td a:hover , .month table tbody td a:focus, .month table tbody td.on a{background:#ebf2f8;}
.month table tbody td a.check{position:absolute;right:10px;bottom:10px;width:16px;height:16px;min-height:auto;padding:0;background:#fece4a;font-size:0;text-indent:-9999em;border-radius:100%;}

#chief_doing{}
#chief_doing div.car{position:relative; width:40%; float:left;}
#chief_doing div.carmob{display:none;}
#chief_doing div.car div.carbtn{position:relative; height:45px; text-align:center;}
#chief_doing div.car div.carbtn a.prem{font-size:0.9em;padding:7px 10px; border:1px solid #dedede; position:absolute; top:0; left:0; color:#777; background:#fff;}
#chief_doing div.car div.carbtn a.nextm{font-size:0.9em;padding:7px 10px; border:1px solid #dedede; position:absolute; top:0; right:0; color:#777; background:#fff;}
#chief_doing div.car div.carbtn a.prem:hover, #chief_doing div.car div.carbtn a.nextm:hover{border:1px solid #999; font-weight:bold; color:#D95700;}
#chief_doing div.car div.carbtn span{font-size:1.5em; font-weight:bold; line-height:38px;}
#chief_doing div.car table{width:100%; border-collapse:collapse; text-align:center; background:#fff;}
#chief_doing div.car table th{border:1px solid #dedede; padding:5px 0px; background:#f5f5f5; border-top:2px solid #003366;}
#chief_doing div.car table td{border:1px solid #dedede; font-size:0.9em; padding:3px 0px; height:32px;}
#chief_doing div.car table th.sun, #chief_doing div.car table td.sun, #chief_doing div.car table td.sun a{color:#ff0000;}
#chief_doing div.car table th.sat, #chief_doing div.car table td.sat, #chief_doing div.car table td.sat a{color:#0099ff;}
#chief_doing div.car table td.now{background:#0066cc;}
#chief_doing div.car table td.now a{color:#fff; font-weight:bold;}
#chief_doing div.today{margin:20px 0;position:relative;width:100%;}
#chief_doing div.today dl{background: #ffffff;padding: 30px 25px;border:1px solid #dedede;min-height:180px;overflow: hidden;}
#chief_doing div.today dl dt{font-size: 1.5em;font-weight:bold;color:#1e4da4;padding-bottom: 15px;border-bottom: 1px solid #1d4ea7;margin-bottom: 25px;letter-spacing:-0.01em;}
#chief_doing div.today dl dd ul li{background:url(/img/common/quick_bul.png) no-repeat 0 7px;padding-left: 15px;font-size:0.9em;margin-bottom:7px;line-height:1.3em;margin-bottom:10px;width: 50%;float: left;}
#chief_doing div.today dl dd ul li span{display:inline-block;padding-right:10px;color: #404040;font-weight: bold;}
#chief_doing div.today dl dd ul li span:first-child{background: #d34343;color: #fff !important;border-radius: 100px;padding: 5px 10px;margin-right: 10px;display: inline-block;}
#chief_doing div.today dl dd ul li span.white{color:#fff;display: none;}
#chief_doing div.today dl dd ul li span.end{padding: 2px 10px;margin-left:5px;background: #a9a9a9;border-radius:50px;text-align:center;color:#fff;font-weight: normal;font-size: 0.85em;}
#chief_doing div.today dl dd ul li span.ing{padding: 2px 10px;margin-left:5px;background:#0966da;border-radius:50px;text-align:center;color:#fff;font-weight: normal;font-size: 0.85em;}

.board_cal {margin-bottom:5px;}
.board_cal .btn.large{height:44px;}
.board_cal > div {overflow:hidden;background: #f9f9f9;text-align: center;}
.board_cal .txt {/* float:left; */line-height: 57px;}
.board_cal .txt span:before{display:inline-block; content:''; width:30px; height:27px; background:url('/images/content/ico_cal.png') no-repeat; vertical-align:middle; margin-right:10px;}
.board_cal .txt span.c_point {color:#004ea1;font-weight:bold;}
.board_cal .txt span.ico_cal{width: 45px;height: 42px;float: left;display: block;position: relative;top: 11px;background:url('/images/content/ico_cal.png') no-repeat;}
.board_cal fieldset {position:relative;display:inline-block;}
.board_cal select {padding:0px 15px 0px 8px; border:1px solid #ddd; -webkit-appearance:menulist;width: 230px;color:#666;line-height:28px;cursor: pointer;
background: #fff url('/images/common/ico_b_arr1.png') center right 8px no-repeat;-webkit-appearance: none;-moz-appearance: none;max-width: 100%;min-width: 90px;font-size:0.9em;height: 44px;}
.board_cal select.v2 {width:390px;}
.board_cal input[type="text"] {float:left;width:215px;height:44px;border:1px solid #ddd;background:#fff url('/images/common/bg_input.gif');padding-left:10px;}
.board_cal input[type="submit"] {float:left;width:44px;height:44px;display:inline-block;z-index:10;border:0;font-size:0;text-indent:-9999em;background:#3171da url('/images/common/btn_search.gif') no-repeat 50% 50%;cursor:pointer;}
.board_cal .selbox{margin-bottom:0px; position:relative;text-align: right;}

/* 반응형 */
@media all and (max-width:1024px){
  .month table tbody td a{min-height:60px;padding:5px;}
  .month table tbody td.day_end:before{content:"완료";width:30px;height:30px;line-height:30px;border-radius:30px;font-size: 0.6em;bottom: 5px;right: 5px;}
  .month table tbody td.day_chk:before{content:"예약";width:30px;height:30px; line-height:30px; border-radius:30px;font-size: 0.6em;bottom: 5px;right: 5px;}
  #chief_doing div.today dl dd ul li{width:100%;margin: 0;}
  #chief_doing div.today dl dd ul li span.white{/* display:inline-block; */}
  #chief_doing div.today dl{padding:5%}
  #chief_doing div.today dl dd ul li span{/* display:block; */margin-bottom: 15px;}
  #chief_doing div.today dl dd ul li span.tit{padding-bottom:20px;}
  #chief_doing div.today dl dd ul li span.end, #chief_doing div.today dl dd ul li span.ing{display:inline-block;}
  #chief_doing div.today dl dd ul li,#chief_doing div.today dl dd ul li:nth-child(2n){width:100%;}
}


@media (max-width: 480px){
.board_cal .txt{line-height: 3.5em;/* padding-bottom: 20px; */}
.board_cal .txt span:before{display:none;}
.board_cal .txt span.ico_cal{width: 25px;height: 22px;float: left; background:url('/images/content/ico_cal.png') no-repeat; background-size:20px; top:0px;}
.board_cal fieldset{display:block;}
.board_cal select{width:70%;float:left;}
.board_cal .btn.large{width:28%;float:right; text-align:center;}
}


/* 로그인 */
.loginArea{    margin: 7em auto !important;}
.adminContents2 {padding: 0px 20px;}