/* CSS Document */

/*#design .btn{cursor:pointer;
    background:#014fbb;
	color:#fff;
    border:0;
    white-space:nowrap;
    vertical-align:middle;
    touch-action:manipulation;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-image:none;
    border-radius:2px;
    line-height:1.42857143;
    font-size:13px;
    padding:3px 6px;
    display:inline-block;
}*/

/*#design .btn_s_org {cursor:pointer;
    background:#ff581c;
	color:#fff;
    border:0;
    white-space:nowrap;
    vertical-align:middle;
    touch-action:manipulation;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-image:none;
    border-radius:2px;
    line-height:1.42857143;
    font-size:13px;
    padding:4px 10px 5px;
    display:inline-block;
	font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';
}*/

  /*커리어*/
#career_wrap{width:100%;margin:0 auto;overflow:hidden;}
#career_wrap .top{width:100%;height:38px;border-bottom:1px solid #efefef;margin-bottom:30px;}
#career_wrap .top .top_right{width:1200px;margin:0 auto}
#career_wrap .top ul{float:right;}
#career_wrap .top ul li{list-style:none;float:left; margin-right:30px;line-height:38px;}
#career_wrap .top ul li a{text-decoration:none;color:#2d2d2d}
#career_wrap .top ul li:nth-child(2){margin-right:0px;}
#career_wrap .top ul li a:hover{color:#1d9fdb}

#career_wrap .career{width:1200px;margin:0 auto;}
#career_wrap .webposter{width:100%;margin:0 auto;display:block;}
#career_wrap .career_video{width:1200px;margin:0 auto;margin-bottom:30px;overflow:hidden;}
#career_wrap h2{font-size:20px;}
#career_wrap h2 span{font-weight:600px;color:#14a3db;}
#career_wrap h2{font-size:20px;}
#career_wrap h2 span{font-weight:600px;color:#14a3db;}
#career_wrap .career_video .video_left{width:550px;float:left;text-align:left;}
#career_wrap .career_video .video_right{width:550px; float:right;}
#career_wrap .career_video .video_middle{width:550px; margin:0px auto;}




#career_wrap  table *{list-style-type:none;color:#333}
#career_wrap  table{width:100%;border-collapse:collapse;border-top: 3px solid #333;margin-bottom:30px;}
#career_wrap  table caption{display:none}
#career_wrap  table thead th {font-size:18px}
#career_wrap table tbody td {font-size:14px;}
#career_wrap table thead th{padding:12px 10px;line-height: 1.2em;text-align:center;color:#000;border-left:1px solid #e7e7e7;border-right:none;border-bottom:1px solid #989898;background:#f2f2f2;font-size: 17px;}
#career_wrap table thead th:first-child{border-left:0}
#career_wrap table thead tr{background-color:#fff}
#career_wrap  table tbody th{font-size:15px;padding: 10px;text-align:center;color:#002747;border:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;font-weight: 400;}
#career_wrap table tbody td{font-size:14px;padding: 10px;text-align:center;border:1px solid #e2e2e2;border-bottom:1px solid #ccc}
#career_wrap table tbody td .line {color:#fff;}
#career_wrap table tbody td:first-child{border-left:0}
#career_wrap table tbody td:last-child{border-right:0}
#career_wrap table tbody th:first-child{border-left:0}
#career_wrap table tbody th:last-child{border-right:0;}
#career_wrap table tbody tr:first-child th,
#career_wrap table tbody tr:first-child td{border-top:1px solid #aaa;}


#career_wrap .button_wrap{display:block;margin-bottom:15px;}
#career_wrap .button01{text-decoration:none;padding:7px 55px;background-color:#0e526c;color:#fff;vertical-align:middle;border-radius:5px;display:block;width:120px;margin:0 auto;margin-bottom:5px;}
#career_wrap .button02{text-decoration:none;padding:7px 55px;background-color:#4a7512;color:#fff;vertical-align:middle;border-radius:5px;display:block;width:120px;margin:0 auto;margin-bottom:5px;}
#career_wrap .button03{text-decoration:none;padding:7px 55px;background-color:red;color:white;vertical-align:middle;border-radius:5px;display:block;width:60px;margin:0 auto;margin-bottom:5px;}
#career_wrap select {width: 330px;padding: 6px;border: 1px solid #d2d2d2;}


#career_wrap .career_submit{background-color:#000;color:#fff;margin-left:5px;padding:6px 10px;vertical-align:middle;}

#career_wrap .career_txt{font-size:30px;text-align:center;margin-bottom:20px;display:inline-block;}

#career_wrap .career_pro{float:right;width:75%;display:block;overflow:hidden;}
#career_wrap .career_btn{float:left;width:20%;display:block;overflow:hidden;}
#career_wrap .career_btn .career_box01{overflow:hidden;background:url(../img/career_box01.png) no-repeat bottom;background-size:65%;height:315px;}
#career_wrap .career_btn .career_box01 a{text-decoration:none;background-color:#1d9fdb;color:#fff;padding:5px 10px;border-radius:10px;display:block;text-align:center;}

#design .certifi_wrap * {padding:0; margin:0; border:0; font-size:14px;}
#design .certifi_wrap h2 {padding:0; margin:0; font-size:19px; padding:3px 0 16px 39px; color:#333; background:url(../img/h2_title.png) no-repeat left 0px;}
#design .certifi_wrap .t_login { margin-bottom:45px; padding-left:71px; position:relative;}
#design .certifi_wrap .t_login i {position:absolute; left:0; top:5px; border:1px solid #186993; border-radius:10px; width:54px; height:54px; line-height:53px !important; text-align:center; display:block; font-size:27px !important; color:#186993;}
#design .certifi_wrap .t_login p {font-size:17px; padding-bottom:8px;}
#design .certifi_wrap .t_login a {display:block; width:160px; line-height:23px;height:25px; border:1px solid #aaa;color:#666; font-weight:bold; border-radius:2px; text-align:center; font-size:13px;}
#design .certifi_wrap .certi_kind {overflow:hidden; padding:40px 10%; border-top:1px dashed #d2d2d2;}
#design .certifi_wrap .certi_kind .k_box {float:left; width:46%; margin:0 2%;background:#fff;}
#design .certifi_wrap .certi_kind .k_box .inner {height:250px; border:3px solid #888; padding:20px; transition: 0.3s;}
#design .certifi_wrap .certi_kind .k_box.n1 .inner {border:3px solid #80c439;}
#design .certifi_wrap .certi_kind .k_box.n2 .inner {border:3px solid #f7941d;}
#design .certifi_wrap .certi_kind .k_box.n3 .inner {border:3px solid #0da871;}
#design .certifi_wrap .certi_kind .k_box .inner:hover { box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.15);}
#design .certifi_wrap .k_box h4 {font-size:18px; padding-bottom:16px; font-weight:800;}
#design .certifi_wrap .k_box p {min-height:65px; padding-bottom:15px;}
#design .certifi_wrap .certi_kind .k_box.n3 p {margin-bottom:17px; border-bottom:1px dashed #e2e2e2;}
#design .certifi_wrap .k_box ul {padding-bottom:15px; margin-bottom:17px; border-bottom:1px dashed #e2e2e2;}
#design .certifi_wrap .k_box ul li {position:relative; overflow:hidden; padding-bottom:8px;}
#design .certifi_wrap .k_box ul li input {float:right;}
#design .certifi_wrap .k_box button { display:block; width:120px; border-radius:2px; border:1px solid #111; height:34px;line-height:32px; background:#333; color:#fff; text-align:center; margin:0 auto; cursor:pointer;}


/*리스트*/
#design ul.con01 {padding-bottom:30px;}
#design ul.con01 > li { padding:0 0 10px 28px; background:url(../img/list_bullet01.png) no-repeat 10px 6px; font-size:17px;font-weight:600;color:#575757;}
#design ul.con01 > li > strong { font-size:inherit; }
#design ul.con01 > li ul { padding: 2px 0 0 0;}
#design ul.con01 > li li { font-size:17px;font-weight:400;padding:2px 0 2px 14px;color:#575757;background:url(../img/list_bullet02.png) no-repeat left 12px;}
#design ul.con01 > li li > strong { font-size:15px; font-weight:normal;}
#design ul.con01 > li li li {font-size:15px;background:url(../img/list_bullet03.png) no-repeat left 12px;padding-left:11px; color:#575757; position:relative;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';}
#design ul.con01 li.b_none { background:none;padding-left: 18px;}
#design ul.con01 li.b_none span {font-size:inherit;}
#design ul.con01 > li.btn {background:none;}
#design ul.con01 > li.btn a { display:block; width:200px; line-height:38px; border:1px solid #bbb; border-top:2px solid #009893; color:#009893;border-bottom:1px solid #b2b2b2; border-radius:2px; text-align:center;box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.08);}
#design ul.con01 > li.btn02 a {color:#666; border-top:2px solid #666;}
#design ul.con01 span {font-size:inherit;}

#design .con02 > li {line-height: 1.2em;margin: 5px 0;padding-left: 10px;background: url(../img/con02_bullet.png) no-repeat 0 6px;letter-spacing: -0.2px;}

/**/
#design #ga_tab { text-align:center; padding-bottom:35px;}
#design #ga_tab li { display:inline; }
#design #ga_tab li a { display:inline-block; padding:4px 8px; border:1px solid #bbb; border-radius:2px;}
#design #ga_tab li a:hover {background:#888; border:1px solid #888; color:#fff;}
#design #ga_tab li.on a { color:#ff5521; background:#ff5521; border:1px solid #ff5521; color:#fff; font-weight:bold; }

/**/
#design .c_blue { color:#006dba; font-weight:bold; text-decoration:none !important;}
#design .c_yellow { color:#fff726;font-weight:bold;}
#design .c_orange { color:#ff6114;font-weight:bold;}
#design .c_green { color:#42a51f;font-weight:bold;}

/**/
#design .pro_btn {position:absolute;top: 0;left: 0;padding: 10px;font-size: 15px;line-height: 1.5em;border: 1px solid rgba(255,255,255,0.3);border-top: 0;border-left: 0;text-align:center;}
#design .pro_wrap {position: absolute;top: 0;left: 0;padding: 0;border-top: 0;border-left: 0;text-align: left;}
#design .pro_wrap .pro_btn {position: static;display: inline-block;vertical-align: top;height: 100%;}
#design .pro_wrap .pro_btn + .pro_btn {border-left: 1px solid rgba(255,255,255,0.3);}
#design .ing {background: #ec4b48;color:#fff;}
#design .end {background: #555;color:#fff;}
#design .end2 {background: #efefef;color: #666;border: 1px solid #d2d2d2;border-top: 0;border-left: 0;}
#design .full {background: #532b90;color:#fff;}
#design .pro_wrap .pro_btn.type {font-size: 15px;background-color: #1b1254;color: #fff;}
#design .pro_btn .deadline {/*display:block;*/display: inline-block;font-size: 17px;font-weight: 600;}
#design .pro_btn .hot {position:relative;z-index: 1;display:inline-block;margin-left: 5px;font-size: 14px;font-weight: 600;color:#ffe539;}
#design .pro_btn .hot::before {content: '';position:absolute;top: 50%;left: 50%;z-index: -1;margin: -10px 0 0 -10px;display:inline-block;width: 20px;height: 20px;background: rgba(0,0,0,0.3);border-radius: 20px;}

#design .pro_s_btn {position: static;display:inline-block;width: 58px;height: auto;padding: 4px 0;margin-right: 10px;font-size: 13px;line-height: 1.2em;font-weight: 400;border: 0;box-shadow: none;vertical-align:top;text-align:center;}

/*대학일자리플러스센터란*/
.about_txt {font-size:24px;font-weight:bold;text-align:center;padding:60px 10px 50px;}
.about_txt span {color:#ec4b48;}
.about_img {width:80%;margin:0 auto;padding:30px;border:1px solid #ccc;border-radius:10px;text-align:center;}
.about_img img {max-width:100%;}

/**/
#design .int_wp {padding: 30px;}
#design .int_wp .int_con + .int_con {margin-top: 50px;}
#design .int_wp h3 {padding: 3px 0 3px 40px;margin-bottom: 25px;font-size: 22px;font-weight: 600;color: #000;background-image: url(../img/bullet_int_h3.png);background-repeat: no-repeat;background-position: 0 2px;background-size: auto 28px;}
#design .int_wp p.txt {font-size: 17px;font-weight: 600;}
#design .int_wp ul.con02 > li {position: relative;z-index: 0;padding: 0 0 0 15px;margin: 0;font-size: 17px;font-weight: 400;background: none;}
#design .int_wp ul.con02 > li::before {content: '';position: absolute;top: 8px;left: 0;z-index: -1;width: 5px;height: 5px;background-color: #000;border-radius: 50%;}
#design .int_wp ul.con02 > li + li {margin-top: 10px;}
#design .int_wp .img > img {max-width: 100%;}

/*조직도*/
.org_img {padding-top:30px;text-align:center;}
.org_img img {max-width:100%;}

/*센터위치*/
.root_daum_roughmap {width: 100% !important;border-bottom:1px solid #ddd;}
.map_info {padding:50px 0;}
.map_info > ul {margin-top:20px;}
.map_info > ul > li {position:relative;font-size:17px;margin-bottom:10px;}
.map_info > ul > li > strong {display:inline-block;width:100px;padding:10px 0 10px 45px;border-radius:50px;color:#fff;}
.map_info > ul > li > strong.address {background:#0d4abe url(../img/map_icon_address.png) no-repeat 17px 50%;}
.map_info > ul > li > strong.tel {background:#0d4abe url(../img/map_icon_tel.png) no-repeat 17px 50%;}
.map_info > ul > li > span {display:inline-block;padding:10px 0 10px 15px;}
.bus_info > ul {margin-top:20px;}
.bus_info > ul > li {position:relative;font-size:17px;margin-bottom:10px;}
.bus_info > ul > li > strong {display:inline-block;width:170px;padding:10px 0;background:#4462a5;border-radius:50px;color:#fff;text-align:center;}
.bus_info > ul > li > span {display:inline-block;padding:10px 0 10px 15px;}


/*상단 공지사항*/
#design .top_notice {position:relative;padding: 10px;margin-bottom: 40px;border: 1px solid #ddd;}
#design .top_notice .notice_tit {width: 100%;font-size: 20px;text-align:center;font-weight: 600;color: #fff;text-align: center;}
#design .top_notice .notice_tit span {display:inline-block;padding: 10px 50px;font-size: 20px;background: #0d6ece;}
#design .top_notice .notice_tit span::before {content: '';display:inline-block;width: 30px;height: 30px;margin-right: 10px;background: url(../img/ico_notice.png) no-repeat 50%;background-size: auto 100%;vertical-align:middle;}
#design .top_notice ul {padding: 0 10px;}
#design .top_notice ul::after {content: '';display:block;clear:both;}
#design .top_notice ul li {position:relative;float:left;width: 23.5%;margin: 10px 1%;border: 3px solid #333;}
#design .top_notice ul li .notice {background: #00358e;color:#fff;border-left: 0;border-top: 0;}
#design .top_notice ul li:nth-child(4n-3) {margin-left: 0;}
#design .top_notice ul li:nth-child(4n) {margin-right: 0;}
#design .top_notice ul li .img {overflow: hidden;height: 160px;text-align:center;background: #f9f9f9;background: url(../img/nopopup.png) no-repeat 50% 0;background-size: auto 100%;}
#design .top_notice ul li .img img {width: 100%;height: auto;}
#design .top_notice ul li .con {padding: 20px;}
#design .top_notice ul li .con p.title {overflow:hidden;height: 2.6em;font-size: 19px;line-height: 1.3em;font-weight: 600;color:#000;}
#design .top_notice ul li .con p.title a {display:block;}
#design .top_notice ul li .con .date {margin-top: 15px;}
#design .top_notice ul li .con .date span {display:block;font-weight: 500;color:#f00000;}
#design .top_notice ul li .con .date .day {font-size: 16px;}
#design .top_notice ul li .con .date .time {font-size: 15px;}
#design .top_notice ul li > span.date {display: block;margin-top: 5px;font-size: 14px;color: #666;}

/*프로그램 - 리스트*/
#design .program_wrap {}
#design .program_wrap .program_top {overflow: hidden;}
#design .program_wrap .program_top > p {float: left;padding: 5px 0;font-size: 19px;font-weight: 600;}
#design .program_wrap .program_top form {float: right;}
#design .program_wrap .program_list form {float:none;}
#design .program_wrap .program_top form fieldset {padding: 0;border: 0;}
#design .program_wrap .program_top form select {width: 100px;padding: 6px;border: 1px solid #d2d2d2;}
#design .program_wrap .program_top form input {padding: 7px;vertical-align:top;border: 1px solid #d2d2d2;}
#design .program_wrap .program_top form input[type="text"] {width: 250px;letter-spacing: -0.4px;}
#design .program_wrap .program_top form input[type="submit"] {padding: 7px 10px;border: 0;color: #fff;font-size: 14px;background: #003879;}

#design .program_wrap .program_list {overflow: hidden;margin-top: 20px;background: #fff;}
#design .program_wrap .program_list a {display: block;}
/*#design .program_wrap .program_list > div > a:hover {background: url(../img/bg_liston.png) no-repeat 50%;background-size: 100% 100%;}*/
#design .program_wrap .program_list > div {position:relative;float: left;width: 32%;margin: 0 1% 20px;border: 1px solid #d2d2d2;box-sizing: border-box;}
#design .program_wrap .program_list > div:nth-child(3n-2) {margin-left: 0;}
#design .program_wrap .program_list > div:nth-child(3n) {margin-right: 0;}
#design .program_wrap .program_list > div .img {position:relative;height: 240px;background: #f9f9f9;text-align:center;}
#design .program_wrap .program_list > div .img > a {overflow: hidden;display:block;height: 100%;background: url(../img/nopopup.png) no-repeat 50%;background-size: auto 100%;}
#design .program_wrap .program_list > div .img img {width: 100%;height: auto;}
#design .program_wrap .program_list > div .img .mark {position:absolute;right: 15px;bottom: 15px;width: 25px;height: 25px;background: url(../img/ico_star.png) no-repeat 50%;background-size: auto 100%;}
#design .program_wrap .program_list > div .img .mark_on {padding: 1px;box-sizing: content-box;background: url(../img/ico_star_on.png) no-repeat 50%;background-size: auto 100%;}
#design .program_wrap .program_list > div .con {padding: 20px;}
#design .program_wrap .program_list > div .pro_field {display:none;margin-bottom: 15px;font-size: 17px;font-weight: 600;border-radius: 3px;color: #003879;}
#design .program_wrap .program_list .pro_title {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;height: 2.8em;margin-bottom: 10px;font-size: 20px;color:#000;font-weight: 600;line-height: 1.4em;}
#design .program_wrap .tag {overflow:hidden;height: 40px;margin: 5px 0 15px;}
#design .program_wrap .tag > span {display:inline-block;line-height: 20px;margin: 0 10px 0 0;color:#532b90;}
#design .program_wrap .program_info .tag {height: auto;margin: 20px 0;}
#design .program_wrap .program_list > div .con02 li {margin: 8px 0;}
#design .program_wrap .program_list > .program_con .first_date > span {display: block;line-height: 1.2em;margin: 5px 0;padding-left: 10px;margin: 8px 0;background: url(../img/con02_bullet.png) no-repeat 0 6px;letter-spacing: -0.2px;}
/*
#design .program_wrap .program_list > .con_first {float: none;clear: both;width: 100%;height: auto;margin: 0 0 10px;padding: 20px;border: 5px solid #4c78ea;}
#design .program_wrap .program_list > .con_first > div {padding: 12px 0 12px 130px;background: url(../img/program_01_icon.png) no-repeat 10px 50%;}
#design .program_wrap .program_list > .con_first .pro_title {display: block;height: 1.4em;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
#design .program_wrap .program_list > .con_first .first_date {padding-left: 55px;}
#design .program_wrap .program_list > .con_first .first_date > span {display: inline-block;padding: 0 13px;background: url(../img/program_01_bar.png) no-repeat 0 50%;}
#design .program_wrap .program_list > .con_first .first_date .period {padding: 0 10px 0 0;background: none;}
#design .program_wrap .program_list > .con_first .first_date .year {padding-right: 0;}
*/

#contain h4 {padding-bottom: 12px;font-size: 18px;font-weight: 600;color:#0033b4;}

/*프로그램 리스트 view페이지*/
#design .program_wrap .program_view {}
#design .program_wrap .program_view .program_top {}
#design .program_wrap .program_view .img {overflow: hidden;float:left;width: 48%;height: 460px;background: #fff url(../img/img_pro_noimg.jpg) no-repeat 50%;background-size: auto 100%;}
#design .program_wrap .program_view .img img {width:100%;height: auto;}
#design .program_wrap .program_view .program_info {float:left;width:52%;padding: 30px 30px 15px 2%;background: #fff;}
#design .program_wrap .program_view .program_info h2 {font-size:24px;font-weight:600;color:#000;}
#design .program_wrap .program_view .program_info p {font-size:15px;line-height:1.4em;color:#000;}
#design .program_wrap .program_view .program_info .program_team {padding: 15px 0 15px 38px;font-size:18px;font-weight:600;color:#083dc2;background: url(../img/icon_team.png) no-repeat 0 50%;}
#design .program_wrap .program_view .program_info .program_list {}
#design .program_wrap .program_view .program_info .program_list > li {padding-bottom: 10px;font-size:15px;color:#333;}
#design .program_wrap .program_view .program_info .program_list .detail04 {padding-bottom: 0;}
#design .program_wrap .program_view .program_info .program_list > li::before {content: '';display:inline-block;width:25px;height: 25px;margin-right: 10px;vertical-align:middle;}
#design .program_wrap .program_view .program_info .program_list .detail01::before {background: url(../img/pro_detail01.png) no-repeat 50% 50%;background-size: 100% auto;}
#design .program_wrap .program_view .program_info .program_list .detail02::before {background: url(../img/pro_detail02.png) no-repeat 50% 50%;background-size: 100% auto;}
#design .program_wrap .program_view .program_info .program_list .detail03::before {background: url(../img/pro_detail03.png) no-repeat 50% 50%;background-size: 100% auto;}
#design .program_wrap .program_view .program_info .program_list .detail04::before {background: url(../img/pro_detail04.png) no-repeat 50% 50%;background-size: auto 100%;}
#design .program_wrap .program_view .program_info .program_list > li .time_select {overflow-y:auto;height: 140px;margin: 10px 0 0 35px;padding: 18px 25px;border: 4px solid #ddd;}
#design .program_wrap .program_view .program_info .program_list > li .time_select ul li {padding: 7px 0;border-bottom: 1px dashed #ddd;}
#design .program_wrap .program_view .program_info .program_list > li .time_select ul li:last-child {border-bottom: 0;}
#design .program_wrap .program_view .program_info .program_list > li .time_select ul li label {font-size:15px;margin: 0 5px;color:#333;font-family: 'nanumSquare', 'Malgun Gothic', sans-serif;}
#design .program_wrap .program_view .program_info .program_list > li .time_select ul li .waitBtn {display:inline-block;margin-left: 10px;vertical-align: sub;}
#design .program_wrap .program_view .program_info .program_list > li .time_select ul li .waitBtn a {display:block;padding: 4px 10px;background: #184bb2;color: #fff;font-size: 14px;}
#design .program_wrap .program_view .btn_wrap {margin-top: 30px;}

/* 그래프 & 추천프로그램 */
#design .recom_program {position: relative;z-index: 0;margin-top: 50px;}
#design .recom_program::before {content: '';position: absolute;bottom: 0;right: 0;z-index: -1;width: 90%;height: 100%;background-color: #f0f7fe;}
#design .recom_program .graph_wrap {position: absolute;top: 0;left: 0;z-index: 1;display: table;width: 450px;height: 350px;background-color: #fff;text-align: center;box-shadow: 7px 7px 30px rgba(0,0,0,0.08);}
#design .recom_program .graph_wrap::after {content: '';position: absolute;top: 50%;right: -50px;z-index: 10;width: 65px;height: 240px;margin-top: -120px;background-image: url(../img/bg_tape.png);background-repeat: no-repeat;background-position: 50% 50%;}
#design .recom_program .graph_wrap > div {display: table-cell;width: 100%;vertical-align: middle;}
#design .recom_program .graph_wrap p.title {margin-bottom: 15px;font-size: 21px;font-weight: 600;color: #333;}
#design .recom_program .graph_wrap canvas {margin: 0 auto;}
#design .recom_program .graph_wrap .no_gh_btn a {width: 70%;height: 47px;padding: 0 20px;font-size: 17px;line-height: 47px;}
#design .recom_program .my_program {position: relative;padding-left: 450px;min-height: 350px;}
/*#design .recom_program .my_program::before {content: '';position: absolute;top: 50%;left: -15px;z-index: 10;width: 65px;height: 240px;margin-top: -120px;background-image: url(../img/bg_tape.png);background-repeat: no-repeat;background-position: 50% 50%;}*/
#design .recom_program .my_program p.title {padding: 18px 0 18px 80px;font-size: 32px;font-weight: 600;color: #333;background-color: #fff;font-family: 'nanumSquare', 'Noto Sans KR', 'Malgun Gothic', Dotum, sans-serif;}
#design .recom_program .my_program p.title strong {font-weight: 800;color: #004ac5;}
#design .recom_program .my_program ul.program_list {padding: 30px 30px 30px 80px;margin: 0;background-color: transparent;}
#design .recom_program .my_program ul.program_list > li {padding-left: 22px;background-image: url(../img/ico_check.png);background-repeat: no-repeat;background-position: 0 3px;font-size: 19px;font-weight: 600;}
#design .recom_program .my_program ul.program_list > li + li {margin-top: 26px;}
#design .recom_program .my_program ul.program_list > li a {overflow: hidden;display: block;font-size: 19px;font-weight: 600;color: #333;text-overflow: ellipsis;white-space: nowrap;}
#design .recom_program .my_program ul.program_list > li span.date {overflow: hidden;display: block;margin-top: 8px;font-size: 16px;font-weight: 600;color: #2f3775;text-overflow: ellipsis;white-space: nowrap;}

#design .program_wrap .program_view .program_bottom {position:relative;margin-top: 70px;}
#design .program_wrap .program_view .program_bottom > ul::after {content: '';display:block;clear:both;}
#design .program_wrap .program_view .program_bottom > ul > li {float:left;width:100%;}
#design .program_wrap .program_view .program_bottom > ul > li h3 {position:absolute;top: 0;left: 0;width: 50%;text-align:center;}
#design .program_wrap .program_view .program_bottom > ul > .tab02 h3 {left: 50%;}
#design .program_wrap .program_view .program_bottom > ul > li h3 a {display:block;padding: 14px 0;background: #f8f9fd;border-top:1px solid #ddd;border-bottom: 3px solid #333;font-size:19px;font-weight:600;color:#707070;}
#design .program_wrap .program_view .program_bottom > ul > li > div {display:none;padding-top: 85px;}
#design .program_wrap .program_view .program_bottom > ul > li.tab_on h3 a {padding: 14px 0 15px;border: 3px solid #333;border-bottom: 0;background: #fff;color:#000;}
#design .program_wrap .program_view .program_bottom > ul > li.tab_on > div {display: block;}
#design .program_wrap .program_view .program_bottom > ul > li .detail_cont {padding-top: 20px;border-top: 3px solid #000;}
#design .program_wrap .program_view .program_bottom > ul > li .detail_cont > img {margin: 20px 0;}
#design .program_wrap .program_view .program_bottom .detail_cont .add_file {position:relative;padding-left: 150px;min-height: 60px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
#design .program_wrap .program_view .program_bottom .detail_cont .add_file .title {position:absolute;top: 0;left: 0;width: 150px;padding: 20px 0;font-size: 17px;font-weight: 600;color:#000;}
#design .program_wrap .program_view .program_bottom .detail_cont .add_file ul {padding: 12px 0;text-align:left;}
#design .program_wrap .program_view .program_bottom .detail_cont .add_file ul li {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 8px 0;font-size:15px;color:#333;}
#design .program_wrap .program_view .program_bottom .detail_cont .add_file ul li::before {content: '';display:inline-block;width: 17px;height: 22px;margin-right: 7px;background: url(../img/icon_file.png) no-repeat 50%;background-size: 100% auto;vertical-align:middle;}
#design .program_wrap .program_view .program_bottom > ul > li .detail_cont img {max-width: 100%;}
/*
#design .program_wrap .program_view {border-top: 3px solid #003879;}
#design .program_wrap .program_view .pro_view_title {padding: 20px 0;font-size: 22px;text-align:center;background: #f9f9f9;font-weight: 600;border-bottom: 1px solid #ddd;}
#design .program_wrap .program_view .pro_view_title .team {padding-top: 8px;display:block;font-size: 17px;font-weight: 400;}
#design .program_wrap .program_view .pro_view_title .team > span {margin: 5px 0;padding: 2px 0 2px 37px;background: url(../img/team_icon.png) no-repeat 0 50%;}

#design .program_wrap .program_view .view_top {padding: 20px;}
#design .program_wrap .program_view .view_top ul {overflow: hidden;}
#design .program_wrap .program_view .view_top ul li {float: left;width: 50%;margin: 7px 0;color: #464646;}
#design .program_wrap .program_view .view_top ul li > .view_title {display:inline-block;width: 180px;padding-left: 20px;background: url(../img/pensil_icon.png) no-repeat 0 50%;color: #000;}
#design .program_wrap .program_view .view_top ul li.pro_date {width: 100%;}
#design .program_wrap .program_view .view_top ul li.pro_goal {width: 100%;}
#design .program_wrap .program_view .view_top ul li.pro_date .view_date {display: inline-block;vertical-align: top;}
#design .program_wrap .program_view .view_top ul li.pro_date input {vertical-align: text-top;margin-right: 5px;}
#design .program_wrap .program_view .view_top ul li.pro_date input[type="radio"] {border: 1px solid #999}
#design .program_wrap .program_view .view_top ul li .top_con {display:inline-block;padding-left: 20px;}
#design .program_wrap .program_view .view_top ul li .top_con .num {color: #ec4b48;}

#design .program_wrap .program_view .view_con {min-height: 300px;padding: 20px;border-top: 1px solid #d2d2d2;}

#design .program_wrap .btn_wrap {text-align: center;}
#design .program_wrap .btn {display:inline-block;padding: 5px 20px;font-size: 15px;font-weight: 400;}*/

/*대기자접수 - tab*/
#design .mypage .tab_title {position:relative;margin: 20px 0 0;}
#design .mypage .tab_title > ul::after {content: '';display:block;clear:both;}
#design .mypage .tab_title > ul > li {float:left;width: 50%;text-align:center;}
#design .mypage .tab_title > ul > li h3 a {display:block;padding: 14px 0;background: #f8f9fd;border-top:1px solid #ddd;border-bottom: 3px solid #333;font-size:19px;font-weight:600;color:#707070;}
#design .mypage .tab_title > ul > li.tab_on h3 a {padding: 14px 0 15px;border: 3px solid #333;border-bottom: 0;background: #fff;color:#000;}
#design .mypage .tab_cont {display:none;}
#design .mypage .tab_active {display:block;}

/*역량진단 - tab*/
#design .ex_wrap .tab_title {position:relative;margin: 20px 0 0;}
#design .diag .ex_wrap .tab_title {margin-bottom: 0;}
#design .ex_wrap .tab_title > ul::after {content: '';display:block;clear:both;}
#design .ex_wrap .tab_title > ul > li {float:left;width: 33.33333%;text-align:center;}
#design .ex_wrap .tab_title > ul.dv2 > li {float:left;width: 50%;text-align:center;}
#design .ex_wrap .tab_title > ul > li h3 a {display:block;padding: 14px 0;background: #f8f9fd;border-top:1px solid #ddd;border-bottom: 3px solid #333;font-size:19px;font-weight:600;color:#707070;transition: none;}
#design .ex_wrap .tab_title > ul > li.tab_on h3 a {padding: 14px 0 15px;border: 3px solid #333;border-bottom: 0;background: #fff;color:#000;}
#design .ex_wrap .tab_cont {display:none;}
#design .ex_wrap .tab_active {display:block;}

/*프로그램 신청 - form*/
#contain .pro_form_wrap {max-width: 1160px;margin: 0 auto;padding: 50px 0;}
#contain .pro_form_wrap .register_title {padding-left: 30px;font-size: 20px;font-weight: 600;color:#000;margin-bottom: 15px;background: url(../img/check_icon.png) no-repeat 0 50%;}
#contain .pro_form_wrap fieldset {border: 0;border-top: 3px solid #003879;padding: 0;font-family: 'Malgun Gothic', '맑은 고딕', Dotum, '돋움', sans-serif;letter-spacing: -1px;}
#contain .pro_form_wrap fieldset dl {position:relative;overflow: hidden;margin: 0;border-bottom: 1px solid #ddd;}
#contain .pro_form_wrap fieldset dl dt {position:absolute;top: 0;left: 0;width: 150px;padding: 12px 0;background: #f2f6ff;text-align:center;color: #003879;font-weight: 600;}
#contain .pro_form_wrap label {position:static;top: auto;left: auto;}
#contain .pro_form_wrap fieldset dl dd {float: left;width: 100%;padding: 10px 0 10px 170px;margin: 0;background: #fff;box-sizing: border-box;}
#contain .pro_form_wrap fieldset dl dd input[type="text"] {padding: 3px;width: 50%;}
#contain .pro_form_wrap fieldset input[type="checkbox"] {vertical-align: text-bottom;}
#contain .pro_form_wrap .agree_wrap {margin-top: 20px;}
#contain .pro_form_wrap .agree_wrap .agree {overflow-y: auto;height: 200px;margin-bottom: 10px;padding: 20px;border: 1px solid #ddd;}
#contain .pro_form_wrap .btn_wrap {margin-top: 15px;}

/***** 역량진단 *****/
#design .exam .consult_wrap {padding-top: 60px;}
#design .diag .consult_wrap {padding-top: 60px;}
#design .ex_wrap {background: #fff;}
#design .ex_wrap .test_top_title {padding: 50px 0 45px;text-align: center;font-size: 30px;font-weight: 600;color: #0032a4;}
#design .ex_wrap .ex_con {padding-top: 65px;}
#design .ex_wrap .ex_con.first {padding-top: 0;}
#design .ex_wrap p {line-height: 1.5em;}
#design .ex_wrap p .imp {font-weight: 800;color: #0105a7;}
#design .ex_wrap .line {display: block;}

#design .ex_wrap .ex_top {text-align: center;/*padding-top: 60px;*/}
#design .ex_wrap .ex_top p {text-align: center;font-size: 19px;font-weight: 600;color: #333;}
#design .ex_wrap .ex_top .img {padding: 40px 0 0;text-align: center;}
#design .ex_wrap .ex_con .img {padding: 20px 0 0;text-align: center;}
#design .ex_wrap .ex_con .ex_m {display: none;}
#design .ex_wrap .ex_dl {overflow: hidden;margin-bottom: 10px;}
#design .ex_wrap .ex_dl dt {float: left;width: 50px;font-size: 20px;font-weight: 600;color: #00387a;}
#design .ex_wrap .ex_dl dd {float: left;width: calc(100% - 50px);margin-top: 3px;font-size: 17px;color: #333;}

#design .ex_wrap p.ex_title {position: relative;z-index: 0;padding-top: 12px;padding-bottom: 15px;font-size: 26px;font-weight: 600;color: #000;text-align: center;}
#design .ex_wrap p.ex_title::before {content: '';position: absolute;top: 0;left: 0;z-index: -1;display: block;width: 100%;height: 30px;background: url(../img/ex_title.png) no-repeat 50% 0;background-size: auto 30px;}

#design .ex_con p.ex_title {position: relative;z-index: 0;padding-top: 12px;padding-bottom: 15px;font-size: 26px;font-weight: 600;color: #000;text-align: center;}
#design .ex_con p.ex_title::before {content: '';position: absolute;top: 0;left: 0;z-index: -1;display: block;width: 100%;height: 30px;background: url(../img/ex_title.png) no-repeat 50% 0;background-size: auto 30px;}

#design .ex_con .th_wrap {padding-top: 20px;}
#design .ex_con .th_wrap td {height: 54px !important;}
#design .ex_con .th_wrap td.red {color: #ec4b48 !important;font-weight: 600;}
#design .ex_con .th_wrap td a.btn {padding: 8px 12px 8px 10px;vertical-align: middle;}
#design .ex_con .btn_wrap {margin-top: 40px;}
#design .ex_con .btn_big {display: inline-block;min-width: 320px;padding: 0 20px;text-align: center;color: #fff;font-size: 18px;font-weight: 600;line-height: 58px;letter-spacing: -0.4px;}
#design .ex_con .btn_big.btn_navy::before {content: '';display: inline-block;width: 20px;height: 22px;margin-right: 15px;background: url(../img/ex_btn.png) no-repeat 50%;background-size: auto 100%;vertical-align: middle;}

/*결과*/
#design .ex_con .ex_result {position: relative;padding-top: 50px;}
#design .ex_con .ex_result p.res_title {position: absolute;top: 0;left: 0;min-width: 230px;text-align: center;font-size: 20px;font-weight: 600;line-height: 50px;background: #0032a4;color: #fff;text-indent: 10px;}
#design .ex_con .ex_result p.res_title::after {content: '';position: absolute;top: 0;right: -20px;width: 20px;height: 50px;background: url(../img/res_title_bg.png) no-repeat 50% 0;}
#design .ex_con .ex_result div.ov {border: 5px solid #0032a4;padding: 30px;overflow: hidden;}
#design .ex_con .ex_result div.ov .left {float: left;width: 49%;}
#design .ex_con .ex_result div.ov .right {float: right;width: 49%;}
#design .ex_wrap #canvas {margin-top: 10px;max-width: 100% !important;}

/* 인트로 */
#design .ex_con.ex_intro {padding-top: 320px;margin-top: 65px;background: url(../img/ico_exam_select.png) no-repeat 50% 0 / auto 300px;}
#design .ex_con.ex_intro::after {content: '';display: block;clear: both;}
#design .ex_con.ex_intro > div.ex_select {float: left;width: 50%;padding: 0 20px;box-sizing: border-box;}
#design .ex_con.ex_intro > div.ex_select.ex_regular {padding-left: 0;}
#design .ex_con.ex_intro > div.ex_select.ex_susi {padding-right: 0;}
#design .ex_con.ex_intro > div.ex_select > div {position: relative;min-height: 280px;padding: 25px 25px 70px;border: 10px solid #eee;text-align: center;}
#design .ex_con.ex_intro > div.ex_select:hover > div {border-color: #b6e6ff;transition: all 0.5s;}
#design .ex_con.ex_intro > div.ex_select > div p {font-size: 17px;font-weight: 400;color: #454545;}
#design .ex_con.ex_intro > div.ex_select > div p.title {margin-bottom: 15px;font-size: 26px;font-weight: 600;color: #333;}
#design .ex_con.ex_intro > div.ex_select > div p.sub_title {margin-bottom: 8px;font-size: 20px;font-weight: 600;color: #0032a4;}
#design .ex_con.ex_intro > div.ex_select > div .period {display: inline-block;padding: 10px 20px;font-size: 20px;font-weight: 600;background-color: #f2f2f2;border-radius: 10px;}
#design .ex_con.ex_intro > div.ex_select > div .period span {display: inline-block;margin-left: 10px;font-size: inherit;color: #ec4b48;}
/*design .ex_con.ex_intro > div.ex_select > div.btn_wrap a.more {position: absolute;bottom: 25px;left: 25%;width: 50%;margin-top: 30px;padding: 12px 20px;background-color: #0032a4;font-size: 17px;font-weight: 400;color: #fff;}*/
#design .ex_con.ex_intro div.btn_wrap {position: absolute;bottom: 25px;left: 0;width: 100%;text-align: center;margin-top: 30px;}
#design .ex_con.ex_intro div.btn_wrap a.more {display: inline-block;width: 40%;margin-top: 30px;padding: 14px 20px;font-size: 17px;font-weight: 400;}
#design .ex_con.ex_intro div.btn_wrap a.more.ing {background-color: #0032a4;color: #fff;}
#design .ex_con.ex_intro div.btn_wrap a.more.end {background-color: #333;color: #fff;}
#design .ex_con.ex_intro div.btn_wrap a.more.res_more {padding: 12px 18px;background-color: #fff;border: 2px solid #333;color: #333;}

/***** 상담 *****/
/*자가진단검사 문진항목*/
.wp5 {width: 5% !important;}
.wp7 {width: 7% !important;}
#design .check_title {padding-left: 30px !important;font-size: 20px !important;font-weight: 600;color:#000 !important;margin-bottom: 15px !important;background: url(../img/check_icon.png) no-repeat 0 50%;}
#design .consult_wrap table thead th {word-break: keep-all;}

/*상담신청*/
#design .consult {padding-top: 50px;background: #fff;}
#design .consult_wrap .line {display: block;}
#design .consult_wrap .consult_title {font-size: 20px;color:#333;font-weight: 600;text-align:center;letter-spacing: -0.5px;}
#design .consult_wrap .consult_title span {font-size: 28px;font-weight: 800;color:#061cc1;}

#design .consult_wrap .consult_arrow {margin-top: 40px;}
#design .consult_wrap .consult_arrow::after {content: '';display:block;clear:both;}
#design .consult_wrap .consult_arrow > li {position:relative;float:left;width: 33.33333%;text-align:center;}
#design .consult_wrap .consult_arrow > li > div > p {font-size: 18px;font-weight: 600;color:#333;}
#design .consult_wrap .consult_arrow > li > div > p span {margin-top: 5px;font-size: 15px;font-weight: 400;}
#design .consult_wrap .consult_arrow > li .consult_on p {color:#000;}
#design .consult_wrap .consult_arrow > li .step {font-size: 25px;font-weight: 700;color:#ccc;text-transform: uppercase;}
#design .consult_wrap .consult_arrow > li .consult_on .step {font-size: 25px;font-weight: 700;color:#0048c0;text-transform: uppercase;}
#design .consult_wrap .consult_arrow > li .icon {width: 140px;height: 140px;margin: 15px auto;border: 5px solid #ddd;border-radius: 160px;}
#design .consult_wrap .consult_arrow > li .consult_on .icon {border: 5px solid #0048c0;}
#design .consult_wrap .consult_arrow > li.consult_01 .icon {background: url(../img/ico_step1_off.png) no-repeat 50%;background-size: auto 45%;}
#design .consult_wrap .consult_arrow > li.consult_01 .consult_on .icon {background: url(../img/ico_step1_on.png) no-repeat 50%;background-size: auto 45%;}
#design .consult_wrap .consult_arrow > li.consult_02 .icon {background: url(../img/ico_step2_off.png) no-repeat 50%;background-size: auto 45%;}
#design .consult_wrap .consult_arrow > li.consult_02 .consult_on .icon {background: url(../img/ico_step2_on.png) no-repeat 50%;background-size: auto 45%;}
#design .consult_wrap .consult_arrow > li.consult_03 .icon {background: url(../img/ico_step3_off.png) no-repeat 50%;background-size: auto 45%;}
#design .consult_wrap .consult_arrow > li.consult_03 .consult_on .icon {background: url(../img/ico_step3_on.png) no-repeat 50%;background-size: auto 45%;}
#design .consult_wrap .consult_arrow > li.consult_04 .icon {background: url(../img/ico_step4_off.png) no-repeat 50%;background-size: auto 45%;}
#design .consult_wrap .consult_arrow > li.consult_04 .consult_on .icon {background: url(../img/ico_step4_on.png) no-repeat 50%;background-size: auto 45%;}
#design .consult_wrap .consult_arrow .arrow_icon {position:absolute;top: 50%;right: 0;width: 50px;height: 32px;margin: -16px -25px 0 0;background: url(../img/ico_dot_arrow.png) no-repeat 50%;background-size: auto 100%;}

#design .consult_wrap .consult_list {overflow: hidden;margin-top: 40px;}
#design .consult_wrap .consult_list .consult_con {float: left;width: 32%;margin: 10px 1%;padding: 20px;border: 1px solid #d2d2d2;box-sizing: border-box;text-align:center;}
#design .consult_wrap .consult_list dl:nth-child(3n-2) {margin-left: 0;}
#design .consult_wrap .consult_list dl:nth-child(3n) {margin-right: 0;}
#design .consult_wrap .consult_list dl dt {height: 150px;}
#design .consult_wrap .consult_list dl dt img {width: auto;height: 100%;}
#design .consult_wrap .consult_list dl dd {text-align:left;font-size: 15px;}
#design .consult_wrap .consult_list dl dd .name {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 24px;color:#000;font-weight: 600;letter-spacing: -1px;margin: 10px 0 15px;text-align:center;}
#design .consult_wrap .consult_list dl dd ul li {margin: 10px 0;color: #545454;}
#design .consult_wrap .consult_list dl dd ul li span.tit {display: inline-block;width: 25%;color: #000}
#design .consult_wrap .btn_wrap {text-align:center;margin-top: 30px;}
#design .consult_wrap .consult_con .btn_wrap {margin-top: 20px;}

/*심리상담_form*/
#design .consult_wrap p.top_title {padding: 10px 0 30px;text-align:center;font-size: 32px;font-weight: 600;color:#000;}
#design .consult_wrap label {position:static;top:auto;left: auto;}
#design .consult_wrap input[type="text"] {padding: 3px !important;width: 100%;box-sizing: border-box;border: 1px solid #d2d2d2;}
#design .consult_wrap .dib {display: inline-block;margin: 0 5px !important;}
#design .consult_wrap input[type="checkbox"] {margin: 0 5px !important;}
#design .consult_wrap textarea {width: 100%;padding: 10px !important;box-sizing: border-box;border: 1px solid #d2d2d2;}
#design .consult_wrap select {width: 100px;border: 1px solid #d2d2d2 !important;padding: 3px !important;margin-right: 5px !important;box-sizing: border-box;}
#design .consult_wrap input.datePickerConsulting {width: 50%;border: 1px solid #d2d2d2;text-align:center;}

#contain .consult_wrap .agree_wrap {margin-bottom: 30px;}
#contain .consult_wrap .agree_wrap p {font-size: 16px !important;}
#contain .consult_wrap .agree_wrap .a_tit {font-size: 18px !important;font-weight: 600;color:#000;line-height: 1em;margin-bottom: 10px;padding-left: 15px;background: url(../img/cal_next_on.png) no-repeat 0 50%;background-size: 12px auto;}
#contain .consult_wrap .agree_wrap .agree {overflow-y: auto;margin-bottom: 10px;padding: 20px;border: 1px solid #ddd;}
#contain .consult_wrap .agree_wrap .agree_check {overflow: hidden;}
#contain .consult_wrap .agree_wrap .agree_check .a_check_txt {float:left;font-size: 17px;}
#contain .consult_wrap .agree_wrap .agree_check .a_check_txt::before {content: "☞";margin-right: 5px;font-size: 22px;line-height: 1em;vertical-align: text-top;}
#contain .consult_wrap .agree_wrap .agree_check .a_checkbox {float:right;}
#contain .consult_wrap .agree_wrap .agree_check .a_checkbox label {font-size: 16px;line-height: 1em;}
#contain .consult_wrap .agree_wrap .agree_check .a_checkbox input[type="radio"] {line-height: 1em;vertical-align:text-top;}
#design .consult_wrap input[type="radio"] + label::before {display: none;}

#contain .consult_wrap .agree_wrap table {margin-bottom: 10px;}
#contain .consult_wrap .agree_wrap table th {padding: 12px 10px;font-size: 17px;border-right: 1px solid #d2d2d2;}
#contain .consult_wrap .agree_wrap table td {padding: 10px;font-size: 17px !important;}
#contain .consult_wrap .agree_wrap table .agree_imp {text-decoration: underline;font-size: 19px !important;font-weight: 600;color:#003879 !important;}

/********** 진로 및 취업상담 **********/

.info_title {padding: 4px 0 4px 30px;font-size: 18px !important;font-weight: 600;color:#333;background: url(../img/ico_consult_info.png) no-repeat 0;background-size: auto 28px;}
.register_title {padding: 4px 0 4px 40px;font-size: 18px !important;font-weight: 600;color:#333;background: url(../img/ico_consult_register.png) no-repeat 0;background-size: auto 25px;}

/* 신청완료 */
#design .consult_wrap .consult_register {margin-top: 40px;padding: 30px;border: 5px solid #e8e8e8;border-radius: 20px;overflow: hidden;}
#design .consult_wrap .consult_register .register_info {float: left;width: 48%;margin: 0 2% 0 0;}
#design .consult_wrap .consult_register .register_wrap {float: left;width: 48%;margin: 0 0 0 2%;}
#design .consult_wrap .consult_register .th_wrap {margin-top: 10px;}
#design .consult_wrap .consult_register .th_wrap th {background: #f9f9f9 !important;color: #000;font-weight: 600;}
#design .consult_wrap .consult_register .th_wrap tbody th {font-size: 15px;letter-spacing: -1px;}
#design .consult_wrap .consult_register .th_wrap table td {padding: 12px !important;letter-spacing: -0.4px;}
#design .consult_wrap .consult_register .th_wrap table td span {display:inline-block !important;padding: 4px 12px !important;color: #696969 !important;}
#design .consult_wrap .consult_register .th_wrap table td a {display:inline-block !important;padding: 0 !important;color: #696969 !important;}
#design .consult_wrap .consult_register .th_wrap .deadline {background: #555;color: #fff !important;}
#design .consult_wrap .consult_register .th_wrap .login_yet {padding: 5px 15px !important;border: 1px dashed #b0b0b0 !important;color: #757575 !important;}
#design .consult_wrap .consult_register .th_wrap .possible {background: #003879;color: #fff !important;}
#design .consult_wrap .consult_register .th_wrap .possible > a {color: #fff !important;}
#design .consult_wrap .consult_register .th_wrap .complete {background: #ec4b48 !important;color: #fff !important;}

/* 진로 및 취업상담 - 달력 */
#design .consult .calendar {margin-top: 50px;}
#design .consult .calendar .job_top {overflow: hidden;margin-bottom: 10px;}
#design .consult .calendar .job_top .job_date {float:left;font-size: 19px;font-weight: 600;padding: 7px 0 7px 50px;background: url(../img/ico_calendar.png) no-repeat 0 50%;background-size: auto  35px;}
#design .consult .calendar .job_top .job_date span {font-size: 22px;color: #ec4b48;}
#design .consult .calendar .job_top form {float:right;padding: 7px 0;}
#design .consult .calendar .job_top form select {padding: 4px;border: 1px solid #d2d2d2;}
#design .consult .calendar .calendar_present {padding: 20px 0 !important;font-weight: 500;text-align:center;font-size: 16px;background: #f9f9f9 !important;}
#design .consult .calendar .calendar_present .month {font-weight: 600;font-size: 32px !important;color: #ec4b48 !important;}
#design .consult .calendar .calendar_present .prev {display: inline-block;overflow:hidden;width: 20px;height: 19px;margin-right: 40px !important;background: url(../img/cal_prev_off.png) no-repeat 50%;text-indent: -9999px;}
#design .consult .calendar .calendar_present .prev:hover {background: url(../img/cal_prev_on.png) no-repeat 50%;}
#design .consult .calendar .calendar_present .next {display: inline-block;overflow:hidden;width: 20px;height: 19px;margin-left: 40px !important;background: url(../img/cal_next_off.png) no-repeat 50%;text-indent: -9999px;}
#design .consult .calendar .calendar_present .next:hover {background: url(../img/cal_next_on.png) no-repeat 50%;}
#design .consult .calendar .dv7 td {width: 14.285% !important;}
#design .consult .calendar table tbody td a {display:block;text-align: left;font-size: 14px !important;}
#design .consult .calendar table tbody td {position: relative;padding: 30px 8px 8px !important;height: 100px;}
#design .consult .calendar table tbody td .day {position:absolute;top: 8px;left: 8px;}
#design .consult .calendar table tbody td .day .sat a {color: #0011f2 !important;}
#design .consult .calendar table tbody td .day .sun a {color: #f20000 !important;}
#design .consult .calendar .p_no {display:none;}
#design .consult .calendar table tbody td .con a {display: block;padding: 7px 0;box-sizing: border-box;border-bottom: 3px double #ccc;}
#design .consult .calendar table tbody td .con a:last-child {border-bottom: 0;}

/********** 마이페이지 **********/
#design .mypage {padding: 0 10px;background: #fff;}

/*마이페이지 - 리스트*/
#design .mypage_wrap {padding: 0 10px;}
/*#design .mypage_wrap .mypage_top {overflow: hidden;padding-bottom: 15px;border-bottom: 2px solid #333;}
#design .mypage_wrap .mypage_top > p {float: left;padding: 5px 0;}
#design .mypage_wrap .mypage_top form {float: right;}
#design .mypage_wrap .mypage_top form fieldset {padding: 0;border: 0;}
#design .mypage_wrap .mypage_top form select {width: 100px;padding: 6px;border: 1px solid #d2d2d2;}
#design .mypage_wrap .mypage_top form input {padding: 7px;vertical-align:top;}
#design .mypage_wrap .mypage_top form input[type="text"] {width: 220px;letter-spacing: -0.4px;border: 1px solid #ddd;}
#design .mypage_wrap .mypage_top form input[type="submit"] {padding: 7px 10px;border: 0;color: #fff;font-size: 14px;background: #003879;}*/

#design .mypage_wrap {}
#design .mypage_wrap .mypage_top {overflow: hidden;padding-top: 40px;}
#design .mypage_wrap .mypage_top > p {float: left;padding: 5px 0;font-size: 19px;font-weight: 600;}
#design .mypage_wrap .mypage_top form {float: right;}
#design .mypage_wrap .mypage_list form {float:none;}
#design .mypage_wrap .mypage_top form fieldset {padding: 0;border: 0;}
#design .mypage_wrap .mypage_top form select {width: 100px;padding: 6px;border: 1px solid #d2d2d2;}
#design .mypage_wrap .mypage_top form input {padding: 7px;vertical-align:top;border: 1px solid #d2d2d2;}
#design .mypage_wrap .mypage_top form input[type="text"] {width: 250px;letter-spacing: -0.4px;}
#design .mypage_wrap .mypage_top form input[type="submit"] {padding: 7px 10px;border: 0;color: #fff;font-size: 14px;background: #003879;}

/*
#design .mypage_wrap .mypage_list {margin-top: 20px;}
#design .mypage_wrap .mypage_list a {display: block;}
#design .mypage_wrap .mypage_list > div {overflow: hidden;width: 100%;margin: 10px 0;padding: 30px;border: 1px solid #d2d2d2;box-sizing: border-box;border-top: 5px solid #003879;}
#design .mypage_wrap .mypage_list > div:nth-child(3n-2) {margin-left: 0;}
#design .mypage_wrap .mypage_list > div:nth-child(3n) {margin-right: 0;}
#design .mypage_wrap .mypage_list > div .my_progress {display: block;margin-bottom: 15px;}
#design .mypage_wrap .mypage_list > div .my_progress > span {display:inline-block;font-size: 15px;border-radius: 3px;border: 1px solid #cecece;}
#design .mypage_wrap .mypage_list > div .my_title {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 10px;font-size: 20px;color:#000;font-weight: 600;line-height: 1.4em;}
#design .mypage_wrap .mypage_list > div .black_tit {font-size: 18px !important;}
#design .mypage_wrap .mypage_list > div .my_title .pro_btn {display:inline-block;padding: 4px 5px;margin-right: 10px;font-size: 13px;line-height: 1em;font-weight: 400;color:#fff;border-radius: 10px;vertical-align:middle;}
#design .mypage_wrap .mypage_list > div .my_title .ing {background: #ec4b48;}
#design .mypage_wrap .mypage_list > div .my_title .end {background: #555;}
#design .mypage_wrap .mypage_list > div .my_title .end2 {background: #efefef;color: #666 !important;border: 1px solid #d2d2d2;box-sizing: border-box;}
#design .mypage_wrap .mypage_list > div .my_title .full {background: #532b90;}
#design .mypage_wrap .mypage_list > div .con02 {padding: 5px 0 0;}
#design .mypage_wrap .mypage_list > div .con02 li {margin: 8px 0;color: #757575;}
#design .mypage_wrap .mypage_list > div .con02 li .date {padding-left: 20px;vertical-align: middle;color: #000;font-weight: 500;}
#design .mypage_wrap .mypage_list > div .con02 .personal_info > span {display:inline-block;padding: 0 10px 0 15px;background: url(../img/program_01_bar.png) no-repeat 0 50%;}
#design .mypage_wrap .mypage_list > div .con02 .personal_info > span:first-child {padding-left: 0;background: none;}
#design .mypage_wrap .mypage_list .black_con > li {font-size: 17px;}
#design .mypage_wrap .mypage_list .black_con > li span {font-size: 17px !important;}
#design .mypage_wrap .mypage_list .mypage_con > a {float: left;}
#design .mypage_wrap .mypage_list .blacklist_reason {background: #f7f7f7;padding: 20px;margin-top: 15px;border: 1px solid #d2d2d2;}
#design .mypage_wrap .mypage_list .btn_wrap {float: right;margin-top: 10px;}
*/
#design .mypage_wrap .mypage_list {overflow: hidden;margin-top: 20px;background: #fff;}
#design .mypage_wrap .mypage_list a {display: block;}
#design .mypage_wrap .mypage_list > div .my_title {overflow: hidden;height: 2.8em;margin-bottom: 20px;font-size: 20px;color:#000;font-weight: 600;line-height: 1.4em;text-align:center;}
#design .mypage_wrap .mypage_list > div .my_title .pro_btn {display:inline-block;padding: 4px 5px;margin-right: 10px;font-size: 13px;line-height: 1em;font-weight: 400;color:#fff;border-radius: 10px;vertical-align:middle;}
#design .mypage_wrap .mypage_list > div .my_title .ing {background: #ec4b48;}
#design .mypage_wrap .mypage_list > div .my_title .end {background: #555;}
#design .mypage_wrap .mypage_list > div .my_title .end2 {background: #efefef;color: #666 !important;border: 1px solid #d2d2d2;box-sizing: border-box;}
#design .mypage_wrap .mypage_list > div .my_title .full {background: #532b90;}
/*#design .mypage_wrap .mypage_list > div > a:hover {background: url(../img/bg_liston.png) no-repeat 50%;background-size: 100% 100%;}*/
#design .mypage_wrap .mypage_list > div {position:relative;float: left;width: 32%;margin: 10px 1%;border: 1px solid #d2d2d2;box-sizing: border-box;}
#design .mypage_wrap .mypage_list > div:nth-child(3n-2) {margin-left: 0;}
#design .mypage_wrap .mypage_list > div:nth-child(3n) {margin-right: 0;}
#design .mypage_wrap .mypage_list > div .img {position:relative;height: 180px;background: #f9f9f9;text-align:center;}
#design .mypage_wrap .mypage_list > div .img > a {display:block;height: 100%;}
#design .mypage_wrap .mypage_list > div .img img {width: auto;height: 100%;}
#design .mypage_wrap .mypage_list > div .img .mark {position:absolute;right: 15px;bottom: 15px;width: 25px;height: 25px;background: url(../img/ico_star.png) no-repeat 50%;background-size: auto 100%;}
#design .mypage_wrap .mypage_list > div .img .mark_on {padding: 1px;box-sizing: content-box;background: url(../img/ico_star_on.png) no-repeat 50%;background-size: auto 100%;}
#design .mypage_wrap .mypage_list > div .con {padding: 20px;}
#design .mypage_wrap .mypage_list > div .pro_field {display:none;margin-bottom: 15px;font-size: 17px;font-weight: 600;border-radius: 3px;color: #003879;}
#design .mypage_wrap .mypage_list .pro_title {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;height: 2.8em;margin-bottom: 10px;font-size: 20px;color:#000;font-weight: 600;line-height: 1.4em;}
#design .mypage_wrap .mypage_list > div .con02 li {margin: 8px 0;font-size: 15px;}
#design .mypage_wrap .mypage_list > .program_con .first_date > span {display: block;line-height: 1.2em;margin: 5px 0;padding-left: 10px;margin: 8px 0;background: url(../img/con02_bullet.png) no-repeat 0 6px;letter-spacing: -0.2px;}

#design .mypage .mypage_list .wait_con {padding: 20px;border-top: 5px solid #00387a;}
#design .mypage .mypage_list .wait_con p.my_number {padding: 8px 0;text-align:center;font-size: 25px;font-weight: 600;color:#121212;}
#design .mypage .mypage_list .wait_con p.my_number span {font-size: 26px;font-weight: 700;color:#f00000;}
#design .mypage .mypage_list .wait_con .btn_wrap {margin-top: 15px;}
#design .mypage_wrap .mypage_list .wait_con .con02 li span.date {display:block;margin-top: 5px;font-size: 15px;font-weight: 600;color:#00387a;}

/*마이페이지 view페이지
#design .mypage_wrap .mypage_view {border-top: 3px solid #003879;}
#design .mypage_wrap .mypage_view .pro_view_title {padding: 20px 0;font-size: 22px;text-align:center;background: #f9f9f9;font-weight: 600;border-bottom: 1px solid #ddd;}
#design .mypage_wrap .mypage_view .pro_view_title .team {padding-top: 8px;display:block;font-size: 17px;font-weight: 400;}
#design .mypage_wrap .mypage_view .pro_view_title .team > span {margin: 5px 0;padding: 2px 0 2px 37px;background: url(../img/team_icon.png) no-repeat 0 50%;}

#design .mypage_wrap .mypage_view .view_top {padding: 20px;}
#design .mypage_wrap .mypage_view .view_top ul {overflow: hidden;}
#design .mypage_wrap .mypage_view .view_top ul li {float: left;width: 50%;margin: 7px 0;color: #464646;}
#design .mypage_wrap .mypage_view .view_top ul li > .view_title {display:inline-block;width: 180px;padding-left: 20px;background: url(../img/pensil_icon.png) no-repeat 0 50%;color: #000;}
#design .mypage_wrap .mypage_view .view_top ul li.pro_date {width: 100%;}
#design .mypage_wrap .mypage_view .view_top ul li.pro_goal {width: 100%;}
#design .mypage_wrap .mypage_view .view_top ul li.pro_date .view_date {display: inline-block;vertical-align: top;}
#design .mypage_wrap .mypage_view .view_top ul li.pro_date input {vertical-align: text-top;margin-right: 5px;}
#design .mypage_wrap .mypage_view .view_top ul li.pro_date input[type="radio"] {border: 1px solid #999}
#design .mypage_wrap .mypage_view .view_top ul li .top_con {display:inline-block;padding-left: 20px;}
#design .mypage_wrap .mypage_view .view_top ul li .top_con .num {color: #ec4b48;}

#design .mypage_wrap .mypage_view .view_con {min-height: 300px;padding: 20px;border-top: 1px solid #d2d2d2;}

#design .mypage_wrap .btn_wrap {text-align: center;}
#design .mypage_wrap .btn {display:inline-block;padding: 5px 20px;font-size: 15px;font-weight: 400;}
*/

/* 아이디/비밀번호 찾기 */
.mypage .login_box {overflow: hidden;}
.mypage .login_box > li {float: left;width: 49%;padding: 30px !important;margin: 0 1% !important;box-sizing: border-box;border: 4px solid #ececec;}
.mypage .login_box > li .login_tit {text-align:center;margin-bottom: 10px !important;font-size: 20px !important;font-weight: 600;}
.mypage .login_box > li .login_tit .red {font-size: 20px !important;}
.mypage .login_box > li .login_select {text-align: center;}
.mypage .login_box .login_search {margin: 20px 0 !important;padding: 20px !important;background: #f8f8f8;}
.mypage .login_box .login_search li {margin: 5px 0 !important;}
.mypage .login_box .login_search li > strong {display: inline-block;width: 30%;}
.mypage .login_box .login_search input[type="text"],
.mypage .login_box .login_search input[type="password"] {border: 1px solid #ddd;padding: 5px !important;}

.mypage .login_box .cert_mobile {text-align: center;}
.mypage .login_box .cert_mobile > strong {display: block;width: 100% !important;}
.mypage .login_box .cert_mobile > strong > span {display:inline-block;padding: 30px 0 30px 60px !important;background: url(../img/ico_mobile_cert.png) no-repeat 0 50%;background-size: auto 50px;font-size: 24px !important;font-weight: 600;}

.mypage .login_box .id_wrap {margin-left: 0 !important;}

.mypage .login_box .pw_wrap {margin-right: 0 !important;}

.mypage .id_pw_bottom a {display:block;padding: 30px !important;margin-top: 20px;font-size: 22px !important;text-align:center;}
.mypage .id_pw_bottom .imp {font-size: 22px !important;font-weight: 800;color: #003879 !important;}
.mypage .id_pw_bottom .btn_wrap::before {content: "";display: block;margin-top: 5px !important;}
.mypage .id_pw_bottom .btn::after {content: ">";margin-left: 10px;}

/*************** 회원가입 *****************/
/*step*/
.mypage .join_step {margin-bottom: 50px !important;}
.mypage .join_step ul {overflow: hidden;}
.mypage .join_step ul li {float: left;width: 33%;padding: 10px 0 !important;text-align: center;border: 1px solid #cecece !important;border-left: 0 !important;box-sizing: border-box;background: #f4f4f4;}
.mypage .join_step ul li span {font-size: 17px !important;color:#333;}
.mypage .join_step ul .step_01 {border-left: 1px solid #cecece !important;}
.mypage .join_step ul .step_on {padding: 11px 0 !important;background: #003879;border: 0 !important;}
.mypage .join_step ul .step_on span {display:inline-block;color: #fff !important;padding-right: 25px !important;background: url(../img/join_arrow.png) no-repeat 100% 50%;}

/*휴대폰 인증*/
.mypage .join_certif {width: 70%;margin: 0 auto;padding: 140px 0 20px;margin-top: 30px;background: url(../img/ico_mobile_certific.png) no-repeat 50% 0;background-size: auto 100px;}

/********** 채용정보 **********/

/*채용형식*/
.rec_field {border: 0 !important;padding: 0 !important;background: #f4f4f4;}
.rec_field > div {padding: 50px !important;background: url(../img/rec_field_bg.png) no-repeat 95% 45%;}
.rec_field > div > a {position:relative;display:block;width: 40%;padding: 10px 20px !important;margin: 15px 0 !important;background: #fff;border: 3px solid #003879 !important;box-sizing: border-box;border-radius: 30px;font-size: 17px !important;}
.rec_field .lecturer_btn {background: #003879;color: #fff !important;}
.rec_field > div > a::after {position:absolute;top: 11px;right: -45px;display: block;width: 45px;height: 20px;content: "";background: url(../img/consult_arrow.png) no-repeat 0 50%;}

#toeicPop {display: none;position:fixed;top: 0;right:0;bottom: 0;left: 0;z-index: 998;background: rgba(0,0,0,0.5);}
#toeicPop > div {position:absolute;top: 5%;left: 5%;width:90%;height: 90%;z-index: 999;text-align: center;overflow-y: auto;background: #fff;}
#toeicPop > div .toeic_pop_con {max-width: 1200px;margin: 0 auto;background: #f9f9f9;border: 1px solid #d2d2d2;}
#toeicPop > div .toeic_pop_con .title {padding: 15px 0;background: #0a69ad;color: #fff;font-weight: 800;font-size: 34px;text-transform: uppercase;font-family: 'NanumSquare','Malgun Gothic','맑은 고딕', Dotum, '돋움', sans-serif;}
#toeicPop > div .toeic_pop_con > div {padding: 20px;text-align: left;}
#toeicPop > div .toeic_pop_con > div img {max-width: 100%;margin-top: 10px;}
#toeicPop > div .toeic_pop_con > div > div {margin: 15px 0;}
#toeicPop > div .toeic_pop_con > div > div p {font-size: 18px;font-weight: 600;color: #333;}
#toeicPop > div .toeic_pop_con > div > div p span {display: block;font-size: 17px;font-weight: 400;color:#ff0000;letter-spacing: -0.4px;word-break: keep-all;}
#toeicPop .close {overflow: hidden;position:absolute;top: 9%;right: 10%;z-index: 999;width: 25px;height: 25px;text-indent: -9999px;background: url(../img/close_btn.png) no-repeat 50%;}

/*주요채용정보*/
#design .job {background: #fff;}
#design .company {background: #fff;}

.subc_visual {padding-bottom: 30px;text-align:center;}
.subc_visual h3 {}
.subc_visual .p1 {padding: 40px 0 10px;font-size: 22px;font-weight: 600;color:#000;}
/*.subc_visual .p1::before {content: '';display:inline-block;margin-right: 20px;vertical-align:middle;}*/
.subc_visual .p2 {font-size: 16px;color:#494949;padding-bottom: 10px;}
/*.subc_visual.scv_91 .p1::before {width: 45px;height: 45px;background: url(../img/ico_recom.png) no-repeat 50%;background-size: auto 100%;}*/
.subc_visual.scv_91 > div {display:inline-block;padding-left: 70px;background: url(../img/ico_recom.png) no-repeat 0 80%;background-size: auto 50px;}
.subc_visual.scv_9 > div {display:inline-block;padding-left: 90px;background: url(../img/ico_join.png) no-repeat 0 85%;background-size: auto 55px;}
.subc_visual.scv_idpw > div {display:inline-block;padding-left: 75px;background: url(../img/ico_idpw.png) no-repeat 0 85%;background-size: auto 55px;}
.subc_visual.subc_comp > div {display:inline-block;padding-left: 90px;background: url(../img/ico_job_list.png) no-repeat 0 90%;background-size: auto 60px;}
.subc_visual.subc_lecture > div {display:inline-block;padding-left: 90px;background: url(../img/ico_teacher.png) no-repeat 0 90%;background-size: auto 60px;}
.subc_visual.subc_alba > div {display:inline-block;padding-left: 90px;background: url(../img/ico_alba.png) no-repeat 0 90%;background-size: auto 60px;}
.subc_visual.subc_my_01 > div {display:inline-block;padding-left: 70px;background: url(../img/ico_mypage_01.png) no-repeat 0 90%;background-size: auto 60px;}
.subc_visual.subc_my_02 > div {display:inline-block;padding-left: 75px;background: url(../img/ico_mypage_02.png) no-repeat 0 90%;background-size: auto 60px;}
.subc_visual.subc_my_03 > div {display:inline-block;padding-left: 90px;background: url(../img/ico_mypage_03.png) no-repeat 0 90%;background-size: auto 60px;}
.subc_visual.subc_my_05 > div {display:inline-block;padding-left: 75px;background: url(../img/ico_mypage_05.png) no-repeat 0 90%;background-size: auto 55px;}

.subc_visual.scv_94 > div {display:inline-block;padding-left: 90px;background: url(../img/ico_com_recom.png) no-repeat 0 90%;background-size: auto 65px;}
.subc_visual.scv_94 h3 {padding: 40px 0 15px;font-size: 26px;}
.subc_visual.scv_94 .p1 {padding: 0;font-size: 18px;}
.subc_visual.scv_94 .p2 {height: 0;padding: 0;}

/*취업박람회*/
#fairWrap .fair_visual img {width: 100%;height: auto;}

/*#fairWrap .poster {margin: 70px 0 0;}*/
#fairWrap .poster h3 {display: none;}
#fairWrap .poster .poster_wp {overflow: hidden;}
#fairWrap .poster .poster_wp > div {color: #fff;text-align: center;font-size: 25px;}
#fairWrap .poster .poster_wp > div img {max-width: 100%;}
/*#fairWrap .poster .poster_wp .poster01 {float: left;width: calc(50% - 20px);}
#fairWrap .poster .poster_wp .poster02 {float: right;width: calc(50% - 20px);}*/
#fairWrap .poster .poster_wp .poster01 {float: none;width: 100%;}
#fairWrap .poster .poster_wp .poster02 {display: none;}

#fairWrap .schedule {margin-top: 30px;text-align: center;font-size: 30px;font-weight: 600;}
#fairWrap .schedule img {width: 100%;height: auto;}

#fairWrap .expo_movie {overflow: hidden;}
#fairWrap .expo_movie > div {float: left;width: 49%;}
#fairWrap .expo_movie > div:first-child {margin-right: 1%;}
#fairWrap .expo_movie > div:last-child {margin-left: 1%;}
#fairWrap .expo_movie .movie_wp {width: 100%;height: 315px;}
#fairWrap .expo_movie > div iframe {width: 100%;height: 100%;}
#fairWrap .expo_movie > div p {padding: 3px 0 3px 30px;margin-bottom: 15px;font-size: 22px;font-weight: 600;color: #333;background: url(../img/bullet_yu_title.png) no-repeat 0 4px;}
#fairWrap .expo_movie > div .txt {padding: 20px;background: #f5f5f5;font-size: 16px;line-height: 1.4em;}
#fairWrap .expo_movie > div .txt strong {display: block;margin-bottom: 10px;font-size: 18px;font-weight: 600;line-height: 1.4em;}

#fairWrap .expo_down {padding: 30px 0 40px;background: #f8f8f8;}
#fairWrap .expo_down h3 {text-align: center;font-size: 28px;font-weight: 600;color: #333;}
#fairWrap .expo_down .btn_wrap a {display: inline-block;width: 25%;margin: 0 1%;padding: 12px 0;font-size: 17px;font-weight: 600;border: 2px solid #181266;border-radius: 40px;background: #fff;}
#fairWrap .expo_down .btn_wrap a:hover {background: #181266;color: #fff;font-size: 17px;transition: all 0.5s;}

#fairWrap .fair_company {/*padding-top: 70px;background: url(../img/bg_fair_company.jpg) no-repeat 50% 0;*/}
#fairWrap .fair_company h3 {display: none;font-size: 72px;font-weight: 500;text-align: center;color: #333;letter-spacing: -1px;}
#fairWrap .fair_company h3 span {color: #2b3ab0;}
#fairWrap .fair_company .fair_btn {/*margin-top: 450px;*/margin-top: 50px;}
#fairWrap .fair_company .fair_btn ul {text-align: center;}
#fairWrap .fair_company .fair_btn ul > li {position: relative;z-index: 0;display: inline-block;}
#fairWrap .fair_company .fair_btn ul > li a {display: block;min-width: 110px;padding: 0 20px;font-size: 18px;font-weight: 600;color: #333;box-sizing: content-box;}
#fairWrap .fair_company .fair_btn ul > li a::before {content: '';display: block;height: 95px;margin-bottom: 20px;}
#fairWrap .fair_company .fair_btn ul > li.list01 a::before {background: url(../img/ico_fair01.png) no-repeat 50%;}
#fairWrap .fair_company .fair_btn ul > li.list02 a::before {background: url(../img/ico_fair02.png) no-repeat 50%;}
#fairWrap .fair_company .fair_btn ul > li.list03 a::before {background: url(../img/ico_fair03.png) no-repeat 50%;}
#fairWrap .fair_company .fair_btn ul > li.list04 a::before {background: url(../img/ico_fair04.png) no-repeat 50%;}
#fairWrap .fair_company .fair_btn ul > li.list05 a::before {background: url(../img/ico_fair05.png) no-repeat 50%;}
#fairWrap .fair_company .fair_btn ul > li.sel::after {content: '';position: absolute;top: 50%;left: 50%;z-index: -1;width: 120px;height: 120px;background: #e8edf9;border-radius: 120px;margin: -60px 0 0 -60px;}
#fairWrap .fair_company .fair_btn ul > li.sel a {color: #2b3ab0;font-weight: 600;font-size: 20px;}

#fairWrap .fair_company .fair_btn .date_tab {margin-top: 80px;text-align: left;}
#fairWrap .fair_company .fair_btn .date_tab > li {margin: 1px 0;}
#fairWrap .fair_company .fair_btn .date_tab > li a {display: block;min-width: auto;padding: 10px 17px;background: #fff;color: #333;border: 1px solid #333;border-radius: 5px;}
#fairWrap .fair_company .fair_btn ul.date_tab > li.sel::after {display: none;}
#fairWrap .fair_company .fair_btn .date_tab > li.sel a {background: #181266;color: #fff;}
#fairWrap .fair_company .fair_btn .date_tab > li a::before {display: none;}

#fairWrap .fair_company .company_list {margin-top: 30px;background: #fff;}
#fairWrap .fair_company .company_list > ul {margin: -10px;}
#fairWrap .fair_company .company_list > ul::after {content: '';display: block;clear: both;}
#fairWrap .fair_company .company_list > ul > li {float: left;width: 33.33333%;height: 390px;padding: 10px;box-sizing: border-box;}
#fairWrap .fair_company .company_list > ul > li .con_wp {height: 100%;padding: 20px 25px 25px;border: 8px solid #eee;border-radius: 50px 0 50px 0;background: #fff;box-sizing: border-box;}
#fairWrap .fair_company .company_list > ul > li .con_wp .name {text-align: center;}
#fairWrap .fair_company .company_list > ul > li .con_wp .name span {display: block;font-size: 20px;font-weight: 600;color: #333;}
#fairWrap .fair_company .company_list > ul > li .con_wp .name span.img {position: relative;height: 60px;margin-bottom: 10px;}
#fairWrap .fair_company .company_list > ul > li .con_wp .name span.img img {position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: auto;height: auto;max-width: 100%;max-height: 100%;margin: auto;}
#fairWrap .fair_company .company_list > ul > li .con_wp > ul {margin-top: 15px;}
#fairWrap .fair_company .company_list > ul > li .con_wp > ul > li {position: relative;margin-top: 5px;padding: 2px 0 2px 12px;font-size: 17px;}
#fairWrap .fair_company .company_list > ul > li .con_wp > ul > li::before {content: '';position: absolute;top: 5px;left: 0;width: 6px;height: 6px;background: #2b3ab0;border-radius: 6px;}
#fairWrap .fair_company .company_list > ul > li .con_wp .date {margin-top: 15px;text-align: center;}
#fairWrap .fair_company .company_list > ul > li .con_wp .date > span {display: inline-block;padding: 8px 15px;background: #ef646d;color: #fff;border-radius: 25px;font-size: 15px;}
#fairWrap .fair_company .company_list > ul > li .con_wp .date > span:nth-child(2n) {background: #4873f2;}
#fairWrap .fair_company .company_list > ul > li .con_wp .date > span + span {margin-left: 5px;}
#fairWrap .fair_company .company_list > ul > li .con_wp .date > div {overflow: hidden;margin-top: 15px;height: 2.6em;font-size: 14px;font-weight: 500;line-height: 1.3em;}
#fairWrap .fair_company .company_list > ul > li .con_wp .btn_wrap {margin-top: 15px;}
#fairWrap .fair_company .company_list > ul > li .con_wp .btn_wrap a {display: inline-block;padding: 12px;width: 70%;background: #333;font-size: 17px;font-weight: 600;color: #fff;border-radius: 30px;}
#fairWrap .fair_company .company_list > ul > li .con_wp a.movieView {display: inline-block;padding: 12px;width: 70%;background: #ff0000;font-size: 17px;font-weight: 600;color: #fff;border-radius: 30px;box-sizing: border-box;}
#fairWrap .fair_company .company_list > ul > li .con_wp a.movieView::before {content: '▶';display: inline-block;color: #fff;font-size: 12px;margin-right: 10px;vertical-align: middle;}
#fairWrap .fair_company .company_list > .btn_wrap {text-align: center;margin-top: 50px;}
#fairWrap .fair_company .company_list > .btn_wrap a {display: inline-block;width: 300px;height: 70px;line-height: 60px;font-size: 22px;font-weight: 700;color: #181266;border: 5px solid #181266;text-transform: uppercase;border-radius: 70px;}

.blocker {z-index: 199 !important;}
.modal {position: relative;max-width: 600px !important;padding: 0 5px 5px 40px !important;background: #3d4eb7 !important;border-radius: 80px 0 0 0 !important;}
.modal .title {height: 60px;text-align: center;font-size: 22px;font-weight: 600;color: #fff;line-height: 60px;}
.modal .layer_wp {padding: 25px;background: #fff;border-radius: 50px 0 0 0;}
.modal .layer_wp .top {/*display: table;*/}
/*.modal .layer_wp .top > div {display: table-cell;vertical-align: middle;}*/
.modal .layer_wp .top > div.img {/*width: 35%;margin-right: 5%;*/display: block;width: 100%;height: 80px;margin-bottom: 15px;text-align: center;}
.modal .layer_wp .top > div.img img {max-width: 90%;max-height: 80%;}
.modal .layer_wp .top > div.company_info {/*width: 60%;*/}
.modal .layer_wp .top > div.company_info ul li {position: relative;min-height: 30px;padding-left: 90px;font-size: 16px;line-height: 1.5em;color: #707070;}
.modal .layer_wp .top > div.company_info ul li + li {margin-top: 10px;}
.modal .layer_wp .top > div.company_info ul li > span {position: absolute;top: 0;left: 0;font-size: 17px;font-weight: 600;color: #000;}
.modal .layer_wp .bottom {margin-top: 10px;padding: 20px;background: #eee;border-radius: 5px;}
.modal .layer_wp .bottom ul li {position: relative;min-height: 30px;padding-left: 90px;font-size: 16px;line-height: 1.5em;color: #707070;}
.modal .layer_wp .bottom ul li + li {margin-top: 15px;}
.modal .layer_wp .bottom ul li > span {position: absolute;top: 0;left: 0;font-size: 17px;font-weight: 600;color: #000;}
.modal .layer_wp .bottom ul li button {display: inline-block;padding: 7px 15px;font-size: 15px;font-family: 'Montserrat', 'NanumSquare';border: 1px solid #ccc;border-radius: 50px;}
.modal .layer_wp .bottom ul li button + button {margin-left: 5px;}
.modal .layer_wp .bottom ul li select {width: 100%;padding: 7px;border: 1px solid #ccc;font-size: 14px;font-family: 'Montserrat', 'NanumSquare';color: #757575;}
.modal .layer_wp button.register {display: block;width: 60%;padding: 13px 0;margin: 20px auto 0;background: #ef646d;color: #fff;font-size: 17px;font-weight: 600;border-radius: 50px;font-family: 'Montserrat', 'NanumSquare';}

/**/
#subc label {position:static;top: auto;left: auto;}
#subc input[type="radio"] + label::before {display: none !important;}
#design #subc input[type="radio"] + label {padding: 0 8px 0 5px !important;}

.stu_tab {border: 0 !important;}
/*.stu_tab * {border: 0 !important;padding: 0 !important;}*/
.stu_tab .stu_tab_bg {display:none;border-bottom: 1px solid #d2d2d2 !important;box-sizing: border-box;}
.stu_tab td {padding: 0 !important;border: 0 !important;}
.stu_tab td a {display: block;line-height: 0;}

.stu_tab .com_tabs a {padding: 15px 0;font-size: 17px;line-height: 1em;letter-spacing: -1px;color: #696969;border-bottom: 1px solid #ddd;}
/*.stu_tab td:first-child {border-left: 1px solid #d2d2d2 !important;}*/
.stu_tab .com_tab_on a {font-size: 19px;font-weight: 600;border-bottom: 4px solid #003879;color: #000;}

#subc .board_btn{border: 0 !important;}
#subc .board_btn * {padding: 0 !important;border: 0 !important;}
#subc .bd_0 {border: 0 !important;}
#subc .p_0 {padding: 0 !important;}

.employ_title {overflow: hidden;margin-bottom: 20px !important;}
.employ_title .com_name {float: left;font-size: 20px !important;font-weight: 600;color:#000;}
.employ_title .deadline {float: right;}
.employ_title .deadline span {color: #ec4b48;font-size: 26px !important;font-weight: 700;text-decoration: underline;}


/**/
.em_cal {padding-bottom: 30px;}
.gibCalWrap{overflow:hidden; padding-bottom:6px; clear:both;}
/*.gibCalDay{height: 170px; margin-right: 17px; text-align: center; float:left;text-align:le;}*/
/*.gibCalendar{ float:right; padding-top: 40px;margin-top:10px; padding: 0 13px;}*/
.gibCalendar {text-align:center;}
.gibCalendar table{position: relative;display: inline-block;width: auto !important;height:auto;margin: 0 2% !important;text-align:center; caption-side:top;border-top: 0 !important;}
.gibCalendar table thead {border-bottom: 3px double #333;}
.gibCalendar table thead th {border:  0 !important;padding: 3px 8px !important;font-size: 13px !important;font-weight: 400;font-family: 'Montserrat','Malgun Gothic','맑은 고딕', Dotum, '돋움', sans-serif !important;}
.gibCalendar table .sun {color: #ff0000 !important;}
.gibCalendar table .sat {color: #001dcb !important;}
.gibCalendar table tbody td {padding: 3px 8px !important;border:  0 !important;border: 1px solid #ddd !important;}
.gibCalendar table tbody td:first-child {border-left: 0 !important;}
.gibCalendar table tbody td:last-child {border-right: 0 !important;}
.gibCalendar table tbody td span {color: #333 !important;font-size: 13px !important;}
.gibCalendar .icon {display:inline-block;clear: both;color: #333; padding: 10px; margin: 20px 0 0; font-size: 15px; text-align: left;vertical-align:top;}
.gibCalendar .icon > span {display: block;margin: 5px 0;}
.gibCalendar .icon .lgiIcon_2{}
.lgiIcon_1 a, .lgiIcon_2{}
/*.no1{background:url(/images/icon_bg/lgi_tpl_icon_2.gif) no-repeat left top; margin-right:3px !important; }*/
.no1::before {content: "■"; color: #d5b58b;margin-right: 5px;font-size: 20px;}
/*.no2{background:url(/images/icon_bg/lgi_tpl_icon_2.gif) no-repeat left -30px; margin-right:3px !important;}*/
.no2::before {content: "■"; color: #2a88e7;margin-right: 5px;font-size: 20px;}
/*.no3{background:url(/images/icon_bg/lgi_tpl_icon_2.gif) no-repeat left -60px; }*/
.no3::before {content: "■"; color: #ff6600;margin-right: 5px;font-size: 20px;}
table caption{ display:block; visibility:visible;}
.gibCalendar table caption{position: static;display:block !important;width: 100%;padding: 11px 0 !important;font-size: 18px !important;line-height: 1em;;font-weight: 600;padding-bottom: 5px;visibility:visible;font-size: 18px !important;background: #4489fe; color: #fff !important;}
.gibCalendar table th{font-size: 11px;color: #888;padding: 8px 0 3px 0;text-align: center;border-top: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1}
stylesheetthead {display: table-header-group;vertical-align: middle;border-color: inherit;}

div .gibCalendar table td .today{background:#2a88e7; color:#fff !important;}
div .gibCalendar table th {font-size: 16px !important;line-height: 28px !important;}
.gibCalendar table td { padding:2px;}
.gibCalendar table td span{display:inline-block;min-width: 28px;min-height: 28px;padding: 5px;}
.gibCalendar table td .term{ background:#d5b58b; color:#fff !important;}
.gibCalendar table td .endday{background:#ff6600; color:#fff !important; }
.gibCalendar td,.gibCalendar  th{display: table-cell; vertical-align: inherit }
.gibCalDay .deadline .time{ display:block; color:#757575;}
.gibCalDay .deadline{width: 100%;text-align: center;}
.gibCalDay strong.count{font-weight:bold; color: #ec4b48; font-size: 32px !important; display:block; letter-spacing:-0.05em;}

.gibCalDay .day{margin: 15px 0 25px;text-align: center;}
.gibCalDay .day li span{display:inline-block;font-size: 18px !important;font-weight: bold;}
.gibCalDay .day li {display:inline-block;font-size: 17px;text-align: center; }
.gibCalDay .day li::before {content: '~';display:inline-block;margin: 0 10px;font-size: 20px;}
.gibCalDay .day li:first-child::before {display:none;}

.em_info{ overflow:hidden; padding:10px 0 30px !important;}
.em_map{width: 100%;}
.em_info .em_title{display:block;font-size: 20px !important;font-weight: 600;color: #333;margin-bottom: 10px !important;}
.em_map_cont{display:block;padding-bottom: 20px;}
.em_info p{}

.em_qna { overflow:hidden; margin:20px 0 !important;}
.em_qna li{ border-bottom:1px dotted #efefef; padding:5px 0 5px 28px !important; background:url(../../images/icon_bg/bg_q.jpg) no-repeat left top; margin:3px 10px;}
.em_qna .em_a{background:url(../../images/icon_bg/bg_a.jpg) no-repeat left top;}
.em_list .board_list{margin-top:15px;}
.em_list .board_list th{border-top:3px solid #a8a8a8;}

.form_txt {padding: 5px;margin: 3px 0;border:  1px solid #d2d2d2 !important;}

/**/
table td.interview_td {position:relative;text-align: left !important;}
table td.interview_td img {}
table td.interview_td input[type="text"] {display:inline-block;width: 80%;box-sizing: border-box;}

/* 기업관리 신청서 */
.ly_scroll {overflow:hidden;}
.ly_scroll > div {overflow-y :scroll; margin-right:-20px /*스크롤바 숨김*/;}
.ly_scroll .scrollbar {display:block; position:absolute; right:0; top:0; width:10px; background:#ddd;}
.ly_scroll .scrollbar .panel {display:block; position:absolute; right:0; top:0; width:8px; background:#aaa; border:1px solid #999;}

/* 학과 팝업 */
.pop_univ_layer {z-index:10000;background:#fff; position:absolute;width:794px;border:3px solid #ccc !important;text-align: left !important;}
.pop_univ_layer .btn_close {z-index:10001; position:absolute; top:0px; right:0px; display:block; padding:3px !important; width:70px; background:#000; color:#fff !important; font-weight:bold; text-align:center;}
.pop_univ_layer li {padding:5px 0 5px 13px !important; border-bottom:1px solid #ddd !important;}
.pop_univ_layer li.on {font-weight:bold;}
.pop_univ_layer li.on a {color:#000;}

.pop_univ_layer .li_univ {float:left;position:relative; width: 262px; height:300px;}
.pop_univ_layer .li_univ > div {width: 282px /*+20*/; height:300px;}
.pop_univ_layer .li_univ li {}
.pop_univ_layer .li_univ li.on {background:#ff992b;}

.pop_univ_layer .li_sust {float:left;position:relative; border-left:4px solid #ff992b !important; width: 262px; height:300px;}
.pop_univ_layer .li_sust > div {width: 282px /*+20*/; height:300px;}
.pop_univ_layer .li_sust li {}
.pop_univ_layer .li_sust li.on {background:#f7c845;}
.pop_univ_layer .li_sust .visual_wrap {display:none;}

.pop_univ_layer .li_mj {float:left;position:relative;border-left:4px solid #f7c845 !important; width: 262px; height:300px;}
.pop_univ_layer .li_mj > div {width: 282px /*+20*/; height:300px;}
.pop_univ_layer .li_mj .visual_wrap {display:none;}

.hide {display: none !important;}

/**/
.company select {border: 1px solid #d2d2d2 !important;}
.company textarea {border: 1px solid #d2d2d2 !important;}
.company iframe {margin-top: 3px !important;border:  1px solid #d2d2d2 !important;}
.company label {position:static;top: auto;left: auto;}
#design .company input[type="radio"]+label {padding: 0 10px 0 5px !important;}
.company input[type="radio"]+label::before {display:none !important;}
.company table .check_title {text-align: left;letter-spacing: -2px;font-weight: 600 !important;}

/**/
.pop_write02 label {position:static;top: auto;left: auto;}
.pop_write02 strong {display:block;padding-top: 20px;background: #fff;}
.pop_write02 ul > li > ul {background: #f9f9f9;border: 1px solid #d2d2d2;border-left: 0;border-right: 0;}
.pop_write02 > ul:last-child {margin-bottom: 20px;}


/********** 로그인 **********/
#loginWrap {width: 100%;}
#loginWrap .log_title {text-align: center;padding: 50px 0;}
#loginWrap .log_title h2 {font-size: 28px;font-weight: 800;background: none;padding: 0;}
#loginWrap .log_title p {font-size: 20px;font-weight: 500;color:#757575;text-transform: uppercase;}
#loginWrap .log_con {overflow: hidden;}
#loginWrap .log_con .log_content {float: left;width: 48%;height: 300px;padding: 40px;margin: 0 2%;background: #fff;border: 5px solid #efefef;box-sizing: border-box;}
#loginWrap .log_con .log_content h3 {font-size: 24px;text-align: center;}
#loginWrap .log_con .yu_member {margin-left: 0;}
#loginWrap .log_con .yu_member p {font-size: 17px;line-height: 1.5em;margin: 20px 0 30px 140px;word-break: keep-all;}
#loginWrap .log_con .yu_member p .bold {font-size: 17px;color:#000;font-weight: 600 !important;}
#loginWrap .log_con .yu_member .yu_con {height: 130px;padding-left: 140px;background: url(../img/ico_login_01.png) no-repeat 0 10%;background-size: auto 90px;}

#loginWrap .log_con .business_member {margin-right: 0;}
#loginWrap .log_con .business_member .business_con {height: 130px;margin-top: 20px;padding-left: 140px;background: url(../img/ico_login_02.png) no-repeat 0 20%;background-size: auto 90px;}
#loginWrap .log_con .business_member form {margin: 20px 0 0;}

#loginWrap .region_member {position: relative;padding: 40px;background-color: #0e1c43;}
#loginWrap .region_member::before {content: '';position: absolute;top: 0;left: 0;width: 240px;height: 100%;background-image: url(../img/ico_region_login.png);background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 140px}
#loginWrap .region_member .region_con {padding-left: 200px;}
#loginWrap .region_member h3 {margin-bottom: 10px;font-size: 24px;text-align: center;color: #fff;}

#loginWrap form {width: 100%;}
#loginWrap form + form {margin-top: 50px;}
#loginWrap form fieldset {overflow: hidden;padding: 0;border: 0;}
#loginWrap form fieldset .log_input_wrap {margin-top: 10px;}
#loginWrap form fieldset .log_input_wrap > div {overflow: hidden;padding: 5px 0;}
#loginWrap form fieldset .log_input_wrap label {position:absolute;top: -9999px;}
#loginWrap form fieldset .log_input_wrap input[type="text"] {float: left;width: 100%;padding: 8px;border: 1px solid #ddd;background: #f9f9f9;box-sizing: border-box;}
#loginWrap form fieldset .log_input_wrap input[type="password"] {float: left;width: 100%;padding: 8px;border: 1px solid #ddd;background: #f9f9f9;box-sizing: border-box;}

#loginWrap form .region_member .log_input_wrap input[type="text"] {float: left;width: 100%;padding: 8px;border: 1px solid #fff;background: #fff;box-sizing: border-box;}
#loginWrap form .region_member .log_input_wrap input[type="password"] {float: left;width: 100%;padding: 8px;border: 1px solid #fff;background: #fff;box-sizing: border-box;}

#loginWrap form .login_btn svg {margin-right: 5px;color:#fff;vertical-align: middle;}
#loginWrap .search_btn {padding: 15px;margin-top: 30px;text-align:center;background: #f9f9f9;}
#loginWrap .search_btn input[type="button"] {padding: 5px 20px;font-size: 17px;font-family: 'nanumSquare';background: none;}
#loginWrap .search_btn .icon {display:inline-block;font-size: 12px;color:#999;vertical-align:middle;}

#loginWrap .btn_wrap {margin-top: 0;}
#loginWrap .btn_wrap .login_btn {padding: 8px 0;border: 0;background: #003879;}
#loginWrap .btn_wrap input[type="submit"] {display:inline;background: #003879;color: #fff;border: 0;font-size: 15px;letter-spacing: -1px;line-height: 1em;}
#loginWrap .btn_wrap a svg {margin-right: 7px !important;color:#fff;vertical-align:middle;}

#loginWrap .region_btn {margin-top: 20px;padding-left: 200px;}
#loginWrap .region_btn * {display: inline-block;padding: 10px 15px;min-width: 20%;margin: 0 2px;background-color: transparent;color: #fff;vertical-align: middle;font-size: 14px;}
#loginWrap .region_btn .btn_rg1 {background-color: #f2c700;color: #333;}
#loginWrap .region_btn .btn_rg2 {background-color: #fff;color: #333;}
#loginWrap .region_btn .btn_rg3 {background-color: #98e2d2;color: #333;}

#loginWrap .region_member_b{position: relative;padding: 30px;width:100%;border:5px solid #efefef;margin-top:10px;}
#loginWrap .region_member_b p{font-size:17px;font-weight:600;word-break:keep-all;font-family:none;margin-bottom:10px;}
#loginWrap .region_member_b span{color:#003879;font-size:16px;font-family:none;}

.btn-big {display: block;width: 100%;text-align: center;padding: 8px 0 !important;border-radius: 3px;}

/********** 회원가입 **********/
#subc .member_agree form > div {padding-bottom: 30px;}
#subc .member_agree form .btn_box {padding-bottom: 0;margin: 0;}
#subc .join_title {font-size: 25px;color:#000;font-weight: 600;margin-bottom: 20px;text-align:center;}
#subc .member_agree iframe {width: 100%;height: 300px;padding: 10px;border: 1px solid #d2d2d2;}
#subc .desc_box {text-align:center;}
#subc .desc_box p {font-size: 19px;line-height: 1.4em;font-weight: 600;}
#subc .desc_box strong {font-size: 19px;color: #ec4b48;}

.mypage label {position:static;top: auto;left: auto;}
.mypage .mypage_top label {position:absolute;top: -9999px;left: -9999px;}
.mypage select {padding: 5px;border: 1px solid #d2d2d2 !important;}

/********** 아이디 비밀번호 - 지역 **********/
#design .region_idpw {min-height: 200px;padding: 50px 30px;}
#design .region_idpw p {text-align: center;font-size: 20px;color: #333;}
#design .region_idpw p strong {color: #ec4b48;font-weight: 700;}


#design .guide01_01 { background:url(../img/guide01bg.png) no-repeat right 830px;}
#design .guide01_01 .img_box { padding:30px;border-radius:5px; padding-left:280px; margin-bottom:20px; background:#646b72 url(../img/guide01_01bg.png) no-repeat left top; color:#fff; font-size:15px; }
#design .guide01_01 .c_blue { text-decoration:underline;}
#design .guide01_01 .s_button { display:block;margin-top:-4px; width:180px; height:34px; line-height:34px; background:#333; color:#fff; text-align:center; border-radius:3px; margin-bottom:10px;}
#design .guide02 { background:url(../img/guide02bg.png) no-repeat 90% bottom; height:560px; margin-bottom:200px;}

#design .guide03_01 {  background:url(../img/guide03_01bg.png) no-repeat right bottom; height:640px; margin-bottom:120px; }

#design .guide03_2 {  background:url(../img/guide03_02bg.png) no-repeat 95% 350px; min-height:600px; }
#design .guide03_2 .gall { overflow:hidden; margin-bottom:25px;}
#design .guide03_2 .gall img { width:32.3333%; float:left; margin-right:1%; border-radius:4px;}
#design .guide03_2 table { margin-top:-10px; }

#design .guide04_01 {  background:url(../img/guide04_01bg.png) no-repeat right 220px; }
#design .guide04_01 ul.con01 > li { padding-bottom:16px;}
#design .guide04_02 { background:url(../img/guide04_02bg.png) no-repeat right 140px;}
#design .guide04_03 .gall { margin-bottom:30px;}
#design .guide04_03 table { margin-top:6px;}


#design .wrap_controllers { border:1px solid #ddd;}


#design .guide05 { background:url(../img/guide05bg2.png) no-repeat right 250px; }
#design .guide05 .img_box { padding:30px; padding-left:280px; border-radius:5px; margin-bottom:20px; background:#646b72 url(../img/guide05bg.png) no-repeat left top; color:#fff; font-size:15px; }
#design .guide05 ul.con01 > li { padding-bottom:16px;}
#design .guide06 { background:url(../img/guide06bg.png) no-repeat right 60px;}

#design .guide06 ul.con01 > li { padding-bottom:16px;}

#design .schema{position:relative;padding:10px 0}
#design .schema ol{position:absolute;top:10px;right:0;overflow:hidden}
#design .schema ol li{float:left;position:relative;background:none !important;margin-right:20px;padding-left:25px !important}
#design .schema ol .sc1 i{position:absolute;top:0;left:0;display:block;width:23px;height:23px;background:url(../img/ico_nl01.png) no-repeat 50% 50%}
#design .schema ol .sc2 i{position:absolute;top:0;left:0;display:block;width:23px;height:23px;background:url(../img/ico_nl02.png) no-repeat 50% 50%}
#design .schema ol .sc3 i{position:absolute;top:0;left:0;display:block;width:23px;height:23px;background:url(../img/ico_nl03.png) no-repeat 50% 50%}
#design .schema div{padding-bottom:30px}
#design .schema div h4{padding:0 0 4px 28px;font-size:16px;font-weight:400;color:#333 !important;background:url(../img/dp2.png) no-repeat 13px 9px}
#design .schema div ul{overflow:hidden}
#design .schema div ul li{float:left;position:relative;width:33.33%;background:none;text-align:center}
#design .schema div ul li i{position:absolute;top:50%;right:-10px;margin:-15px 0 0 0;width:20px;height:30px;background:url(../img/st0.png) no-repeat 50% 50%}
#design .schema div ul li span{display:block;margin:10px 10%;height:150px;border:1px solid #ccc;background:#fafafa;border-radius:10px}
#design .schema div ul li strong{font-size:16px;font-weight:400;color:#333 !important}
#design .schema .img1 *{color:#96c41c}
#design .schema .img1 li span{border:1px solid #ccc}
#design .schema .img1 .sa1 span{background:url(../img/ico_nl11.png) no-repeat 50% 50%}
#design .schema .img1 .sa2 span{background:url(../img/ico_nl12.png) no-repeat 50% 50%}
#design .schema .img1 .sa3 span{background:url(../img/ico_nl13.png) no-repeat 50% 50%}
#design .schema .img2 *{color:#53b5e6}
#design .schema .img2 li span{border:1px solid #ccc}
#design .schema .img2 .sa1 span{background:url(../img/ico_nl21.png) no-repeat 50% 50%}
#design .schema .img2 .sa2 span{background:url(../img/ico_nl22.png) no-repeat 50% 50%}
#design .schema .img2 .sa3 span{background:url(../img/ico_nl23.png) no-repeat 50% 50%}




#design .guide07 .img_box {   padding:26px; border-radius:5px;padding-left:240px; margin-bottom:20px; background:#646b72 url(../img/guide07bg.png) no-repeat left top; color:#fff; font-size:13px;}
#design .guide07 .img_box strong.title { display:block; font-size:15px; padding-bottom:6px;}
#design .guide07 table { margin:4px 0 25px 0;}
#design .guide07 a.s_button { display:block; width:240px; height:42px; background:#333; color:#fff; text-align:center; margin:0 auto; line-height:42px; margin-bottom:16px; border-radius:4px;}


#design .guide09 { background:url(../img/guide09bg.png) no-repeat right 240px;}
#design .guide09 .img_box {   padding:22px;border-radius:5px;border:1px solid #ddd; border-radius:4px; margin-bottom:25px;}
#design .guide09 .img_box strong.title { display:block; font-size:16px; padding-bottom:4px;}
#design .guide09 .button { padding-top:30px; margin-top:30px; border-top:1px dashed #d2d2d2;}


#design .guide10 { background:url(../img/guide10bg.png) no-repeat right 320px; height:600px;}
#design .guide10 table { margin-bottom:35px;}

#design .guide11 .con01 > li { font-size:15px;}

#design .culture01 { background:url(../img/culture01bg2.png) no-repeat 92% 280px;}
#design .culture02 { background:url(../img/culture02bg2.png) no-repeat 97% 210px;}
#design .culture03 { background:url(../img/culture03bg2.png) no-repeat 92% 280px;}
#design .culture01 .summary {border:0; padding:32px; line-height:22px; padding-left:260px; border-radius:4px; margin-bottom:34px; background:#e7ddce url(../img/culture01bg.png) no-repeat -20px top;} 
#design .culture02 .summary {border:0; padding:32px; line-height:22px; padding-left:260px; border-radius:4px; margin-bottom:34px; background:#eeeeee url(../img/culture02bg.png) no-repeat -20px top;} 
#design .culture03 .summary {border:0; padding:32px; line-height:22px; padding-left:260px; border-radius:4px; margin-bottom:34px; background:#ced788 url(../img/culture03bg.png) no-repeat -66px top;} 

#design .event02 { background:url(../img/event02bg.png) no-repeat right 220px;}
#design .event02 table { background:#fff;}
#design .event02 ul.con01 > li , #design .event03 ul.con01 > li { font-size:15px; }
#design .event02 ul.con01 , #design .event03 ul.con01 { padding-bottom:22px;}

#design .event03 { background:url(../img/event03bg.png) no-repeat right 220px;}

#design .event03_01 { background:url(../img/event03_01bg.png) no-repeat 95% 150px;}
#design .event03_01 .summary { padding:20px; line-height:22px; border-radius:5px;margin-bottom:25px; }
#design .event03_01 table { margin-top:8px;}
#design .event03_02 { background:url(../img/event03_02bg.png) no-repeat 95% 150px;}
#design .event03_02 .summary { padding:20px; line-height:22px; border-radius:5px;margin-bottom:25px;}
#design .event03_02 table { margin-top:8px;}

#design .event04_01 { background:url(../img/event04_01bg.png) no-repeat 92% 100px;}
#design .event04_02 { background:url(../img/event04_02bg.png) no-repeat 92% 120px;}
#design .event04_03 { background:url(../img/event04_03bg.png) no-repeat 95% 150px;}
#design .event04_04 { background:url(../img/event04_04_bg.png) no-repeat 90% 150px;}
#design .event04_05 { background:url(../img/event04_05_bg.png) no-repeat 90% 140px;}

#design .event04_01 .summary , #design .event04_02 .summary , #design .event04_03 .summary { padding:20px; line-height:22px; border-radius:5px;margin-bottom:28px; }
#design .event04_01 .con01 > li , #design .event04_02 .con01 > li , #design .event04_03 .con01 > li{ font-size:15px;}

#design .library01 { font-size:15px; line-height:22px; padding-top:10px; background:url(../img/library01bg.png) no-repeat 110% 110%; padding-bottom:170px;}
#design .library01 .ceoinfo_p { font-size:21px; font-weight:bold; line-height:34px; padding-bottom:30px; position:relative; font-weight:normal;}
#design .library01 .ceoinfo_p strong { font-size:22px; color:#ff6400; font-weight:normal;}
#design .library01 .ceoinfo_p:before { content:''; display:block; width:30px; height:1px; background:#d2d2d2; position:absolute; left:0; top:78px;}

#design .library07 {background:url(../img/library07bg.png) no-repeat 88% 410px;}
#design .library07 ul.con01 li strong { font-weight:bold;}

#design .library05 table { margin-bottom:30px;}
#design .library05 #data_table { overflow:hidden;}
#design .library05 #data_table h2 { float:left; font-size:18px;}
#design .library05 #data_table div.unit { float:right; padding-top:4px;}

#design .user06 p { font-size:16px; color:#000;margin-bottom:16px;}
#design .user06 p.summary { background:none; padding:20px; border:1px solid #aaa; color:#333; margin-bottom:28px;}
#design .user06 p.summary strong {font-size:inherit;font-weight:bold;}
#design .user06 p.summary .s_refer {font-size:14px;color:#747474;}
#design .user06 table { margin-top:5px; margin-bottom:15px;}


#design .etc02 { background:url(../img/etc02bg.png) no-repeat right bottom; padding-bottom:210px;}

#design .etc03 .con01 > li { font-size:14px; padding-bottom:6px;}
#design .etc03 .fb { font-size:15px; padding-bottom:26px;}

#design .etc04 .con01 a strong { font-weight:normal; font-size:13px; position:relative; padding-right:15px;}
#design .etc04 .con01 a strong:after { content:'→'; position:absolute; right:0; top:-1px;}
#design .etc04 .con01 a img { vertical-align:middle;}

#design .r_num_wp1 {width:100%;height:106px;background:url(../img/rnum_wp1.png) no-repeat left top;margin-bottom:30px;}
#design .r_num_wp1 .r_num_wp2 {width:100%;height:106px;background:url(../img/rnum_wp2.png) no-repeat right top;text-align:center;}
#design .r_num_wp1 .r_num_wp2 strong {display:block;font-size:24px;padding-top: 10px;}
#design .r_num_wp1 .r_num_wp2 span.i_tel {font-size:40px;background:url(../img/i_tel.png) no-repeat left 12px;padding-left:44px;font-weight:700;}





#design .library , #design .event , #design .user , #design .etc { padding:10px 0;}

#design .organization{position:relative; width:100%; border:1px solid #ddd; margin-bottom:34px;}
#design .organization:before { position:absolute; left:50%; top:30px; display:block; content:''; width:1px; height:330px; z-index:1; background:#aaa;}
#design .organization em{position:absolute;z-index:2;background:#888}
#design .organization .og1{top:70px;left:50%;width:1px; background:#333;}
#design .organization .og2{top:166px;left:50%;width:1px;}
#design .organization .og3{top:229px;left:50%;width:145px;height:1px}
#design .og0nd{padding:12px 20px;margin:20px auto; margin-top:20px;width:200px; position:relative; z-index:2;text-align:center;background:#fff;border:2px solid #003977;font-weight:800;font-size:1.2em;color:#003977}
#design .og0nd span{display:block;font-size:0.8em}
#design .og1nd{padding:12px 20px;margin:20px auto;width:170px; position:relative; z-index:2;text-align:center;font-weight:800;font-size:1.2em;color:#fff;background:#003977}
#design .og1nd span{display:block;font-size:0.8em}
#design .og2nd{position:absolute;top:194px;left:55%;padding:13px 20px;width:130px;font-size:1em;font-weight:normal;text-align:center;color:#fff;background:#1878c3;z-index:999;}
#design .og3nd{padding:140px 0 0 11.5%; position:relative; z-index:2;text-align:center;margin-bottom:80px}
#design .og3nd li{float:left;width:126px;padding:5px 0;margin-left:5px;text-align:center;background:#fff;border:solid 2px #ccc ;font-weight:normal;font-size:1em}
#design .og3nd li:first-child{margin-left:0}
#design .og3nd li span{display:block;color:#666; font-size:13px;}
#design .library03 table tr td ul li { text-align:left; margin-left:7px !important;}


/*#design input[type=checkbox]+ label{display:inline-block;position:relative;padding:0 10px 0 23px !important;margin-right:10px;cursor:pointer}
#design input[type=checkbox]+ label:before{content:"";display:inline-block;position:relative;top:0px;width:16px;height:16px;margin-right:10px;position:absolute;left:0;bottom:4px;border:1px solid #c4c4c4;background:#fff;border-radius:0}*/
/*#design input[type=checkbox]:checked + label:before{content:"\2713";font-size:13px !important;font-family:Arial, Helvetica, sans-serif;font-weight:800;color:#03a98f;background:#fff;text-align:center;line-height:16px} 
#design input[type=radio]+ label{display:inline-block;position:relative;padding:0 8px 0 23px !important;margin-right:10px;cursor:pointer}
#design input[type=radio]+ label:before{content:"";display:inline-block;position:relative;top:0px;width:16px;height:16px;margin-right:10px;position:absolute;left:0;bottom:4px;border:1px solid #c4c4c4;background:#fff;border-radius:20px}
#design input[type=radio]:checked + label:before{content:"\2022";font-size:16px !important;font-family:Arial, Helvetica, sans-serif;font-weight:800;color:#ff581c;background:#fff;text-align:center;line-height:16px}
*/
/**/
#design .guide_box{margin:30px 0;padding:30px 30px;-moz-box-shadow:inset 0 0 10px #B2B2B2;-webkit-box-shadow:inset 0 0 10px #B2B2B2;box-shadow:inset 0 0 10px #B2B2B2;border-radius:10px;background:url(../img/common/guide_box_bg.gif) no-repeat 100% 100%}
#design .guide_box h3{color:#551ca9;font-size:17px}

/**/
#design .stage{border-bottom:1px solid #ccc;overflow:hidden}
#design .stage *{}
#design .stage dt{float:left;width:70%;font-size:18px;font-family:Arial, Helvetica, sans-serif}
#design .stage dt img{display:block;padding:20px 0}
#design .stage dd{float:left;padding:30px 0;width:30%}
#design .stage dd ul{overflow:hidden}
#design .stage dd li{float:left;width:50%;font-size:15px}


#design .tabmenu{margin:0 0 36px 0;*zoom:1}
#design .tabmenu:before,
#design .tabmenu:after{clear:both;display:table;content:"";line-height:0}
#design .tabmenu li{display:inline;padding-right:4px}
#design .tabmenu li:first-child a{margin:0}
#design .tabmenu li a{display:inline-block;position:relative;padding:0 30px;line-height:37px;font-size:17px;font-weight:600;letter-spacing:-1px;color:#fff;text-align:center;border:2px solid #b1b1b1;background:#b1b1b1;border-radius:5px;transition:all 0.2s}
#design .tabmenu li a i{display:none}
#design .tabmenu li a:hover{position:relative;z-index:5;color:#fff;border:2px solid #ff794b;background:#ff794b;transition:all 0.2s}
#design .tabmenu li a.sel{position:relative;z-index:5;color:#242b36;border:2px solid #ff794b;background:#fff;box-shadow:0 3px 0 #e2e2e2}


/**/

#design .depthmenu{margin:0 0 30px 0;*zoom:1}
#design .depthmenu:before,
#design .depthmenu:after{clear:both;display:table;content:"";line-height:0}
#design .depthmenu ul{height:42px;border-bottom:1px solid #007800}
#design .depthmenu li{float:left;}
#design .depthmenu li:first-child a{margin:0}
#design .depthmenu li *{transition:all 0.2s ease-in-out}
#design .depthmenu li a{display:inline-block;position:relative;padding:0 35px;line-height:41px;font-size:15px;font-weight:500;letter-spacing:-1px;color:#888;text-align:center;border:1px solid #e3e3e4;border-bottom:1px solid #007800;background:#f3f3f3}
#design .depthmenu li a i{display:none !important;}
#design .depthmenu li a:hover{position:relative;z-index:5;color:#fff;border:1px solid #007800;background:#007800;}
#design .depthmenu li a.sel{position:relative;z-index:5;color:#007800;border:1px solid #007800;border-bottom:1px solid #fff;background:#fff}
#design .depthmenu li a.sel i{position:absolute;z-index:6;bottom:0px;left:50%;display:block;margin-left:-25%;width:50%;height:1px;background:#7ba67b}
#design .depthmenu li a.sel:hover{color:#014fbb}
#design .depthmenu li a.sel:hover i{margin-left:-0%;width:0%}


/*
#design .tabs{padding:0 0 10px 0;position:relative;*zoom:1}
#design .tabs:before,
#design .tabs:after{clear:both;display:table;content:"";line-height:0}
#design .tabs ul{position:relative;z-index:1;height:40px;border-bottom:1px solid #aaa}
#design .tabs li{float:left}
#design .tabs li:first-child a{margin:0}
#design .tabs li a{display:block;position:relative;z-index:0;margin:0 0 0 -1px;padding:0 26px;line-height:38px;font-size:14px;font-weight:400;color:#333;text-align:center;border:1px solid #dedede;border-bottom:1px solid #aaa;background:#fff}
#design .tabs li a:hover{position:relative;z-index:5;font-weight:600;color:#fff;border:1px solid #333;background:#666;transition:all 0.3s}
#design .tabs li a.sel{position:relative;z-index:5;padding:0 26px 0 40px;font-weight:600;color:#333;border:1px solid #aaa;border-bottom:1px solid #fff;background:#fff url(../img/btn_tabs.png) no-repeat 20px 11px}
#design .tabs p{position:absolute;top:0;right:0}
#design .tabs p a{display:block;padding:5px 25px;font-weight:400;color:#fff;border:1px solid #c62337;background:#c62337;border-radius:4px}
*/
#design .tabs{position:relative;*zoom:1}
#design .tabs:before,
#design .tabs:after{clear:both;display:table;content:"";line-height:0}
#design .tabs ul{position:relative;z-index:1;height:42px; margin-bottom:20px;border-bottom:2px solid #ff581c}
#design .tabs li{float:left}
#design .tabs li:first-child a{margin:0}
#design .tabs li a{display:block;position:relative;z-index:0;margin:0 0 0 -1px;padding:0 24px;line-height:40px;font-size:17px;font-weight:600;color:#333;text-align:center;border:1px solid #dedede;border-bottom:1px solid #fff;background:#fff}
#design .tabs li a span{font-size:13px}
#design .tabs li a:hover{position:relative;z-index:5;font-weight:600;color:#fff;border:1px solid #ff794b;background:#ff794b;transition:all 0.3s}
#design .tabs li a.sel{position:relative;z-index:5;padding:0 26px 0 40px;height:41px;font-weight:600;color:#333;border:2px solid #ff581c;border-bottom:1px solid #fff;background:#fff url(../img/btn_tabs.png) no-repeat 20px 13px}
#design .tabs li a span{color:#f30}
#design .tabs .clock{ padding-bottom:10px;}


#program #txt_box_wrapper { padding:12px 15px; border:1px dashed #aaa;border-radius:6px;}
#program #txt_box_wrapper .link_site {overflow:hidden;text-align: center;}
#program #txt_box_wrapper .link_site li {float:left;width: 33.3%;padding:20px 0;}

/*
#design .subtit{padding:20px 0;font-size:18px;text-align:center;border-top:0px solid #ccc;border-bottom:0px solid #ccc;background:url(../img/culture.png) no-repeat 50% 0}
#design .subtit strong{font-size:18px;font-weight:400;color:#c62337}
#design .title{position:relative;overflow:hidden;margin-top:30px;}
#design .title h3{position:relative;padding-left:25px;line-height:40px;font-size:17px;font-weight:600;color:#005997}
#design .title h3 i{position:absolute;top:-2px;left:0;display:block;width:20px;height:40px;background:url(../img/depth1_1.png) no-repeat 50% 50%}
#design .title p{position:absolute;top:10px;right:0;font-weight:600}
#design .title .year{position:absolute;top:10px;right:0}
#design .title .year strong{float:left;display:block;width:60px;line-height:20px;font-size:16px;color:#333;text-align:center}
#design .title .year strong span{padding-left:5px;font-size:16px;color:#333}
#design .title .year a{float:left;display:block;width:19px;height:19px;line-height:19px;font-size:11px;font-weight:800;font-family:"돋움", "굴림";text-align:center;color:#fff;background:#b7b7b7}
#design .title .year a span{display:none}
#design .point h3{margin-bottom:0;border-bottom:0px solid #ccc}
#design .table{padding-bottom:20px}
#design .table .tar{padding:10px 0}*/

/**/
#design .chart{position:relative;padding-bottom:30px}
#design .chart > ul{padding:0 0 10px 8px;}
#design .chart > ul > li{padding:0 0 6px 17px;line-height:19px;background:url(../img/dp2.png) no-repeat 5px 6px;font-size:17px;}
#design .chart > ul > li strong{font-size:inherit;color:#c62336}
#design .chart > ul > li.no{background:none}
#design .chart li strong{font-weight:400}
#design .chart li strong.orange{display:inline-block;margin-right:2px;position:relative;top:0px;width:22px;height:22px;line-height:22px;font-size:12px;text-align:center;color:#fff !important;background:#ef770c;border-radius:22px}
#design .chart li strong.pgreen{display:inline-block;margin-right:2px;position:relative;top:0px;width:22px;height:22px;line-height:22px;font-size:12px;text-align:center;color:#fff;background:#235704;border-radius:22px}
#design .chart li strong.gold{display:inline-block;margin-right:2px;position:relative;top:0px;width:22px;height:22px;line-height:22px;font-size:12px;text-align:center;color:#fff;background:#9f791e;border-radius:22px}
#design .chart li p{padding:0 0 15px 0}
#design .chart li .ipin{color:#00ad58}
#design .chart li ul{padding:6px 0 3px 13px}
#design .chart li ul li{padding:3px 0;font-size:17px}
#design .chart li ul li span {font-size:inherit}
#design .chart li .table{position:relative;top:-10px;padding:0 0 20px 70px}
#design .chart dl{margin:0 0 30px 0;padding:10px 20px 10px 100px;overflow:hidden;border:1px solid #e3e3e3;background:#fff url(../img/ico_point.png) no-repeat 30px 50%;border-radius:5px;box-shadow:1px 3px 1px #fafafa}
#design .chart dt{padding:5px 20px;font-size:16px;color:#526c9b}
#design .chart dd{padding:0 20px 10px 20px;font-size:13px}
#design .chart dd li{font-size:13px}
#design .chart .down{display:inline-block;margin:0 2px 4px 2px;padding:2px 5px;font-size:13px;letter-spacing:-1px;color:#fff;border:1px solid #f23737;background:#f23737;border-radius:3px}
#design .chart .bot{margin:0 10px;padding:10px;border-top:1px solid #ccc;overflow:hidden}
#design .chart p{padding-bottom:10px;overflow:hidden}
#design .arrow{padding-bottom:50px;background:url(../img/ico_b_arrow.png) no-repeat 50% -20px}

#design .photos{margin:0 0 10px 0;border-bottom:1px solid #ccc}
#design .photos dl{position:relative;padding:20px;padding-top:0;overflow:hidden}
#design .photos dt{float:left;width:100px}
#design .photos dt img{display:block;padding:5px;width:100px;border:1px solid #ccc}
#design .photos dd{float:left;padding:0 20px 10px 20px;font-size:13px}
#design .photos dd li{font-size:17px}
#design .photos dd li span {font-size:inherit}
#design .photos ul{padding:0 0 5px 8px}
#design .photos ul li{padding:0 0 4px 17px;background:url(../img/dp2.png) no-repeat 5px 9px}
#design .photos ul li strong{color:#c62336;font-size:inherit}

#design .grtable{clear:both;margin-left:-10px}
#design .grtable ol{padding:5px 80px 10px 0;overflow:hidden}
#design .grtable ol li{float:left}
#design .grtable ol li.gt1{width:56%}
#design .grtable ol li.gt1 strong{background:#f6f9fa}
#design .grtable ol li.gt2{width:22%}
#design .grtable ol li.gt2 strong{background:#f6f9fa}
#design .grtable ol li.gt3{width:22%}
#design .grtable ol li.gt3 strong{background:#f6f9fa}
#design .grtable ol li div{position:relative;margin:0 10px;border:1px solid #ccc;border-top:2px solid #81a7b3;background:#f2f2f2;overflow:hidden}
#design .grtable ol li div strong{display:block;padding:7px 0;font-weight:600;text-align:center;color:#333;border-bottom:1px solid #eee}
#design .grtable ol li div strong br{ display:none}
#design .grtable ol li div span{display:block;padding:20px 10px;min-height:100px;height:100px\9;font-size:13px;background:#fff}


/**/

#design .guide .info{background:url(../img/greeting.png) no-repeat 100% 100%}
#design .guide .info .tit{padding:20px 0 20px 0}
#design .guide .info .tit span{font-size:20px;color:#2a2a2a}
#design .guide .info .tit h2{font-size:30px;font-weight:600;color:#000;background:none;padding: 0px 0 16px 0;}
#design .guide .info .txt{padding:0 0 20px 0;line-height:25px;font-size:22px;color:#555}
#design .guide .info .txt strong{font-size:22px;font-weight:600;color:#333}
#design .guide .info .txt2{padding:0 0 20px 0;line-height:25px;font-size:17px;color:#555}
#design .guide .info .sign{padding:0 50px 260px 0px;font-size:17px;font-weight:600;text-align:left}
#design .guide .info .sign img{position:relative;top:15px}
#design .guide .his{background:url(../img/history_line.png) no-repeat 150px 43px}
#design .guide .organ{position:relative}
#design .guide .organ .header{position:relative}
#design .guide .organ .header div{margin:0 auto;margin-bottom:10px;width:200px;line-height:60px;font-size:20px;text-align:center;box-shadow:0 3px 0 #fafafa}
#design .guide .organ .h1{line-height:50px !important;font-weight:800;color:#005997;border:2px solid #ccc;border-top:3px solid #005997;background:#fff}
#design .guide .organ .body{position:relative;padding:35px 80px 10px 80px;*zoom:1;background:url(../img/organ.png) no-repeat 50% -15px}
#design .guide .organ .body:before,
#design .guide .organ .body:after{clear:both;display:table;content:"";line-height:0}
#design .guide .organ .body *{font-size:13px}
#design .guide .organ .body dl{overflow:hidden}
#design .guide .organ .body dl dd{float:left;width:33%}
#design .guide .organ .body dl dd strong{display:block;margin:0 20px;line-height:50px;font-size:18px;font-weight:400;text-align:center;color:#333;border:1px solid #ccc;border-top:3px solid #c92135;background:#fff;box-shadow:0 3px 0 #fafafa}
#design .guide .organ .phone{line-height:50px;font-size:15px;color:#c92135;text-align:right}
#design .guide .pic{padding-bottom:400px;background:url(../img/guide_photo.png) no-repeat 100% 100%}
#design .guide .ins table th a{display:inline-block;padding-right:30px;background:url(../img/btn_detail_ico.png) no-repeat 100% 0}
#design .guide .viewbox{padding-bottom:20px;overflow:hidden;}
#design .guide .viewbox .photo{position:relative;z-index:1000;padding:30px;/*height:370px;*/text-align:center;border:1px solid #e6e6e6;background:#fafafa;}
#design .guide .viewbox .photo h3{position:absolute;z-index:1000;top:231px;left:30px;display:block;padding:0 15px;line-height:40px;color:#fff;background:rgba(219,55,74,0.9)}
#design .guide .viewbox .photo img{}
#design .guide .viewbox .photo strong{position: absolute;z-index: 1000;left:0;top:0;display: block;color: #ff581c;font-size:30px;background:rgba(255,255,255,0.5)}
#design .guide .viewbox .map{float:right;position:relative;z-index:1000;padding:30px 0;width:49%;height:320px;text-align:center;border:1px solid #ccc;background:#fafafa}
#design .guide .viewbox .map h3{position:absolute;z-index:1000;top:232px;left:30px;display:block;padding:0 15px;line-height:40px;color:#333;border:1px solid #ccc;background:#fff}
#design .guide .viewbox .bx-viewport{height:240px}
#design .guide .viewbox .bx-wrapper .bx-controls{position:relative;top:12px}
#design .guide .viewbox .bx-wrapper .bx-pager{text-align:center}
#design .guide .viewbox .bx-wrapper .bx-pager .bx-pager-item,
#design .guide .viewbox .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline;*zoom:1}
#design .guide .viewbox .bx-wrapper .bx-pager.bx-default-pager a{margin: 0 5px;display: inline-block;width:22px;height:22px;outline: 0;text-indent: -9999em;background: #ccc;border-radius: 50px;}
#design .guide .viewbox .bx-wrapper .bx-pager.bx-default-pager a.active{background: #ff581c;}
#design .guide .tab {display:none;}
#design .guide .tab dl{position:relative;padding:0 30px;margin-bottom:3px;border-top:0px solid #eee;overflow:hidden}
#design .guide .tab dt{float:left;position:relative;width:14%}
#design .guide .tab dt strong{display:block;padding-left:52px;line-height:30px;font-size:15px;font-weight:600;color:#333;border:1px solid #ccc;background:#fff url(../img/btn_detail_ico.png) no-repeat 0 50%;border-radius:5px;box-shadow:2px 4px 2px #fafafa}
#design .guide .tab dd{float:left;position:relative;width:86%}
#design .guide .tab dd strong{display:block;position:relative;top:-3px;margin:2px 0;padding:2px 20px;line-height:30px;font-size:15px;font-weight:400;border:1px solid #fff;background:#fff}
#design .guide .root_daum_roughmap{width:100% !important}
#design .guide .root_daum_roughmap .wrap_controllers .wrap_btn_zoom{width:auto !important}
#design .guide .maps{padding-bottom:30px}
#design .guide .add{padding:30px 0 30px 150px;background:url(../img/add.png) no-repeat 20px 40%}
#design .guide .add li{font-size:16px;background:none}
#design .guide .metro{padding:20px 0 20px 150px;background:url(../img/metro.png) no-repeat 20px 40%}
#design .guide .metro li{padding-bottom:5px;font-size:16px;background:none}
#design .guide .bus{padding:20px 0 20px 150px;background:url(../img/bus.png) no-repeat 20px 40%}
#design .guide .bus li{font-size:16px;background:none}
#design .guide .bus li span{font-size:16px}
#design .guide .bus li i{display:inline-block;margin-right:2px;position:relative;top:-3px;width:22px;height:5px;line-height:22px;font-size:12px;text-align:center;color:#fff !important;border-radius:22px}
#design .guide .bus li i.green{background:#3ccf10}
#design .guide .closure{padding:20px 220px 20px 25px;background:url(../img/closure.png) no-repeat 100% 60%;overflow:hidden}
#design .guide .closure dt{padding-bottom:10px;font-size:17px;font-weight:600;color:#333}
#design .guide .closure dd{overflow:hidden}
#design .guide .closure dd div{float:left;margin:0 15px 15px 0;text-align:center}
#design .guide .closure dd strong{display:block;margin:0 auto;width:30px;height:30px;line-height:30px;color:#fff;background:#069;border-radius:30px}
#design .guide .closure dd span{display:block;padding:4px 0;font-size:11px;font-family:"돋움", "굴림";letter-spacing:-1px;color:#777}
#design .guide .closure .cmonth{padding:0}
#design .guide .closure .cmonth dt{color:#ec9035}
#design .guide .closure .cmonth dd strong{background:#ec9035}
#design .guide .closure .cmonth dd span{color:#ec9035}
#design .guide .closure .pmonth{padding:15px 0;border-top:1px solid #cfcfcf}
#design .guide .closure .pmonth dt{color:#00a88e}
#design .guide .closure .pmonth dd strong{background:#00a88e}
#design .guide .closure .pmonth dd span{color:#00a88e}

/**/
#design .guide .figure{margin:0 -20px;padding:10px 0;overflow:hidden}
#design .guide .figure li{float:left;position:relative;width:25%}
#design .guide .figure li i{position:absolute;top:50%;right:-10px;margin:-15px 0 0 0;width:20px;height:30px;background:url(../img/st0.png) no-repeat 50% 50%}
#design .guide .figure li strong{display:block;margin:0 20px;padding:150px 0 30px 0;text-align:center;font-size:14px;font-weight:400;color:#777 !important;border:1px solid #ccc}
#design .guide .figure .st1{background:url(../img/st1.png) no-repeat 50% 40%}
#design .guide .figure .st2{background:url(../img/st2.png) no-repeat 50% 40%}
#design .guide .figure .st3{background:url(../img/st3.png) no-repeat 50% 40%}
#design .guide .figure .st4{background:url(../img/st4.png) no-repeat 50% 40%}
#design .guide .figure .tt1{background:url(../img/tt1.png) no-repeat 50% 40%}
#design .guide .figure .tt2{background:url(../img/tt2.png) no-repeat 50% 40%}
#design .guide .figure .tt3{background:url(../img/tt3.png) no-repeat 50% 40%}
#design .guide .figure .tt3 strong{padding:150px 0 9px 0}
#design .guide .figure .tt4{background:url(../img/tt4.png) no-repeat 50% 40%}
#design .guide .picture{margin:0 -20px;padding:10px 0;overflow:hidden}
#design .guide .picture li{float:left;position:relative;width:33.33%}
#design .guide .picture li i{position:absolute;top:50%;right:-10px;margin:-15px 0 0 0;width:20px;height:30px;background:url(../img/st0.png) no-repeat 50% 50%}
#design .guide .picture li strong{display:block;margin:0 20px;padding:160px 20px 30px 20px;height:240px;text-align:center;font-size:14px;font-weight:400;color:#777 !important;border:1px solid #ccc}
#design .guide .picture .pt1{background:url(../img/pt1.png) no-repeat 50% 30%}
#design .guide .picture .pt2{background:url(../img/pt2.png) no-repeat 50% 30%}
#design .guide .picture .pt3{background:url(../img/pt3.png) no-repeat 50% 30%}
#design .guide .angle{margin:0 -20px;padding:10px 0;overflow:hidden}
#design .guide .angle li{float:left;position:relative;width:33.33%}
#design .guide .angle li i{position:absolute;top:50%;right:-10px;margin:-15px 0 0 0;width:20px;height:30px;background:url(../img/st0.png) no-repeat 50% 50%}
#design .guide .angle li strong{display:block;margin:0 20px;padding:160px 0 30px 0;min-height:250px;text-align:center;font-size:14px;font-weight:400;color:#777 !important;border:1px solid #ccc}
#design .guide .angle .an1{background:url(../img/an1.png) no-repeat 50% 40%}
#design .guide .angle .an2{background:url(../img/an2.png) no-repeat 50% 40%}
#design .guide .angle .an3{background:url(../img/an3.png) no-repeat 50% 40%}
#design .guide .dr1{background:url(../img/img_dr1.png) no-repeat 100% 100%}
#design .guide .dr4{background:url(../img/img_dr4.png) no-repeat 100% 100%;padding-bottom:100px}
#design .guide .dr5{background:url(../img/img_dr5.png) no-repeat 100% 100%}
#design .guide .ss1{background:url(../img/ss1.png) no-repeat 100% 100%}
#design .guide .ss3{background:url(../img/ss3.png) no-repeat 75% 50%;padding-bottom:300px}

#design .donate {padding-bottom:110px;background:url(../img/donate.png) no-repeat right bottom;}



/**/
#design .booklist{padding:0 0 30px 0}
#design .booklist ul{overflow:hidden}
#design .booklist li{float:left;width:20%}
#design .booklist li dt{margin:0 auto;width:132px}
#design .booklist li dt a{display:block}
#design .booklist li dt img{display:block;width:132px;height:178px;border:1px solid #333}
#design .booklist li dd{padding-bottom:20px;text-align:center}
#design .booklist li dd a{display:block}
#design .booklist li dd strong{display:block;padding:10px 20px 0 20px;height:47px;line-height:18px;font-size:15px;font-weight:600;overflow:hidden/*;white-space:nowrap;text-overflow:ellipsis*/}
#design .booklist li dd span{display:block;font-size:13px}

/**/
#design .onelist{padding:0 0 30px 0}
#design .onelist ul{overflow:hidden}
#design .onelist li{float:left;width:33.33%}
#design .onelist li dl{margin:0 10px;overflow:hidden}
#design .onelist li dt{}
#design .onelist li dt a{display:block}
#design .onelist li dt img{display:block;margin:0 auto;width:132px;height:178px;border:1px solid #333}
#design .onelist li dd{margin:0 30px;padding:10px 0 0 0;text-align:center}
#design .onelist li dd a{display:block}
#design .onelist li dd strong{display:block;margin:0 0 5px 0;font-size:15px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#design .onelist li dd span{display:block;font-size:13px}

/**/
#design .bookgroup{background:url(../img/bookgroup.png) no-repeat 100% 80%}
#design .booktitle{position:relative;margin-bottom:30px;padding:30px 30px;padding-left:200px;height:auto;border:1px solid #e0e0e0;border-bottom:1px solid #9c9c9c;background:#fff;border-radius:2px;border-bottom-right-radius:0px;box-shadow:1px 3px 1px #f0f0f0}
#design .booktitle h2{background:none;padding:0 0 7px 0;font-size:21px;font-weight:600}
#design .booktitle h2 strong{font-size:21px;font-weight:600;color:#000}
#design .booktitle p{line-height:20px;font-size:17px;color:#4c4c4c;word-break:break-all}
#design .booktitle p strong{font-size:17px;font-weight:600;color:#479e33}
#design .booktitle p i{position:absolute;bottom:0px;right:0px;width:0;height:0;border-bottom:30px solid #f7f7f7;border-left:30px solid transparent}
#design .booktitle .ct1{position:absolute;top:30px;left:0;display:block;width:170px;height:90px;border-right:1px solid #eee;background:url(../img/ico_culture.png) no-repeat 50% 50%}
#design .booktitle .ct2{position:absolute;top:30px;left:0;display:block;width:170px;height:90px;border-right:1px solid #eee;background:url(../img/ico_event.png) no-repeat 50% 50%}
#design .booktitle .ct3{position:absolute;top:30px;left:0;display:block;width:170px;height:90px;border-right:1px solid #eee;background:url(../img/ico_onebook.png) no-repeat 50% 50%}
#design .booktitle .ct4{position:absolute;top:30px;left:0;display:block;width:170px;height:130px;border-right:1px solid #eee;background:url(../img/bookstart.png) no-repeat 50% 50%}
#design .booktitle .sv1{position:absolute;top:30px;left:0;display:block;width:170px;height:90px;border-right:1px solid #eee;background:url(../img/ico_ebook.png) no-repeat 50% 50%}
#design .booktitle .sv2{position:absolute;top:30px;left:0;display:block;width:170px;height:90px;border-right:1px solid #eee;background:url(../img/ico_oneservice.png) no-repeat 50% 50%}
#design .booktitle .sv3{position:absolute;top:30px;left:0;display:block;width:170px;height:78px;border-right:1px solid #eee;background:url(../img/ico_booksea.png) no-repeat 50% 50%}
#design .booktitle .sv4{position:absolute;top:30px;left:0;display:block;width:170px;height:78px;border-right:1px solid #eee;background:url(../img/ico_bookdream.png) no-repeat 50% 50%}
#design .booktitle .sv5{position:absolute;top:0;left:0;display:block;width:170px;height:157px;background:url(../img/ico_bookmobile.png) no-repeat 90% 50%}
#design .booktitle .sv6{position:absolute;top:0;left:0;display:block;width:170px;height:157px;background:url(../img/ico_firstlib.png) no-repeat 80% 26%}
#design .booktitle .sv7{position:absolute;top:0;left:0;display:block;width:170px;height:157px;background:url(../img/ico_nigntbook.png) no-repeat 70% 38%}
#design .booktitle .blue{color:#00539b !important}
#design .booktitle .green{color:#479e33 !important}
#design .booktitle p strong.red{display:inline-block;padding:7px 0 0 0;font-weight:700 !important;color:#c62338 !important}
#design .booktitle .orange{color:#ec9035 !important}
#design .booktitle .silver{color:#696969 !important}

#design .boxst {padding:20px 200px 80px 28px;margin-bottom:40px;border:1px solid #ccc;border-top:3px solid #f7941d;}
#design .boxst h2 {background:none;padding: 0 0 16px 0;font-size:22px;font-weight:bold;}
#design .boxst .txt {font-size:17px;margin:0;}
#design .boxst .txt span {font-size:inherit;}
#design .boxst .txt span.linefeed {display:block;}
#design .bst1 {background:url(../img/bst1.png) no-repeat right bottom;}
#design .bst2 {background:url(../img/bst2.png) no-repeat right bottom;}
#design .bst3 {background:url(../img/bst3.png) no-repeat right bottom;}

/**/
#design .text{margin-bottom:40px;padding:30px 30px 30px 160px;min-height:120px;font-size:16px;border:1px solid #ccc;background:#fff;border-radius:5px;box-shadow:1px 3px 1px #f0f0f0}
#design .text strong{font-size:16px;color:#c62337}
#design .tx1{background:#fff url(../img/ico_culture.png) no-repeat 40px 50%}
#design .tx2{background:#fff url(../img/ico_event.png) no-repeat 40px 50%}

/**/
#design .culture{}
#design .culture .time{margin:0 auto;padding:20px 0;width:420px;overflow:hidden;display:none}
#design .culture .time h2{float:left;padding:0 10px 0 35px;line-height:40px;font-size:18px;font-weight:300;letter-spacing:-1px;color:#777;background:url(../img/ico_clock.png) no-repeat 0 50%}
#design .culture .time div{float:left;color:#c62337;overflow:hidden}
#design .culture .time div strong{float:left;display:block;position:relative;width:35px;line-height:40px;font-size:18px;text-align:center;border:1px solid #c62337;background:#fff;border-radius:4px}
#design .culture .time div strong i{position:absolute;top:0;right:-10px;display:block;width:4px;height:40px;background:url(../img/ico_minute.png) no-repeat 50% 50%}
#design .culture .time div strong.t1{color:#fff;border:1px solid #a51628;background:#c62337}
#design .culture .time div strong.t2{color:#fff;border:1px solid #a51628;background:#c62337}
#design .culture .time div strong.t3{color:#fff;border:1px solid #a51628;background:#c62337}
#design .culture .time div span{float:left;display:block;line-height:40px;font-size:14px;color:#c62337;padding:0 10px 0 5px}
#design .culture .time div span.none{text-indent:-9999em;overflow:hidden}
#design .culture .list{padding-bottom:20px}
#design .culture .list ul{border-top:1px solid #aaa}
#design .culture .list li div{padding:15px 20px;font-size:16px;border:1px solid #eee;border-top:0;border-right:0;border-left:0}
#design .culture .list li div strong{font-size:16px !important}


#design .ls_process {padding-top:40px;border-top:1px dashed #ccc;}
#design .ls_process .process {overflow:hidden;margin-bottom:50px;}
#design .ls_process .process li {float:left;width:33.3%;}
#design .ls_process .process li .img {height:262px;margin-bottom:20px;border:1px solid #dadada;border-radius:5px;}
#design .ls_process .process li .img img {width:100%;height:inherit;}
#design .ls_process .process li .txt {text-align:center;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';}
#design .ls_process .process li .in, #design .ls_process .process li .in_none2 {padding-left:40px;background:url(../img/arr.png) no-repeat 13px 120px;}
#design .ls_process .process li .in_none {padding-left:28px;}


/**/
#contain #design div.visitor_num_guid{color:#617295;font-size:0.92em;font-weight:normal;line-height:130%;padding:7px 0 3px ;text-align:left}
#contain #design .bt-content .btn_gray{display:block;margin:3px 0;padding:3px 5px;font-weight:600;color:#333;border:1px solid #aaa;background:#fff;border-radius:22px}
#contain #design .bt-content .btn_red{display:block;margin:3px 0;padding:3px 5px;font-weight:600;color:#fff;border:1px solid #f23737;background:#f23737;border-radius:22px}
#contain #design .bt-content .btn_orange{display:block;margin:3px 0;padding:3px 5px;font-weight:600;color:#fff;border:1px solid #f77a00;background:#f77a00;border-radius:22px}
#contain #design .bt-content .btn_blue{display:block;margin:3px 0;padding:3px 5px;font-weight:600;color:#fff;border:1px solid #014fbb;background:#014fbb;border-radius:22px}
#contain #design .bt-content .btn_green{display:block;margin:3px 0;padding:3px 5px;font-weight:600;color:#009688;border:1px solid #009688;background:#fff;border-radius:22px}
#contain #design .btn_regist{display:block;margin:3px 0;padding:3px 5px;font-weight:600;color:#fff;border:1px solid #999;background:#999;border-radius:22px}
#contain #design .btn_cancel{display:block;margin:3px 0;padding:3px 5px;width:69px;font-weight:600;color:#fff;border:1px solid #3d4459;background:#3d4459;border-radius:22px}
#contain #design .btn_regist_go{display:block;padding:2px;font-weight:800;color:#fff;border:2px solid #1769A3;background:#003258}
#contain #design .btn_deadline{color:#C5C5C5; font-weight:800;}
#contain #design .btn_suc{display:inline-block;margin:0 2px;padding:3px 10px;font-weight:600;color:#333;border:1px solid #aaa;background:#fff;border-radius:22px}
#contain #design .btn_oky{display:inline-block;margin:0 2px;padding:3px 10px;font-weight:600;color:#fff;border:1px solid #014fbb;background:#014fbb;border-radius:22px}
#contain #design .btn_pay{display:inline-block;margin:0 2px;padding:3px 10px;font-weight:600;color:#fff;border:1px solid #3d4459;background:#3d4459;border-radius:22px}
#contain #design .btn_ing{display:inline-block;margin:0 2px;padding:3px 10px;font-weight:600;color:#fff;border:1px solid #c62338;background:#c62338;border-radius:22px}
#txt_box{margin:10px 0;padding:20px;border:1px solid #ccc;background:#fafafa}
#contain .con_box {padding:16px 20px;border:1px solid #e0e0e0;}
#contain .con_box ul li {font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';font-size:14px;padding-left:15px;background: url(../img/list_bullet03.png) no-repeat left 8px;margin-bottom:3px;}

/**/
#contain #calendar{position:relative; margin-bottom:30px;}
#contain #calendar .days{text-align:left}
#contain #calendar .days a{display:inline-block;position:relative;top:0px;width:40px;height:40px;line-height:40px;font-size:18px;color:#c62337;border:1px solid #e3e3e3;border-radius:50px;overflow:hidden;transition:all 0.2s}
#contain #calendar .days a:hover{width:100px;text-indent:0em;color:#333}
#contain #calendar .days a i{position:absolute;top:0;width:40px;height:40px}
#contain #calendar .days .prev{padding:0 10px 0 30px;text-indent:20em}
#contain #calendar .days .prev i{left:0;background:url(../img/s_prev.png) no-repeat 50% 50%}
#contain #calendar .days .next{padding:0 30px 0 10px;text-indent:-20em}
#contain #calendar .days .next i{right:0;background:url(../img/s_next.png) no-repeat 50% 50%}
_::-moz-svg-foreign-content, :root #contain #calendar .days a:hover{width:40px;text-indent:-0em;color:#fff}
_::-moz-svg-foreign-content, :root #contain #calendar .days .prev{color:#fff;text-indent:-0em}
_::-moz-svg-foreign-content, :root #contain #calendar .days .next{color:#fff;text-indent:-0em}
#contain #calendar .days strong{display:inline-block;position:relative;top:-4px;padding:0 10px;line-height:40px;font-size:44px;color:#df5d06}
#contain #calendar .days strong span{position:relative;top:-2px;margin:0 0 0 -10px;font-size:20px}
#contain #calendar .even{position:absolute;top:13px;right:200px}
#contain #calendar .even ul{overflow:hidden}
#contain #calendar .even li{float:left;position:relative;padding:0 10px 0 20px}
#contain #calendar .even li strong{font-weight:400}
#contain #calendar .even li i{position:absolute;top:0;left:0;width:20px;height:20px}
#contain #calendar .even .e1 i{background:url(../../img/pro_content/icon_schedule_r.gif) no-repeat 50% 50%}
#contain #calendar .even .e2 i{background:url(../../img/pro_content/icon_schedule_e.gif) no-repeat 50% 50%}
#contain #calendar .even .e3 i{background:url(../../img/pro_content/icon_schedule_m.gif) no-repeat 50% 50%}
#contain #calendar .even .e4 i{background:url(../../img/pro_content/icon_schedule_l.gif) no-repeat 50% 50%}
#contain #calendar .dk_search{position:absolute !important;top:10px;right:0}
#contain #calendar .calendar td{position:relative;height:100px;vertical-align:top;background-color:none !important}
#contain #calendar .calendar td .result{padding:0 0 0 16px}
#contain #calendar .calendar td .none{display:inline-block;margin:0 0 4px 0;padding:2px 10px;color:#df5d06;border:1px solid #ccc;border-radius:4px}
#contain #calendar .calendar td .end{display:inline-block;margin:0 0 4px 0;padding:2px 10px;color:#000;border:1px solid #ccc;background:#eee;border-radius:4px}
#contain #calendar .calendar td .start{display:inline-block;margin:0 0 4px 0;padding:1px 8px 3px;color:#fff;border:1px solid #6ba1ff;background:#6ba1ff;border-radius:4px}
#contain #calendar .day_num{position:absolute;top:2px;left:2px}
#contain #calendar .day_num span,
#contain #calendar .day_num span a{font-size:14px;font-weight:800;font-family:Arial, Helvetica, sans-serif}
#contain #calendar .btn_gray{display:block;margin:0 10px;padding:0 5px;font-weight:600;letter-spacing:-1px;color:#333;border:0px solid #aaa;background:#fff;border-radius:0px}
#contain #calendar .btn_red{display:block;margin:2px 10px;padding:3px 5px;font-weight:600;color:#fff;border:1px solid #df5d06;background:#df5d06;border-radius:22px}
#contain #calendar .btn_orange{display:block;margin:2px 10px;padding:3px 5px;font-weight:600;color:#fff;border:1px solid #f77a00;background:#f77a00;border-radius:22px}
#contain #calendar .btn_blue{display:block;margin:2px 10px;padding:3px 5px;font-weight:600;color:#fff;border:1px solid #2d4594;background:#2d4594;border-radius:22px}
#contain #calendar .btn_green{display:block;margin:2px 10px;padding:3px 5px;font-weight:600;color:#fff;border:1px solid #009688;background:#009688;border-radius:22px}
#contain #calendar .playout{position:absolute;z-index:9999;display:block;margin:0;padding:10px;width:auto;text-align:left;border:1px solid #ccc !important;background:#fff;white-space:nowrap}
#contain #calendar .playout img{position:relative;margin:0 4px 0 0}

#scheduleList{display:none}

/**/
#design .service{}
#design .service .bookbox{position:relative;margin-bottom:30px;padding:20px 30px;min-height:120px;line-height:22px;font-size:15px;border:1px solid #ccc;background:#fff;border-radius:5px;box-shadow:1px 3px 1px #f0f0f0}
#design .service .bookbox *{line-height:22px;font-size:15px}
#design .service .bookbox strong{font-weight:400;color:#c62337}
#design .service .bookbox span{}
#design .service .ebook{position:relative}
#design .service .ebook i{position:absolute;top:120px;right:0;width:220px;height:150px;background:url(../img/img_ebook.png) no-repeat 100% 0%}
#design .service .dream{position:relative}
#design .service .dream i{position:absolute;top:-30px;right:0;width:220px;height:150px;background:url(../img/img_dream.png) no-repeat 100% 0%}
#design .service .eb01{padding:30px 30px 30px 130px;background:#fff url(../img/ico_ebook.png) no-repeat 20px 50%}
#design .service .eb02{padding:30px 30px 30px 130px;background:#fff url(../img/ico_info.png) no-repeat 20px 50%}
#design .service .eb03{padding:30px 30px 30px 130px;background:#fff url(../img/ico_mobile.png) no-repeat 20px 50%}
#design .service .os01{padding:30px 30px 30px 130px;background:#fff url(../img/ico_oneservice.png) no-repeat 20px 50%}
#design .service .os02{padding:30px 30px 30px 130px;background:#fff url(../img/ico_members.png) no-repeat 20px 50%}
#design .service .bs01{padding:30px 30px 30px 130px;background:#fff url(../img/ico_ebook.png) no-repeat 20px 50%}
#design .service .bl01{padding:30px 30px 30px 130px;background:#fff url(../img/ico_bookdream.png) no-repeat 20px 50%}
#design .service .schema{position:relative;padding:10px 0 30px 0}
#design .service .schema ol{position:absolute;top:-30px;right:0;overflow:hidden}
#design .service .schema ol li{float:left;position:relative;margin-right:20px;padding-left:25px}
#design .service .schema ol .sc1 i{position:absolute;top:0;left:0;display:block;width:23px;height:23px;background:url(../img/ico_nl01.png) no-repeat 50% 50%}
#design .service .schema ol .sc2 i{position:absolute;top:0;left:0;display:block;width:23px;height:23px;background:url(../img/ico_nl02.png) no-repeat 50% 50%}
#design .service .schema ol .sc3 i{position:absolute;top:0;left:0;display:block;width:23px;height:23px;background:url(../img/ico_nl03.png) no-repeat 50% 50%}
#design .service .schema div{padding-bottom:30px}
#design .service .schema div h4{padding:0 0 4px 28px;font-size:16px;font-weight:400;color:#333 !important;background:url(../img/dp2.png) no-repeat 13px 9px}
#design .service .schema div ul{overflow:hidden}
#design .service .schema div ul li{float:left;position:relative;width:33.33%;text-align:center}
#design .service .schema div ul li i{position:absolute;top:50%;right:-10px;margin:-15px 0 0 0;width:20px;height:30px;background:url(../img/st0.png) no-repeat 50% 50%}
#design .service .schema div ul li span{display:block;margin:10px 10%;height:150px;border:1px solid #ccc;background:#fafafa;border-radius:10px}
#design .service .schema div ul li strong{font-size:16px;font-weight:400;color:#333 !important}
#design .service .schema .img1 *{color:#96c41c}
#design .service .schema .img1 li span{border:1px solid #ccc}
#design .service .schema .img1 .sa1 span{background:url(../img/ico_nl11.png) no-repeat 50% 50%}
#design .service .schema .img1 .sa2 span{background:url(../img/ico_nl12.png) no-repeat 50% 50%}
#design .service .schema .img1 .sa3 span{background:url(../img/ico_nl13.png) no-repeat 50% 50%}
#design .service .schema .img2 *{color:#53b5e6}
#design .service .schema .img2 li span{border:1px solid #ccc}
#design .service .schema .img2 .sa1 span{background:url(../img/ico_nl21.png) no-repeat 50% 50%}
#design .service .schema .img2 .sa2 span{background:url(../img/ico_nl22.png) no-repeat 50% 50%}
#design .service .schema .img2 .sa3 span{background:url(../img/ico_nl23.png) no-repeat 50% 50%}

/**/
#design .community{}
#design .community .faq_list{width:100%;border-top:1px solid #000;}
#design .community .faq_list .faq .faq_q{position:relative;padding:0 80px;border-bottom:1px solid #ccc;font-size:17px;overflow:hidden;}
#design .community .faq_list .faq .faq_q dt {position:absolute;top:7px;left:24px}
#design .community .faq_list .faq .faq_q dd {line-height:50px;font-size:17px;}
#design .community .faq_list .faq .faq_q dd a{font-size:17px;}
#design .community .faq_list .faq .faq_a {position:relative;padding:0 80px;border-bottom:1px solid #ccc;background:#fafafa;font-size:14px;overflow:hidden;}
#design .community .faq_list .faq .faq_a dt{position:absolute;top:14px;left:24px}
#design .community .faq_list .faq .faq_a dd{height:auto;min-height:60px;margin:14px 0;line-height:20px;font-size:17px;}
#design .community .faq_list .faq .faq_a dd a{font-size:17px}
#design .community .faq_list .faq .disnone{display:none}
#design .community .serve{position:relative}
#design .community .serve i{position:absolute;top:220px;right:0;width:370px;height:510px;background:url(../img/img_serve.png) no-repeat 100% 0%}
#design .community .dream{position:relative}
#design .community .dream i{position:absolute;top:-30px;right:0;width:220px;height:150px;background:url(../img/img_dream.png) no-repeat 100% 0%}
#design .community .monitor{position:relative}
#design .community .monitor i{position:absolute;top:-120px;right:25px;width:220px;height:150px;background:url(../img/img_monitor.png) no-repeat 100% 0%}

/**/
#design .community .locker_list {display:block;overflow:hidden;}
#design .community .locker_list li {float:left;width:41px;height:130px;border:1px solid #ccc;border-top:2px solid #ccc;margin:0 1px 10px 0;position:relative;padding:26px 2px 2px;}
#design .community .locker_list li .num {position:absolute;top:5px;left:5px;}
#design .community .locker_list li a {display:block;border-radius:2px;text-align:center;margin-bottom:5px;font-size:12px;font-weight:bold;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';padding:5px;}
#design .community .locker_list li a.btn_Lsign {background:#ff581c;color:#fff;}
#design .community .locker_list li a.btn_Lcancel {background:#e3e3e3;border:1px solid #dadada;}
#design .community .locker_list li .btn_Ling,
#design .community .locker_list li .btn_noLsign {display:block;border-radius:2px;text-align:center;margin-bottom:5px;font-size:12px;font-weight:bold;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';padding:5px;}
#design .community .locker_list li .btn_Ling {background:#0da871;color:#fff;}
#design .community .locker_list li .btn_noLsign {background:#6d6d6d;color:#cfcfcf;}
#design .community .ta_mo_none {display:none;}


/**/
#design .member{padding:10px 0}
#design .member .infomation{margin:0 0 20px 0;padding:20px 0 20px 110px;color:#555;border:1px solid #d3d0d8;background:url(../img/infomation.png) no-repeat -10px 50%}
#design .member .infomation dl{overflow:hidden}
#design .member .infomation dt{float:left;display:block;padding-right:10px;line-height:30px;font-size:20px;font-weight:600;color:#2b3b56}
#design .member .infomation dd{float:left;display:block;line-height:30px;font-size:16px}
#design .member .infomation ul{padding-top:1px;overflow:hidden}
#design .member .infomation ul li{float:left;padding:0 0 0 15px;margin-right:30px;line-height:20px;font-size:15px;background:url(../img/ico_dot.png) no-repeat 0 50%}
#design .member .infomation ul li span.mem_num{color:#a28354}
#design .member .infomation ul li span.use_ok{color:#498bbf}
#design .member .infomation ul li span.use_no{color:#c14e33}

/**/
#design .terms{padding:10px 0}
#design .terms *{line-height:19px;font-size:14px;font-weight:400;color:#333}
#design .terms h3{padding-bottom:10px;font-size:17px;font-weight:600;color:#263b98}
#design .terms h4{padding:0 5px 5px 8px;font-weight:400}
#design .terms ul{padding:0 17px}
#design .terms ul li{padding-bottom:3px}
#design .terms p{padding:0 5px 0 10px;line-height:20px}
#design .terms table th{padding:3px 0 !important}
#design .terms .termsbox{position:relative;margin-bottom:20px;padding:20px;line-height:25px;border:1px solid #e0e0e0;border-bottom:1px solid #9c9c9c;background:#fff;border-radius:10px;border-bottom-right-radius:0px;box-shadow:1px 3px 1px #f0f0f0}
#design .terms .termsbox strong{font-weight:400}
#design .terms .box{margin-bottom:10px}
#design .terms .tgroup{padding-bottom:20px}
#design .terms .tgroup > ul > li ul{margin-top:5px;padding:8px 0;border:0px solid #e0e0e0}
#design .terms .tgroup > ul > li ul strong{display:block;padding-bottom:6px}
#design .terms .tgroup > ul > li > ul > li > ul{border:0px solid #e0e0e0;}
#design .terms .tgroup > ul > li > ul > li > ul > li > ul{padding:12px;border:0px solid #e0e0e0;background:#f9f9f9}
#design .terms .point{padding:0 5px 5px 5px;font-weight:600;color:#00877d}
#design .terms .pb5{padding-bottom:5px}
#design .terms .pb10{padding-bottom:10px}
#design .terms .pb15{padding-bottom:15px}
#design .terms .btn{padding:0 6px 1px 6px;font-size:12px;color:#fff;border:1px solid #696969;background:#777;border-radius:3px}
#design .terms .btn:hover{border:1px solid #111;background:#333}

/**/
#design .email{padding:30px 0}
#design .email *{line-height:25px;font-size:15px;font-weight:400}
#design .email .emailbox{position:relative;margin-bottom:20px;padding:20px 50px 50px 0px;line-height:25px;color:#333;border-top:1px solid #e0e0e0;border-bottom:0px solid #9c9c9c;background:#fff;background:url(../img/mail_bg.png) no-repeat 90% 100%;border-radius:0px;border-bottom-right-radius:0px;box-shadow:0 #f0f0f0}
#design .email .emailbox strong{color:#c62338;font-weight:600}
#design .email .emaildate{padding:60px 0 120px 0;font-size:15px;font-weight:600;color:#00877d}


/*질문*/
#design .polltit{margin-top:20px;padding:0 55px;position:relative;overflow:hidden}
#design .polltit h3{position:relative;padding-left:25px;line-height:40px;font-size:16px;font-weight:600;letter-spacing:-1px;color:#333}
#design .polltit h3 strong{font-size:17px;padding-right:10px;color:#00877d}
#design .pollitem{margin-bottom:20px;padding:6px 80px 30px 80px;border-bottom:1px solid #e7e7e7}
#design .pollitem ul{overflow:hidden}
#design .pollitem ul li{padding-bottom:10px}
#design .pollitem .question{padding-bottom:1px}
#design .pollitem .question strong{padding-right:3px}
#design .pollitem .question label{padding-right:10px}
#design .pollitem .question input{height:25px;line-height:25px}
#design .pollitem .graph{position:relative;margin:0 120px 0 20px;height:10px;background:url(../../wdVote/img/poll_graph_bg01.gif) repeat-x}
#design .pollitem .graph .graphitem{height:10px;text-align:center;background:url(../../wdVote/img/poll_graph_bg02.gif) repeat-x}
#design .pollitem .graph strong{position:absolute;top:-5px;right:-100px}

#poll_outline{width:99%;padding-top:15px;clear:both;border:3px #cacaca solid;border-top-left-radius:10px;border-bottom-right-radius:10px}
#poll{padding:0 15px 15px}
#poll dl dd{padding:0;margin-left:23px;line-height:150%}
#poll dl dd.tit{font-size:1.1em;font-weight:600;padding-bottom:10px;color:#1256A1}
#poll dl dt{float:left;width:28px;padding:0;margin:0}
#poll_info{float:left;;padding-top:20px}
#poll_tit{float:left;background:url("../img/common/bullet_list01.gif") no-repeat 0 5px;padding-left:12px;font-weight:600}
#poll_pass #poll_pass_title{background:url("../img/common/bullet_list01.gif") no-repeat 0 5px;padding-left:12px;margin-bottom:5px;width:757px;font-weight:600}
#poll_table{margin-bottom:10px}
#poll_pop{margin:15px}


/*table*/
table *{margin:0;padding:0;border:0;list-style-type:none;color:#333}
table{width:100%;border-collapse:collapse;border-top:2px solid #2b58a9;margin-bottom:30px;}
table caption{display:none}
table thead th {font-size:17px}
table tbody td {font-size:14px;}
table thead th{padding:10px 10px;line-height:20px;text-align:center;color:#000;border-left:1px solid #e7e7e7;border-right:none;border-bottom:1px solid #989898;background:#fff;}
table thead th:first-child{border-left:0}
table thead tr{background-color:#fff}
table tbody th{font-size:14px;padding:7px 10px;text-align:center;color:#002747;border:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2}
table tbody td{font-size:14px;padding:8px 8px;text-align:center;border:1px solid #e2e2e2;border-bottom:1px solid #ccc}
table tbody td .line {color:#fff;}
table tbody td:first-child{border-left:0}
table tbody td:last-child{border-right:0}
table tbody th:first-child{border-left:0}
table tbody th:last-child{border-right:0;}
table tbody tr:first-child th,
table tbody tr:first-child td{border-top:1px solid #aaa;}
table tbody td button{margin:2px 0;padding:2px 5px;border:1px solid #989898;border-bottom:1px solid #cacaca;background-color:#fff}
table tbody td.subject{text-align:left}
table tbody td.subject a:hover{color:#000;text-decoration:underline}
table tbody th.fwn {font-weight:normal;font-size:14px}
table tbody th.item,
table tbody td.item{/*padding:0 0 0 30px;text-align:left;*/border-bottom:1px solid #cacaca; padding-left:30px; text-align:left;background-color:#fafafa}
table tbody td.item span.red{position:absolute;}
table tbody td .dtnum{display:block;position:relative;height:16px;line-height:16px;text-overflow:ellipsis;overflow:hidden}
table tbody td .new{font-size:11px;font-weight:800;color:#c00}
table tbody td .btn_zip{padding:0 7px;height:25px;font-size:12px;letter-spacing:-1px;color:#fff;border:1px solid #333;background:#777;cursor:pointer}
table tbody td .okay{padding:5px 30px;font-size:16px;color:#fff;border:1px solid #333;background:#333;cursor:pointer}
table tbody td span.info { padding:0 3px;}
table tbody td ol li {font-size:14px;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';}
table tfoot td.tal{text-align:left}
table tfoot td button{margin:2px 0;padding:2px 5px;border:1px solid #ccc;background-color:#fff}

#contain #design table *{list-style-type:none;color:#333}
#contain #design table{width:100%;border-collapse:collapse;border-top: 3px solid #333;margin-bottom:30px;}
#contain #design table caption{display:none}
#contain #design table thead th {font-size:18px}
#contain #design table tbody td {font-size:14px;}
#contain #design table thead th{padding:12px 10px;line-height: 1.2em;text-align:center;color:#000;border-left:1px solid #e7e7e7;border-right:none;border-bottom:1px solid #989898;background:#f2f2f2;font-size: 17px;}
#contain #design table thead th:first-child{border-left:0}
#contain #design table thead tr{background-color:#fff}
#contain #design table tbody th{font-size:15px;padding: 10px;text-align:center;color:#002747;border:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;font-weight: 400;}
#contain #design table tbody td{font-size:14px;padding: 10px;text-align:center;border:1px solid #e2e2e2;border-bottom:1px solid #ccc}
#contain #design table tbody td .line {color:#fff;}
#contain #design table tbody td:first-child{border-left:0}
#contain #design table tbody td:last-child{border-right:0}
#contain #design table tbody th:first-child{border-left:0}
#contain #design table tbody th:last-child{border-right:0;}
#contain #design table tbody tr:first-child th,
#contain #design table tbody tr:first-child td{border-top:1px solid #aaa;}
#contain #design table tbody td button{margin:2px 0;padding:2px 5px;border:1px solid #989898;border-bottom:1px solid #cacaca;background-color:#fff}
#contain #design table tbody td.subject{text-align:left}
#contain #design table tbody td.subject a:hover{color:#000;text-decoration:underline}
#contain #design table tbody th.fwn {font-weight:normal;font-size:14px}
#contain #design table tbody th.item,
#contain #design table tbody td.item{/*padding:0 0 0 30px;text-align:left;*/border-bottom:1px solid #cacaca; padding-left:30px; text-align:left;background-color:#fafafa}
#contain #design table tbody td.item span.red{position:absolute;}
#contain #design table tbody td .dtnum{display:block;position:relative;height:16px;line-height:16px;text-overflow:ellipsis;overflow:hidden}
#contain #design table tbody td .new{font-size:11px;font-weight:800;color:#c00}
#contain #design table tbody td .btn_zip{padding:0 7px;height:25px;font-size:12px;letter-spacing:-1px;color:#fff !important;border:1px solid #333;background:#777 !important;cursor:pointer}
#contain #design table tbody td .okay{padding:5px 30px;font-size:16px;color:#fff;border:1px solid #333;background:#333;cursor:pointer}
#contain #design table tbody td span.info { padding:0 3px;}
#contain #design table tbody td ol li {font-size:14px;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕' !important;}
#contain #design table tfoot td.tal{text-align:left}
#contain #design table tfoot td button{margin:2px 0;padding:2px 5px;border:1px solid #ccc;background-color:#fff}
#contain #design table td input[type="text"] {padding: 3px;border: 1px solid #ddd;}

#contain #design table td img {vertical-align:middle;}


/**/
#contain #dkboard .dk_table table *{margin:0;padding:0;border:0;list-style-type:none;font-size:13px;color:#333}
#contain #dkboard .dk_table table{width:100%;border-collapse:collapse;border-top:2px solid #2b58a9; border-bottom:2px solid #ddd;background: #fff;}
#contain #dkboard .dk_table table caption{display:none}
#contain #dkboard .dk_table table tbody tr:hover { background:#fafafa;}
#contain #dkboard .dk_table table tbody tr:hover td[scope=row] { background:#f7f7f7; border-right:1px solid #ddd;}
#contain #dkboard .dk_table table tbody tr.notice td {border-bottom:1px solid #c5d7e0;background:#f3f3f1}
#contain #dkboard .dk_table table thead th{padding:14px 10px 16px 10px;line-height:15px;font-size:15px;font-weight:700;text-align:center;color:#000;border-bottom:1px solid #b2b2b2; position:relative;background:#fff;box-shadow:0px 3px 0px 0px rgba(0,0,0,0.08)}
#contain #dkboard .dk_table table tbody td{padding:9px 10px; font-size:13px;color:#333;text-align:center;border-right:1px solid #eaeaea;border-bottom:1px solid #ddd;}
#contain #dkboard .dk_table table tbody td[scope=row] span{display:block;width:36px;color:#fff;height:20px;background:#333;margin:0 auto;font-size:12px;line-height:20px;text-align:center;border-radius:4px}
#contain #dkboard .dk_table table tbody td[scope=row] span.bt-content{display:inline;background:none;color:#2285ce;font-family:arial;font-size:13px;font-weight:400}
#contain #dkboard .dk_table table tbody td a{line-height:15px;font-size:13px;color:#333}
#contain #dkboard .dk_table table tbody td a.company{display:block;padding:7px 0 0 30px;font-size:16px;color:#000;background:url(../img/ico_company.png) no-repeat 0 50%}
#contain #dkboard .dk_table table tbody td img{vertical-align:middle}
#contain #dkboard .dk_table table tbody td ul{text-align:left}
#contain #dkboard .dk_table table tbody td li{font-size:15px;line-height:20px;color:#333}
#contain #dkboard .dk_table table tbody td.subject{text-align:left; padding-top:15px;}
#contain #dkboard .dk_table table tbody td.subject div{position:relative;padding:5px 0;line-height:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#contain #dkboard .dk_table table tbody td.subject a{display:inline-block;padding:0 0 0 0 !important;font-size:14px;font-weight:normal;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height: 16px;}
#contain #dkboard .dk_table table tbody td.subject a:hover { color:#ff661b;}
#contain #dkboard .dk_table table tbody td.subject span{font-size:11px;font-weight:800}
#contain #dkboard .dk_table table tbody td.subject span img{}
#contain #dkboard .dk_table table tbody td.subject .new{display:inline-block;top:2px;width:30px;height:15px;background:url(../img/ico_new.png) no-repeat 50% 50%;text-indent:-9999em;overflow:hidden; vertical-align:top !important;}
#contain #dkboard .dk_table table tbody td.subject .secret{display:inline-block;top:2px;width:17px;height:15px;background:url(../img/ico_secret.png) no-repeat 50% 50%;text-indent:-9999em;overflow:hidden; vertical-align:top !important;}
#contain #dkboard .dk_table table tbody td.subject .reply{display:inline-block;position:relative;left:-2px;padding:0 0 0 10px; background:url(../img/ico_reply.png) no-repeat 0px -38px;text-indent:-9999em;overflow:hidden; vertical-align:top !important;width: 1px;}
#contain #dkboard .dk_table table tbody td.subject .list_reply{color:#aa6801}
#contain #dkboard .dk_table table tbody td.subject notice{background:#f3f3f1;border-bottom:1px solid #c5d7e0}
#contain #dkboard .dk_table table tbody td div.tac{padding:100px 0} 
#contain #dkboard .dk_table table tbody td .this{font-size:11px;color:#f30}
#contain #dkboard .dk_table table tbody td .notice{font-size:11px;color:#0054FF}
#contain #dkboard .dk_table table tr:first-child td{background:url(../img/board/table_td.png) repeat-x 0 0}
#contain #dkboard .dk_table table tr th:last-child{border-right:0}
#contain #dkboard .dk_table table tr td:last-child{border-right:0}

#timUser{display:block;overflow:hidden}
#timUser .userNum{float:left;display:block;width:20%;padding:4px 0}

/**/
#contain #design .nocontent{border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;clear:both;padding:180px 0 100px 0;font-size:16px !important;font-weight:400;color:#777;text-align:center; background-color:#fff; margin-top:-31px;}

/**/
#dkboard .dk_tabmenu{padding-bottom:30px}
#dkboard .dk_tabmenu *{margin:0;padding:0;border:0;list-style-type:none}
#dkboard .dk_tabmenu ul{height:42px;border-bottom:2px solid #ff581c;*zoom:1}
#dkboard .dk_tabmenu ul:before,
#dkboard .dk_tabmenu ul:after{clear:both;display:table;content:"";line-height:0}
#dkboard .dk_tabmenu li{float:left}
#dkboard .dk_tabmenu li a{display:block;margin-left:-2px;padding:0 20px;height:40px;line-height:40px;text-align:center;border:2px solid #d5d5d5;border-bottom:2px solid #ff581c;background:#fff;font-size:17px}
#dkboard .dk_tabmenu li a strong{font-size:inherit;font-weight:400;color:#888}
#dkboard .dk_tabmenu li:first-child a{margin:0}
#dkboard .dk_tabmenu li a:hover{position:relative;z-index:5;color:#777;border:2px solid #ff581c;border-bottom:2px solid #fff;background:#fff}
#dkboard .dk_tabmenu li a.sel{position:relative;z-index:5;font-weight:800;letter-spacing:0px;color:#ff581c;border:2px solid #ff581c;border-bottom:2px solid #fff;background:#fff}
#dkboard .dk_tabmenu li a.sel strong{font-weight:600;color:#333}

/**/
#dkboard .dk_fieldset{position:relative}
#dkboard .dk_fieldset fieldset{position:relative;margin:0 80px 30px 80px;padding:20px 0 0 0;border:1px solid #d9d9d9}
#dkboard .dk_fieldset fieldset legend{display:none}
#dkboard .dk_fieldset .type{position:relative;*zoom:1}
#dkboard .dk_fieldset .type:before,
#dkboard .dk_fieldset .type:after{clear:both;display:table;content:"";line-height:0}
#dkboard .dk_fieldset .type label{display:block;margin:0 20% 5px 20%;line-height:25px}
#dkboard .dk_fieldset .type label strong{position:absolute;top:0;left:10%;line-height:25px;font-size:14px;font-weight:400}
#dkboard .dk_fieldset .type label span{display:block;border:1px solid #ccc}
#dkboard .dk_fieldset .type label input{padding:5px 0;width:100%;text-indent:10px}
#dkboard .dk_fieldset .type label select{padding:5px;width:100%;border:1px solid #ccc;text-indent:6px}
#dkboard .dk_fieldset .order{margin:20px 0 0 0;padding:10px 0;border-top:1px solid #ccc;background:#f7f7f7}
#dkboard .dk_fieldset .order .hunmin{text-align:center}
#dkboard .dk_fieldset .order .hunmin a{display:inline-block;padding:5px;border:1px solid #ccc;background:#fff;border-radius:3px}
#dkboard .dk_fieldset .button{position:absolute;top:24px;right:50px}
#dkboard .dk_fieldset .button button{width:80px;height:72px;font-size:15px;color:#fff;border:0;border-top:4px solid #035ca9;background:#0480ce}

/**/
#design .dk_view{*zoom:1}
#design .dk_content { padding-top:15px;}
#design .dk_view:before,
#design .dk_view:after{clear:both;display:table;content:"";line-height:0}
#design .dk_view h2{position:relative;z-index:2;padding:17px 0;font-size:17px;text-align:center;border-top:2px solid #aaa;border-bottom:1px solid #aaa;box-shadow:0px 2px 0px 0px rgba(0,0,0,0.08)}
#design .dk_view h3{padding:10px 20px;font-size:13px;color:#004d9b;border-top:1px solid #004d9b;border-bottom:1px solid #eee;background:#f9f9f9}
#design .dk_view dl{float:left;position:relative;width:50%;height:auto;border-bottom:1px solid #e0e0e0;background:#fff;overflow:hidden;padding:0;margin:0}
#design .dk_view dl:before{width:100px;height:1000px;position:absolute;background:#fafafa;display:block;content:"";left:0;top:0}
#design .dk_view dl.lik{width:100%;min-height:40px;border-top:1px solid #e0e0e0;margin-top:-1px;vertical-align:middle}
#design .dk_view dl.add{width:100%;min-height:40px;border-top:1px solid #e0e0e0;margin-top:-1px;vertical-align:middle}
#design .dk_view dl.add a{padding-right:15px}
#design .dk_view dl.add img{padding:0; margin:0; padding-right:6px; vertical-align:top;}
#design .dk_view dt{position:absolute;left:5px;top:2px;font-size:14px; font-weight:bold;  padding:9px 0; overflow:hidden;text-indent:18px;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕','NanumSquare';}
#design .dk_view dd{height:15px;line-height:20px;height:auto; min-height:20px; padding:10px 0;  padding-left:120px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; font-size:14px;}
#design .dk_view .img{float:left;width:30%}
#design .dk_view .img img{width:100%;border:1px solid rgba(0,0,0,0.4)}
#design .dk_view .info{float:right;margin:0 0 20px 0;width:65%}
#design .dk_view .cominfo{margin:0 0 20px 0}
#design .dk_view .contents{clear:both;position:relative;z-index:2;top:-1px;padding:20px;min-height:300px;background:none!important;width:auto !important;border-top:0px solid #e0e0e0;border-bottom:0px solid #d2d2d2}
#design .dk_view .viewfile{margin-bottom:20px;padding:0 20px;border-bottom:1px solid #d2d2d2;background:#fff;overflow:hidden}
#design .dk_view .viewfile li{position:relative;padding:7px 0 7px 11%;min-height:40px;border-bottom:0px solid #eee;overflow:hidden}
#design .dk_view .viewfile li strong{position:absolute;top:10px;left:0px;padding:0 0 0 12px;line-height:20px;font-size:13px;background:url(../img/ico_clip.png) no-repeat 0 2px}
#design .dk_view .viewfile li a{display:block;padding:5px 0 5px 20px;font-size:12px}
#design .dk_view .viewfile li a.alz{background:url(../../wdBoard/img/alz.gif) no-repeat 0 3px}
#design .dk_view .viewfile li a.bmp{background:url(../../wdBoard/img/bmp.gif) no-repeat 0 3px}
#design .dk_view .viewfile li a.doc{background:url(../../wdBoard/img/doc.gif) no-repeat 0 3px}
#design .dk_view .viewfile li a.gif{background:url(../../wdBoard/img/gif.gif) no-repeat 0 3px}
#design .dk_view .viewfile li a.hwp{background:url(../../wdBoard/img/hwp.gif) no-repeat 0 3px}
#design .dk_view .viewfile li a.jpg{background:url(../../wdBoard/img/jpg.gif) no-repeat 0 3px}
#design .dk_view .viewfile li a.pdf{background:url(../../wdBoard/img/pdf.gif) no-repeat 0 3px}
#design .dk_view .viewfile li a.png{background:url(../../wdBoard/img/png.gif) no-repeat 0 3px}
#design .dk_view .viewfile li a.ppt{background:url(../../wdBoard/img/ppt.gif) no-repeat 0 3px}
#design .dk_view .viewfile li a.xls{background:url(../../wdBoard/img/xls.gif) no-repeat 0 3px}



/**/

#design .dk_movie{margin:0 -10px;overflow:hidden;*zoom:1}
#design .dk_movie:before,
#design .dk_movie:after{clear:both;display:table;content:"";line-height:0}
#design .dk_movie .webzine{float:left;width:50%}
#design .dk_movie .webzine dl{position:relative;margin:10px;padding:0 0 0 25%; min-height:178px;height:190px;border:1px solid #d2d2d2;*zoom:1;transition:all 0.3s ease-in-out}
#design .dk_movie .webzine dl:before,
#design .dk_movie .webzine dl:after{clear:both;display:table;content:"";line-height:0}
#design .dk_movie .webzine dl:hover{border:1px solid #ff794b;box-shadow:0px 2px 2px 0px rgba(0,0,0,0.16);transition:all 0.3s ease-in-out}
#design .dk_movie .webzine dt{position:absolute;top:0;left:0;width:100%}
#design .dk_movie .webzine dt .tit{padding:10px 20px;border-bottom:1px solid #eee}
#design .dk_movie .webzine dt .tit{background:none}
#design .dk_movie .webzine dt .tit a{display:block;font-size:17px;font-weight:500;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#design .dk_movie .webzine dt .img{margin:10px 20px}
#design .dk_movie .webzine dt .img a{display:inline-block;border:1px solid #eee}
#design .dk_movie .webzine dt .img .noimg{display:block;width:75px;height:100px;background:url(../img/noimg.png) no-repeat 50% 50%;background-size:90px 90px}
#design .dk_movie .webzine dt .img img{width:75px}
#design .dk_movie .webzine dd{padding:55px 20px 10px 0}
#design .dk_movie .webzine dd ul{padding:0 0 5px 0}
#design .dk_movie .webzine dd li{padding:0 10px;font-size:14px;color:#333;border:0;background:url(../img/tongyeong/depth3_5.png) no-repeat 0 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#design .dk_movie .webzine dd li span{font-size:13px;color:#777}
#design .dk_movie .webzine dd .txt{margin-bottom:10px;padding:0 10px;height:48px;line-height:16px;font-size:13px;color:#333;overflow:hidden}
#design .dk_movie .webzine p{height:60px;line-height:20px;color:#888;overflow:hidden}
#design .dk_movie .webzine .more{position:absolute;top:10px;right:10px;color:#ff794b}
#design .dk_movie .detail{}
#design .dk_movie .detail dl{position:relative;margin:10px;padding:0 0 0 25%;border:1px solid #d2d2d2;*zoom:1;transition:all 0.3s ease-in-out}
#design .dk_movie .detail dl:before,
#design .dk_movie .detail dl:after{clear:both;display:table;content:"";line-height:0}
#design .dk_movie .detail dt{position:absolute;top:0;left:0;width:100%}
#design .dk_movie .detail dt .tit{padding:10px 20px;display:block;font-size:22px;font-weight:600;color:#1c368d;border-bottom:1px solid #eee}
#design .dk_movie .detail dt .img{margin:20px}
#design .dk_movie .detail dt .img a{display:inline-block;border:1px solid #eee}
#design .dk_movie .detail dt .img .noimg{display:block;width:150px;height:214px;background:url(../img/noimg.png) no-repeat 50% 50%;background-size:90px 90px}
#design .dk_movie .detail dt .img img{width:150px}
#design .dk_movie .detail dd{padding:70px 20px 10px 0}
#design .dk_movie .detail dd ul{padding:0 0 20px 0}
#design .dk_movie .detail dd li{position:relative;padding:3px 10px 3px 70px;line-height:20px;font-size:17px;color:#333;border:0;background:url(../img/tongyeong/depth3_5.png) no-repeat 0 5px}
#design .dk_movie .detail dd li span{position:absolute;top:3px;left:0;font-size:17px;color:#ff794b}
#design .dk_movie .detail dd .txt{padding:20px 0 50px 0;line-height:25px;font-size:15px;color:#333;border-top:1px solid #eee;text-align:justify;word-break:break-all}
#design .dk_movie .detail p{height:60px;line-height:20px;color:#888;overflow:hidden}
/**/
#dkboard .dk_detail{margin-bottom:20px;*zoom:1}
#dkboard .dk_detail:before,
#dkboard .dk_detail:after{clear:both;display:table;content:"";line-height:0}
#dkboard .dk_detail *{margin:0;padding:0;border:0;list-style-type:none;font-size:12px}
#dkboard .dk_detail h2{margin:10px 0 30px;padding:20px 30px;font-size:16px;color:#0473ba;border-top:2px solid #0473ba;border-bottom:1px solid #0473ba;background:#fff}
#dkboard .dk_detail h3{padding:10px 20px;font-size:13px;color:#004d9b;border-top:1px solid #004d9b;background:#f9f9f9}
#dkboard .dk_detail table *{margin:0;padding:0;border:0;list-style-type:none;font-size:12px}
#dkboard .dk_detail table{width:100%;border-collapse:collapse;border-top:1px solid #ccc}
#dkboard .dk_detail table caption{display:none}
#dkboard .dk_detail table th{padding:10px 20px;text-align:left;border-bottom:1px solid #ccc;background:#fff}
#dkboard .dk_detail table td{padding:10px;font-size:14px;color:#333;border-bottom:1px solid #ccc;background:#fff}
#dkboard .dk_detail table td a{font-size:14px;color:#333}
#dkboard .dk_detail .capacity{min-height:50px;overflow:hidden}
#dkboard .dk_detail .capacity dl{float:left;width:11.11%;text-align:center;position:static}
#dkboard .dk_detail .capacity dt{display:block;padding:5px 0;background:#ecf9f4}
#dkboard .dk_detail .capacity dd{display:block;padding:5px 0}
#dkboard .dk_detail .img{float:left;width:30%}
#dkboard .dk_detail .img img{width:100%;border:1px solid rgba(0,0,0,0.4)}
#dkboard .dk_detail .info{margin:0 0 20px 0}
#dkboard .dk_detail .info dl{position:relative;padding-left:160px;border-top:1px solid #ccc;overflow:hidden}
#dkboard .dk_detail .info dt{position:absolute;top:10px;left:20px;line-height:20px}
#dkboard .dk_detail .info dd{padding:10px 0;line-height:20px}

/**/
#dkboard .basic_write input[type="text"], 
#dkboard .basic_write input[type="password"]{padding:0 10px;height:30px;border:1px solid #ccc;background:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;appearance:none;-webkit-appearance:none;border-radius:0;-webkit-border-radius:0;line-height:30px\9;font-size:14px;font-family:inherit}

/**/
#dkboard .faqlist *{margin:0;padding:0;list-style-type:none}
#dkboard .faqlist li{padding:20px 0;border-bottom:1px solid #ccc}
#dkboard .faqlist li dl{padding:10px 0;position:relative}
#dkboard .faqlist li dt{position:absolute;top:10px;left:0}
#dkboard .faqlist li dt strong{font-size:24px;font-family:Arial, Helvetica, sans-serif}
#dkboard .faqlist li dd{padding-left:40px}
#dkboard .faqlist li dd br{display:none}

/**/
#dkboard .prevnext{padding-bottom:12px}
#dkboard .prevnext *{margin:0;padding:0;border:0;list-style-type:none;font-size:13px}
#dkboard .prevnext ul{border-top:1px solid #ccc}
#dkboard .prevnext li{position:relative;padding:0px 90px 0 110px; height:44px; border:1px solid #ccc; border-top:0;}
#dkboard .prevnext li strong{position:absolute;top:0;left:0; width:90px; background:#fafafa; height:43px; line-height:43px; font-size:13px;  border-right:1px solid #ccc;  text-align:center;display:block;color:#555;}
#dkboard .prevnext li p{color:#999; line-height:44px;}
#dkboard .prevnext li a {display:block; height:44px; line-height:44px; padding-right:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#dkboard .prevnext li a:hover { color:#ff661b;}
#dkboard .prevnext li span{position:absolute;top:11px;right:18px;display:block;color:#999}

/**/
#dkboard .dk_pass{padding:40px 0}
#dkboard .dk_pass .box{padding:30px;font-size:20px;text-align:center;border:1px solid #d2d2d2;background:#fafafa}
#dkboard .dk_pass .button button,
#dkboard .dk_pass .button a{padding:5px 30px}

/**/
#design .dk_title{position:relative;z-index:10;padding:10px 0;*zoom:1}
#design .dk_title:before,
#design .dk_title:after{clear:both;display:table;content:"";line-height:0}
#design .dk_title *{margin:0;padding:0;font-size:13px;border:0;list-style-type:none}
#design .dk_title h3{float:left;line-height:30px;font-weight:400;color:#333}
#design .dk_title .dk_search{float:right}

/**/
#design .dk_search{position:relative;*zoom:1}
#design .dk_search:before,
#design .dk_search:after{clear:both;display:table;content:"";line-height:0}
#design .dk_search fieldset{float:right}
#design .dk_search fieldset legend{display:none}
#design .dk_search fieldset select{float:left;margin:0 5px 0 0;padding:3px;height:25px;line-height:25px;font-size:13px;font-weight:400;color:#777;border:1px solid #ccc;background:#fff}
_::-moz-svg-foreign-content, :root #design .dk_search fieldset select{line-height:19px !important}
#design .dk_search fieldset label{float:left;padding:0 10px 0 0;line-height:30px}
#design .dk_search fieldset input{float:left;margin:0 5px 0 0;padding:0 5px;height:25px;line-height:25px;font-size:12px;color:#777;border:1px solid #ccc;border-radius:0px}
#design .dk_search fieldset button{position:relative;top:0px;padding:0 12px;height:25px;line-height:25px;font-size:14px;color:#fff;border:0;background:#777;border-radius:0px}
#design .dk_search p{position:absolute;top:-65px;right:0}


#design .dk_search p a{display:block;padding:5px 25px;font-weight:400;color:#fff;border:1px solid #c62337;background:#c62337;border-radius:0px}
#design .comm{position:relative}
#design .comm h3{float:none;font-size:13px;padding-bottom:0;}
#design .comm h3:before { display:none;}
#design .comm .sett{position:absolute;z-index:10;top:12px;right:0}

/**/
#design .dk_paging{padding:0 0 10px 0;text-align:center}
#design .dk_paging *{margin:0;padding:0;border:0;list-style-type:none;font-size:13px}
#design .dk_paging .paging{padding: 10px 0 20px}
#design .dk_paging .paging span span{color:#2d4594;font-size:11px;display:none}
#design .dk_paging .paging strong{display:inline-block;padding:5px 10px;color:#000;border:1px solid #000}
#design .dk_paging .paging .num{display:inline-block;padding:5px 10px;color:#888;border:1px solid #d5d5d5}
#design .dk_paging .pprev{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-left:0px solid #ccc}
#design .dk_paging .prev{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-left:1px solid #ccc}
#design .dk_paging .next{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-right:1px solid #ccc}
#design .dk_paging .nnext{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-right:0px solid #ccc}

#design #sg_paging{padding:0 0 10px 0;text-align:center}
#design #sg_paging *{margin:0;padding:0;border:0;list-style-type:none;font-size:13px}
#design #sg_paging .paging{padding:20px 0}
#design #sg_paging .paging span span{color:#2d4594;font-size:11px;display:none}
#design #sg_paging .paging strong{display:inline-block;padding:5px 10px;color:#000;border:1px solid #000}
#design #sg_paging .paging .num{display:inline-block;padding:5px 10px;color:#888;border:1px solid #d5d5d5}
#design #sg_paging .pprev{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-left:0px solid #ccc}
#design #sg_paging .prev{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-left:1px solid #ccc}
#design #sg_paging .next{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-right:1px solid #ccc}
#design #sg_paging .nnext{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-right:0px solid #ccc}


/**/
#design .dk_button{padding:20px 0;text-align:right}
#design .dk_button *{margin:0;padding:0;border:0;list-style-type:none;font-size:13px}
#design .dk_button a{display:inline-block;padding:5px 20px;font-size:14px;color:#fff;border:1px solid #0f2e68;background:#0f2e68;border-radius:4px}
#design .dk_button button{display:inline-block;padding:5px 20px;font-size:14px;color:#fff;border:1px solid #0f2e68;background:#0f2e68;border-radius:4px}

/**/
#design .button{position:relative;padding:20px 0;text-align:center}
#design .button p{margin:0 0 30px 0;padding:20px 0;font-size:15px;border:1px solid #eee;background:#fafafa}
#design .button button{padding:14px 40px;font-size:15px;font-weight:600;text-align:center;color:#333;background:#fff;box-shadow:2px 2px 2px #eee;border-radius:3px;border:1px solid #ccc;cursor:pointer;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';}
#design .button a{display:inline-block;margin:0 7px;padding:13px 40px;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';font-size:15px;font-weight:600;color:#fff;background:#0f2e68;border-radius: 3px;box-shadow:2px 2px 2px #eee;transition:all 0.3s}
#design .button a:hover{color:#fff;background:#1f4a97}
#design .button a.st {display:inline-block;margin:0 7px;padding:13px 40px;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';font-size:15px;font-weight:600;color:#0f2e68;border:1px solid #aaa;border-top:3px solid #0f2e68;background:#fff;box-shadow:2px 2px 2px #eee;border-radius:3px;transition:all 0.3s}
#design .button a.st:hover{color:#ff581c;border:1px solid #aaa;border-top:3px solid #ff581c;background:#fff}
#design .button span{display:inline-block;margin:0 5px;padding:13px 40px;font-size:15px;color:#333;border:1px solid #aaa;border-top:2px solid #888;background:#fff;box-shadow:2px 2px 2px #eee;border-radius:3px}
#design .button span.end{color:#f23737;border:1px solid #aaa;}
#design .button .btn_end{padding:11px 50px;font-size:15px;font-weight:600;color:#c62337;border:1px solid #c62337;border-top:2px solid #c62337;background:#fff}
#design .button .btn_paym{padding:11px 60px;font-size:18px;color:#fff;border:1px solid #c62338;border-top:2px solid #c62338;background:#c62338;box-shadow:2px 2px 2px #ccc;border-radius:3px;transition:all 0.3s}
#design .button .btn_paym:hover{color:#fff;border:1px solid #aaa;border-top:2px solid #333;background:#333}
#design .button .btn_group{position:absolute;top:30px;left:0}
#design .button .btn_first{display:inline-block;margin:0 5px 0 0;padding:0 15px;line-height:30px;font-size:13px;font-weight:600;color:#555;border:1px solid #aaa;background:#fafafa;box-shadow:2px 2px 2px #eee;border-radius:0px;transition:all 0.3s}
#design .button .btn_first:hover{color:#000;border:1px solid #777;background:#fff}
#design .button .btn_retract{position:relative;top:-0px;display:inline-block;margin:0;padding:0 20px;height:50px;line-height:50px;font-size:17px;font-weight:600;color:#555;border:1px solid #aaa;background:#fff;box-shadow:2px 2px 2px #eee;border-radius:3px;transition:all 0.3s}
#design .button .btn_retract:hover{color:#000;border:1px solid #777;background:#fff}


/**/
#gallery_wrap{clear:both;overflow:hidden;margin:0 -7px;padding-bottom:12px;border-bottom:1px solid #d2d2d2}
#gallery_wrap .gallery_list{float:left;width:25%;padding-bottom:14px}
#gallery_wrap .image_bagic{margin:0 7px;padding:10px;background:#fff;border:1px solid #d2d2d2;border-bottom:1px solid #eee;text-align:center;transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)}
#gallery_wrap .image_bagic a{display:block;height:140px;overflow:hidden;background:url(../img/noimg.png) no-repeat center center;}
#gallery_wrap .image_bagic a img{width:100%;max-width:100%;min-height:140px;margin:0 auto;display:inline-block;height:auto;transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)}
#gallery_wrap .gallery_top{position:relative}
#gallery_wrap .gallery_top > img{position:absolute;top:5px;left:10px}
#gallery_wrap .gallery_top dl{margin:0 7px;padding:10px;border:1px solid #d2d2d2;border-bottom:1px solid #bbb;border-top:0;box-shadow:0px 2px 0px 0px rgba(0,0,0,0.08);transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)}
#gallery_wrap .gallery_top dt a{display:block;padding:0 0 3px 0;font-weight:normal;font-size:14px;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#gallery_wrap .gallery_top dd{line-height:20px}
#gallery_wrap .gallery_top dd br { display:none;}
#gallery_wrap .gallery_top .write{font-size:12px;color:#333}
#gallery_wrap .gallery_top .date{font-size:12px;color:#888}
#gallery_wrap .gallery_top .view_count{font-size:12px;color:#888}
#gallery_wrap .gallery_list:hover .image_bagic{border:1px solid #3394dd;border-bottom:1px solid #eee;transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)}
#gallery_wrap .gallery_list:hover .gallery_top dl { border:1px solid #3394dd; border-top:0;box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.16);transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)}
#gallery_wrap .gallery_list:hover .gallery_top dt a { color:#3394dd;}

#dk_book{}
#dk_book .dk_book{margin:0 -10px;overflow:hidden;*zoom:1}
#dk_book .dk_book:before,
#dk_book .dk_book:after{clear:both;display:table;content:"";line-height:0}
#dk_book .dk_book .webzine{float:left;position:relative; margin-bottom:20px;width:50%;background:url(../img/recom_table.png) no-repeat 50% 170px}
#dk_book .dk_book .webzine dl{margin:0 30px;padding:20px 30px;border:0px solid #cacaca;*zoom:1}
#dk_book .dk_book .webzine dl:before,
#dk_book .dk_book .webzine dl:after{clear:both;display:table;content:"";line-height:0}
#dk_book .dk_book .webzine dt{float:left;width:36%}
#dk_book .dk_book .webzine dt img{display:block;padding:4px;width:98px;height:140px;margin-left:12px;border:1px solid #dedede}
#dk_book .dk_book .webzine dd{float:left;width:56%}
#dk_book .dk_book .webzine dd div a{display:block;font-weight:600;color:#1c368d;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#dk_book .dk_book .webzine dd ul{padding:5px 0 0 0;min-height:110px;height:110px\9}
#dk_book .dk_book .webzine dd li{color:#555;white-space:nowrap;overflow:hidden}
#dk_book .dk_book .webzine dd li span{display:inline-block;font-size:13px;color:#060}
#dk_book .dk_book .webzine dd li em{padding:0 2px}
#dk_book .dk_book .webzine .content{margin:28px 0 0 -97px;height:40px;line-height:20px;font-size:14px;color:#636363;overflow:hidden}
#dk_book .dk_book .more{display:none;margin:0 10px;padding:7px 20px;font-size:13px;text-align:right;color:#aa6801;border:1px solid #cacaca;border-top:0;background:#fafafa}
#dk_book .dk_book .detail{position:relative;padding-bottom:20px}
#dk_book .dk_book .detail dl{margin:0 10px;padding:20px;border:1px solid #cacaca;*zoom:1}
#dk_book .dk_book .detail dl:before,
#dk_book .dk_book .detail dl:after{clear:both;display:table;content:"";line-height:0}
#dk_book .dk_book .detail dt{float:left;width:22%}
#dk_book .dk_book .detail dt img{display:block;padding:4px;width:160px;border:1px solid #dedede}
#dk_book .dk_book .detail dd{float:left;width:78%}
#dk_book .dk_book .detail dd div{display:block;padding:5px 0;line-height:22px;font-size:15px;font-weight:600;color:#1c368d}
#dk_book .dk_book .detail dd ul{padding:10px 0}
#dk_book .dk_book .detail dd li{padding:0 0 5px 0;color:#555}
#dk_book .dk_book .detail dd li span{float:left;display:block;padding:0 0 0 10px;width:60px;font-size:13px;color:#060;background:url(../img/dp2.png) no-repeat 0 6px}
#dk_book .dk_book .detail dd li em{padding:0 10px}
#dk_book .dk_book .detail p{height:60px;line-height:20px;color:#888;overflow:hidden}
#dk_book .dk_book .info{margin:10px;margin-top:0;padding:10px 20px 20px 20px;border:1px solid #cacaca;background:#fafafa}

/**/
#dk_gallery{}
#dk_gallery .dk_gallery{margin:0 -10px;overflow:hidden;*zoom:1}
#dk_gallery .dk_gallery:before,
#dk_gallery .dk_gallery:after{clear:both;display:table;content:"";line-height:0}
#dk_gallery .dk_gallery .theme{float:left;position:relative;width:25%}
#dk_gallery .dk_gallery .theme dl{margin:0 10px 20px 10px;padding:10px;min-height:180px;height:180px\9;border:1px solid #cacaca;*zoom:1}
#dk_gallery .dk_gallery .theme dl:before,
#dk_gallery .dk_gallery .theme dl:after{clear:both;display:table;content:"";line-height:0}
#dk_gallery .dk_gallery .theme dt{}
#dk_gallery .dk_gallery .theme dt img{display:block;width:100%;height:120px}
#dk_gallery .dk_gallery .theme dd{}
#dk_gallery .dk_gallery .theme dd div a{display:block;padding:5px 0;font-weight:600;color:#1c368d;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#dk_gallery .dk_gallery .theme dd ul{padding:5px 0}
#dk_gallery .dk_gallery .theme dd li{padding:0 0 5px 0;color:#555;white-space:nowrap;overflow:hidden}
#dk_gallery .dk_gallery .theme .bagic{text-align:center;transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)}
#dk_gallery .dk_gallery .theme .bagic a{display:block;height:120px;overflow:hidden;background:url(../img/noimg.png) no-repeat center center}
#dk_gallery .dk_gallery .theme dl:hover{border:1px solid #3394dd;box-shadow:0px 2px 0px 0px rgba(0,0,0,0.16);transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)}
#dk_gallery .dk_gallery .theme dl:hover a{color:#3394dd;}



#program div.subject_a{margin:10px 0 15px 50px;background:url("../img/pro_content/list_title_line.gif") no-repeat 50px 0.6em}
#program div.subject_a span.head{float:left;width:50px;background:url("../img/common/bullet_list01.gif") no-repeat 0 0.7em;padding:7px 0 0 10px;font-weight:600}
#program div.subject_a input{width:470px;height:17px;border:1px solid #d3d3d3}

#program .sitemap_con{padding:30px 0;overflow:hidden}
#program .group{float:left;width:25%}
#program .group h2{margin-right:20px;padding:16px 0;margin-bottom:10px;font-size:18px;font-weight:600;color:#333;text-align:center;border:1px solid #ccc;border-bottom:3px solid #ff581c;background:#fff;box-shadow:1px 1px 2px 0px rgba(0, 0, 0, 0.2)}
#program .group > ul{margin-right:20px}
#program .group > ul > li > a{display:block;padding:8px 4px 8px 12px;font-size:17px;font-weight:normal;letter-spacing:-1px;color:#555;border-bottom:1px solid #e2e2e2}
#program .group > ul > li > a:hover{color:#000}
#program .group > ul ul{margin:0;padding:6px 7px;border-bottom:1px solid #eee;background:#fafafa}
#program .group > ul ul li{padding:3px 0}
#program .group > ul ul li a{padding:0;padding-left:12px;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';letter-spacing:-1px;font-size:14px;font-weight:normal;border:none}



/* 설문조사 완료 */
.survey_success {padding: 50px 0 100px;}
.success_wrap {max-width: 1160px;margin: 0 auto;}
.success_wrap .success_text {padding: 400px 0 50px;text-align: center;background: url(../img/survey_success.png) no-repeat 50% 0;}
.success_wrap .success_text p {font-size: 24px;color:#464646;font-weight: 600;}
.success_wrap .success_text .thanks {font-size: 40px;color:#000;font-weight: 800;}
.success_wrap .btn_wrap a {padding: 8px 20px !important;font-size: 16px;font-weight: 400;}
.success_wrap .btn_wrap .mr10 {margin-right: 10px !important;}


/*설문조사 테이블*/
.survey_th_wrap {margin: 20px 0;border-top: 3px solid #0a3f7a;}
.s_tstyle {width: 100%;text-align: center;}
.s_tstyle thead th {background: #f6f6f6;padding: 7px 0;border-bottom: 2px solid #464646;}
.s_tstyle tbody th {background: #f6f6f6;border: 1px solid #d2d2d2;border-left: 0;font-weight: 400;color:#333;}
.s_tstyle tbody td {padding: 7px 0;border: 1px solid #d2d2d2;}
.s_tstyle tbody td:last-child {border-right: 0;}






.answer_box {   position:relative; z-index:2; padding:15px; background:#f6f6f6;border-bottom:1px solid #d2d2d2; overflow:hidden;}
.answer_box h4 { }
.answer_box .answer_contents { padding:10px 0 15px 0; }
.answer_box span {  font-size:11px; color:#777;}

/*********** 덧글 영역 ************/
div.sg_reply{width:100%}
div.sg_reply .writing{background: url(../img/line_dotted.gif) repeat-x bottom;padding:10px;font-size:0.92em}
/*덧글내용*/
div.sg_reply .writing .info .id{font-weight:600}
div.sg_reply .writing .info .day{color:#ff6f6f}
div.sg_reply .writing .info img{vertical-align:middle;margin-bottom:2px}
div.sg_reply .writing .con{line-height:16px;padding-top:7px}

/*덧글쓰기 폼*/
div.sg_reply .reply_form{margin-top:10px}
div.sg_reply .reply_form .outline{}
div.sg_reply .reply_form .outline fieldset legend {padding:0;font-size:0;line-height:0;text-indent: -2000px}
div.sg_reply .reply_form .outline .row_input{padding:2px 15px}
div.sg_reply .reply_form .outline .row_input input{vertical-align:middle;margin-bottom:2px}
div.sg_reply .reply_form .outline .row_input span.pad{padding-left:30px}
div.sg_reply .reply_form .outline textarea{color:#5d5d5d;background:#ffffff;border:1px solid #bcbcbc;height:40px;width:648px}

#wd_print .guide_txt{padding:5px 0 20px 0;text-align:right;border-bottom:1px solid #333}
#wd_print .guide_txt .required{color:#f00;font-weight:600}
#wd_print .row_input{position:relative;padding:10px 0 10px 120px;min-height:26px;border-bottom:1px solid #d2d2d2;overflow:hidden}
#wd_print .row_input *{font-size:14px !important}
#wd_print .row_input > label{position:relative;padding:4px 0}
#wd_print .row_input > label.fl{margin:0 5px 0 0}
#wd_print .row_input span.head{position:absolute;top:10px;left:20px;display:block;/*line-height:30px;*/font-weight:600;text-align:left;white-space:nowrap;color:#464646}
#wd_print .row_input span.required{position:absolute;top:10px;left:10px;color:#f00;font-weight:600}
#wd_print .row_input span.info {width:auto !important;margin:0;padding-top:6px;display:block;letter-spacing: -0.05em;border:none}
#wd_print .row_input input.long {width:auto !important}
#wd_print .row_input span.data {display:block;padding:4px 0 2px 0;line-height:140%}
#wd_print .row_input .dk_textarea{padding:10px;width:100%;height:300px;border:1px solid #ccc}

div.sg_pass{padding:20px 50px}
div.sg_pass .sg_pass_box{border:solid #d2d2d2;border-width:2px 0;padding:30px;text-align:center;background:#f9f9f9}
div.sg_pass .sg_pass_box span{padding:0 0 0 13px;background:url(../img/bullet_arrow.gif) no-repeat 0 0.2em}
div.sg_pass .sg_pass_box input{vertical-align:middle;margin-bottom:4px;width:150px}
div.sg_pass .sg_pass_btn{text-align:center;padding-top:15px}
div.sg_pass .sg_pass_btn img, 
div.sg_pass .sg_pass_btn input{vertical-align:middle}
div.sg_pass .sg_pass_btn input{padding:5px 10px;border:1px solid #ccc}
div.sg_pass .sg_pass_btn a{display:inline-block; position:relative; top:1px;padding:5px 10px;line-height:20px;color:#fff;border:1px solid #999;background:#999}

div.sg_reply{padding-top:5px;}
div.sg_reply .reply_form{overflow:hidden; padding-bottom:28px;border-bottom:1px solid #ddd;}
div.sg_reply .reply_form h2{color:#333 !important;font-size:14px !important;;margin:10px 0;float:left;background:none;padding:0}
div.sg_reply .reply_form p.reply_num{text-align:right;float:right;font-size:12px;margin:10px 0 0 0}
div.sg_reply .reply_form .outline{clear:both}
div.sg_reply .reply_form .outline fieldset{border:0;overflow:hidden; position:relative;}
div.sg_reply .reply_form .outline .row_input_reply{float:left;width:100%;}
div.sg_reply .reply_form .outline .row_input_reply textarea{padding:10px;width:100%;height:50px;border:1px solid #888;resize:none;overflow-y:auto}
div.sg_reply .reply_form .outline .row_input_reply .sg_file{display:block; width:100%; padding:3px 0;font-size:12px;}
div.sg_reply .reply_form .outline .btn_board_ok{position:absolute; right:0;width:18%;height:72px;color:#fff !important;border:0;background:#444; cursor:pointer;}
div.sg_reply .writing{border-bottom:1px solid #dfdfdf;padding:10px 0;font-size:12px;clear:both;overflow:hidden;position:relative}
div.sg_reply .best_wrap{margin:10px 0 0;border-top:1px solid #c5d7e0}
div.sg_reply .best_wrap .writing{padding:10px;background:#f3f3f1;border-bottom:1px solid #c5d7e0}
div.sg_reply .best_wrap .writing .best_re{position:absolute;left:0;top:0}
div.sg_reply .writing_re{padding:10px 0 10px 38px;overflow:hidden;background:#f7f7f7 url(../img/ico_reply.png) no-repeat 10px 13px}
div.sg_reply .writing .profile_photo{float:left;width:42px;height:50px}
div.sg_reply .writing .profile_photo img {width:42px;height:50px}
div.sg_reply .writing .con_wrap{color:#555}
div.sg_reply .writing .con_wrap #con_info{overflow:hidden}
div.sg_reply .writing .con_wrap #con_info .info{float:left}
div.sg_reply .writing .con_wrap #con_info .info .id{font-weight:700;margin-right:10px;position:relative;display:inline-block}
div.sg_reply .writing .con_wrap #con_info .info .level01{background-position:0 0}
div.sg_reply .writing .con_wrap #con_info .info .level02{}
div.sg_reply .writing .con_wrap #con_info .info .level03{background-position:0 -40px}
div.sg_reply .writing .con_wrap #con_info .info .level04{background-position:0 -60px}
div.sg_reply .writing .con_wrap #con_info .info .day{color:#888;font-size:11px;  display:inline-block; margin-top:-2px;}
div.sg_reply .writing .con_wrap .m_d{float:right;padding-right:8px;}
div.sg_reply .writing .con_wrap .m_d .postedit{float:left; color:#fff; font-size:0px !important;}
div.sg_reply .writing .con_wrap .m_d .postedit a { display:inline-block; padding:1px 9px;color:#333; margin-left:4px; font-size:13px !important; background:#fff; border:1px solid #ddd; border-radius:3px;}
div.sg_reply .writing .con_wrap .con{font-size:12px;padding:0; margin:0;}

#program .okay{padding:20px 0}
#program .okay *{font-size:13px}
#program .okay p{padding:20px 0;margin-bottom:20px;font-size:14px;color:#f04d48;border-top:0px solid #eee;border-bottom:1px solid #eee}
#program .okay p a{padding:5px 10px;color:#fff;border:1px solid #f04d48;background:#f04d48;border-radius:3px}
#program .okay li{padding:2px 0;color:#333}


#sg_btn_area{padding:10px 0  !important;text-align:right}
#sg_btn_area a,
#sg_btn_area button{display:inline-block;padding:5px 14px 7px 14px !important;font-size:15px;color:#fff;border:1px solid #555;background:#555;border-radius:3px}
#sg_btn_area input{padding:5px 14px 7px 14px;font-size:15px;color:#fff;border:1px solid #555;background:#555;border-radius:3px}

/*로그인폼*/
#program .login{padding-top:20px;padding-bottom:40px}
#program .login form{margin:0 auto;margin-top:10px;padding:50px 120px;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;overflow:hidden}
#program .login fieldset{position:relative;margin:0 auto;width:470px;border:0}
#program .login fieldset ul{margin-bottom:10px;overflow:hidden}
#program .login fieldset label.id, #program .login fieldset label.pw{text-indent:-9999px;display:block;width:45px;height:45px;border:1px solid #c0c0c0;border-right:none;float:left}
#program .login fieldset label.id{background:#fff url(../img/login_icon_id.png) no-repeat 50% 50%}
#program .login fieldset label.pw{background:#fff url(../img/login_icon_pw.png) no-repeat 50% 50%}
#program .login fieldset input{width:300px;height:45px !important;border:1px solid c0c0c0 !important;border-left:none !important;background:#fff !important;margin-bottom:6px;font-size:15px}
#program .login fieldset input:-webkit-autofill{background-color:rgb(255, 255, 255) !important;background-image:none}
#program .login fieldset button{position:absolute;top:0;right:0;width:120px;height:96px;font-size:0px;font-weight:400;color:#fff;border:0;background:#555;border-radius:2px;transition:0.3s;cursor:pointer}
#program .login fieldset button:before{content:"\e83e";display:block;font-size:24px;font-weight:700;text-align:center}
#program .login fieldset button:after{content:"LOGIN";display:block;font-size:16px;font-weight:700;text-align:center}
#program .login fieldset button:hover{color:#fff;background:#ff6700;transition:0.3s}
#program .login fieldset input[type=checkbox].chk{width:15px;height:15px;background:#fff !important;border:1px solid #cfcfcf;border-radius:0;appearance:none !important;margin-top:3px}
#program .login fieldset label.chk01{font-size:13px;color:#555}
#program .login form p{text-align:center;padding-top:18px}
#program .login form p a{padding:0 12px}
#program .login form p a:hover{text-decoration:underline}
#program .login .find{padding:30px 0;font-size:15px;font-weight:400;text-align:center;color:#444}
#program .login .find a{font-size:16px;color:#fff;background:#ff6700;border-radius:2px;display:inline-block;padding:1px 10px}
#program .login .dashed{padding-top:10px}
#program .login .login_guide{}
#program .login .login_guide li{background:url(../img/dp2.png) no-repeat 0 5px;font-size:13px;color:#555;padding-bottom:6px;padding-left:13px}



/*동의*/
#design .pri_box { margin-bottom: 30px; padding:20px 20px 40px; box-sizing: border-box; background: #fbfbfb; border-top: 2px #f7941d solid; border-bottom: 2px #dfdfdf solid; }
#design .pri_box .scr_box { width: 100%; height: 190px; padding: 24px; box-sizing: border-box; border: 1px #dcdcdc solid; resize: none; overflow-y: scroll; background: #ffff; }
#design .pri_box .scr_box .txt_box { margin-top: 0 !important; }
#design .pri_box .scr_box .txt_box > dl, .pri_box .scr_box .txt_box > ul {margin-bottom:16px;}
#design .pri_box .scr_box .txt_box > dl dt, #design .pri_box .scr_box .txt_box > dl dd {font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';}
#design .pri_box .scr_box .txt_box > ul li { margin-top: 10px;}
#design .pri_box .radio_box { float: right; }
#design .agree_box {margin-top: 10px;}

#design .radio_box, #design .check_box {}

#design .radio_box .radio { height: 26px; padding: 0 30px 0 0; display: table-cell; vertical-align: middle; position: relative; z-index: 1; line-height: 26px; }
#design .radio_box strong { float: left; vertical-align: middle;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';}
#design .radio_box i { width: 26px; height: 26px; margin-right: 10px; display: block; border: 1px #dcdcdc solid; border-radius: 13px; box-sizing: border-box; float: left; position: relative; z-index: 1; background: #fff }
#design .radio_box input { opacity: 0; width: 26px; height: 26px; position: absolute; left: 0; top: 0; z-index: 2; cursor: pointer; }
#design .radio_box input:checked + i::after { content: ""; width: 10px; height: 10px; display: block; background: #ef4629; border-radius: 5px; position: absolute; left: 7px; top: 7px; }

.mb0 {margin-bottom: 0 !important;}
.mb10 {margin-bottom: 10px !important;}
.mt20 {margin-top: 20px !important;}
.db {display:block !important;}
.bd_0 {border: 0 !important;}
.p_0 {padding: 0 !important;}
.vam {vertical-align:middle;}

.wp100 {width: 100% !important;}