/* global */

* {font-family:sans-serif;}

html, body, div, a, img {margin:0px; padding:0px;}

table, th, td {
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	font-size: 14px;
}

a {color:#666; text-decoration:none; cursor:pointer;}

table { width: 100%; }
textarea {width:90%;}

th {
	background-color: #FFFFDD;
	word-break: nowrap;
}

td { word-break: normal; }
dt { font-weight: bold }
dd { 
	margin-bottom: 30px;
	margin-left: 15px;
}

ul, ol {margin:0px; padding:0px;}

/* 여백 */
.mt_3 {margin-top:3px;}
.mt_5 {margin-top:5px;}
.mt_8 {margin-top:8px;}
.mt_10 {margin-top:10px;}
.mt_13 {margin-top:13px;}
.mt_17 {margin-top:17px;}
.mt_20 {margin-top:20px;}
.mt_30 {margin-top:30px;}
.mb_5 {margin-bottom:5px;}
.mb_10 {margin-bottom:10px;}
.mb_15 {margin-bottom:15px;}
.mb_20 {margin-bottom:20px;}
.mb_30 {margin-bottom:30px;}

.mt_25 {margin-top:25px}
.mt_33 {margin-top:33px}
.mb_20 {margin-bottom:20px}
.pt_35 {padding-top:35px}
.pl_10 {padding-left:10px}
.pl_15 {padding-left:15px}
.pb_7 {padding-bottom:7px}
.pb_15 {padding-bottom:15px}
.pb_30 {padding-bottom:30px}
.pr_18 {padding-right:18px}
.pr_35 {padding-right:35px}
.h_30 {height:30px}
.h_85 {height:85px}
	
	
/* layout */
.header {
	position:relative;
	width: 100%;
	height:64px;
	background:#fff;
	border-bottom: 1px solid #ccc;
}



.header h1 {position:absolute; left:50%; top:0px; width:96px; height:100%; margin:0px 0px 0px -48px; padding:0px;}
.header h1 a {display:block; width:100%; height:100%;}
.header h1 a img {width:100%; height:100%;}
.header .btn_gnb_open {position:absolute; left:0px; top:0px; display:block; width:64px; height:100%;}
.header .btn_log {position:absolute; right:0px; top:0px; display:block; width:64px; height:100%;}
.header .btn_log img {width:100%; height:100%;}
.main_content {width:100%; margin:0 auto;}
.main_content:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.main_content .main_menu {float:left; width:50%; margin:0px; padding:0px;}
.main_content .main_menu.main_menu1 a {background:#01438f;}
.main_content .main_menu.main_menu2 a {background:#4160a4;}
.main_content .main_menu.main_menu3 a {background:#005caa;}
.main_content .main_menu.main_menu4 a {background:#2b76bb;}
.main_content .main_menu.main_menu5 a {background:#2088ca;}
.main_content .main_menu.main_menu6 a {background:#609ed5;}
.main_content .main_menu a {display:block; width:100%; padding:30px 0px; text-align:center; text-shadow:none;} 
.main_content .main_menu a img {display:block; width:60px; height:48px; margin:0 auto;}
.main_content .main_menu a strong {display:block; margin:10px 0px 5px; font-weight:bold; font-size:14px; color:#fff; line-height:100%; text-align:center; text-shadow:none;}
.main_content .main_menu a span {display:block; font-size:12px; color:#b6efff; text-align:center; text-shadow:none;}
.footer {padding:20px 5px 25px; background:#46505b; text-align:center; color:#e4e4e4; font-size:12px; text-shadow:none;}
.footer span {display:block; color:#e4e4e4; font-size:12px; text-shadow:none;}
.footer span a {font-weight:bold; color:#8bcdf2 !important; text-shadow:none;}
.footer a.btn_footer {display:inline-block; padding:5px 8px; background:#55606c; color:#fff; font-weight:bold; border-radius:5px;}
@media (min-width:480px){
	.main_content .main_menu {width:33.333333%;}
	.main_content .main_menu a strong {font-size:16px;}
	.footer span {display:inline;}
}
@media (min-width:768px){
	.main_content {max-width:1200px;}
	.main_content .main_menu a {padding:50px 0px;}
	.main_content .main_menu a img {width:80px; height:63px;}
	.main_content .main_menu a strong {margin:15px 0px 10px; font-size:18px;}
	.main_content .main_menu a span {font-size:14px;}
}
@media (min-width:992px){
	.main_content .main_menu a {padding:70px 0px;}
	.main_content .main_menu a img {width:100px; height:79px;}
	.main_content .main_menu a strong {margin:20px 0px 15px; font-size:22px;}
	.main_content .main_menu a span {font-size:16px;}
}




.div_footer_copy {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 5px;
	font-size: 12px;
}

.div_footer_license {
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	font-size: 8px;
	color: #555;
}

.more {
	margin-top: 30px;
	margin-bottom: 5px;
	text-align: center;
}

#conv {
	margin-top: 20px;
	padding-bottom:5px;
	font-size: 14px;
}

#conv.conv2 {margin-top:20px; margin-bottom:30px;}

.con_title {
	padding-bottom: 5px;
	font-weight: bold;
	color: #336699;
}

.con_footer {
	padding-top: 30px;
	font-size: 12px;
}

.listview_after {
	margin-top: 30px;
}







/* Button Style */

.btn_default {display:inline-block; padding:11px 15px; vertical-align:middle; background:#fff; border:1px solid #969696; border-radius:5px; font-weight:bold !important; color:#444 !important; text-align:center; line-height:100%; text-shadow:none;}
.btn_default:hover {border:1px solid #235b99; color:#235b99 !important; text-decoration:none;}
.btn_default:focus {border:1px solid #235b99; color:#235b99 !important; text-decoration:none;}

.btn_beige {display:inline-block; padding:11px 15px; vertical-align:middle; background:#faf7e1; border:1px solid #a09f65; border-radius:5px; font-weight:bold !important; color:#444 !important; text-align:center; line-height:100%; text-shadow:none;}
.btn_beige:hover {border:1px solid #685337; color:#685337 !important; text-decoration:none;}
.btn_beige:focus {border:1px solid #685337; color:#685337 !important; text-decoration:none;}

.btn_black {display:inline-block; padding:11px 15px; vertical-align:middle; background:#444; border:1px solid #333; border-radius:5px; font-weight:bold !important; color:#fff !important; text-align:center; line-height:100%; text-shadow:none;}
.btn_black:hover {color:#fff !important; background:#333; text-decoration:none;}
.btn_black:focus {color:#fff !important; background:#333; text-decoration:none;}

.btn_red {display:inline-block; padding:11px 15px; vertical-align:middle; background:#d02323; border:1px solid #be1818; border-radius:5px; font-weight:bold !important; color:#fff !important; text-align:center; line-height:100%; text-shadow:none;}
.btn_red:hover {color:#fff !important; background:#be1818; text-decoration:none;}
.btn_red:focus {color:#fff !important; background:#be1818; text-decoration:none;}

.btn_orange {display:inline-block; padding:11px 15px; vertical-align:middle; background:#bd5900; border:1px solid #b64000; border-radius:5px; font-weight:bold !important; color:#fff !important; text-align:center; line-height:100%; text-shadow:none;}
.btn_orange:hover {color:#fff !important; background:#b64000; text-decoration:none;}
.btn_orange:focus {color:#fff !important; background:#b64000; text-decoration:none;}

.btn_blue {display:inline-block; padding:11px 15px; vertical-align:middle; background:#235b99; border:1px solid #1b4f8a; border-radius:5px; font-weight:bold !important; color:#fff !important; text-align:center; line-height:100%; text-shadow:none;}
.btn_blue:hover {color:#fff !important; background:#1b4f8a; text-decoration:none;}
.btn_blue:focus {color:#fff !important; background:#1b4f8a; text-decoration:none;}

.btn_green {display:inline-block; padding:11px 15px; vertical-align:middle; background:#0c7a1e; border:1px solid #0a701b; border-radius:5px; font-weight:bold !important; color:#fff !important; text-align:center; line-height:100%; text-shadow:none;}
.btn_green:hover {color:#fff !important; background:#0a701b; text-decoration:none;}
.btn_green:focus {color:#fff !important; background:#0a701b; text-decoration:none;}

.btn_emerald {display:inline-block; padding:11px 15px; vertical-align:middle; background:#006f81; border:1px solid #005e6d; border-radius:5px; font-weight:bold !important; color:#fff !important; text-align:center; line-height:100%; text-shadow:none;}
.btn_emerald:hover {color:#fff !important; background:#005e6d; text-decoration:none;}
.btn_emerald:focus {color:#fff !important; background:#005e6d; text-decoration:none;}

.btn_purple {display:inline-block; padding:11px 15px; vertical-align:middle; background:#441c6a; border:1px solid #371459; border-radius:5px; font-weight:bold !important; color:#fff !important; text-align:center; line-height:100%; text-shadow:none;}
.btn_purple:hover {color:#fff !important; background:#371459; text-decoration:none;}
.btn_purple:focus {color:#fff !important; background:#371459; text-decoration:none;}

.btn_disable {background:#e4e4e4 !important; border:1px solid #d5d5d5 !important; color:#b6b6b6 !important; cursor:default;}


/* small size Button */

.btn_small {display:inline-block; padding:8px 10px; background:#fff; border:1px solid #9d9d9d; vertical-align:middle; border-radius:5px; font-weight:bold !important; color:#666 !important; text-align:center; line-height:100%; text-shadow:none;}
.btn_small:hover {border:1px solid #235b99; color:#235b99 !important; text-decoration:none;}
.btn_small:focus {border:1px solid #235b99; color:#235b99 !important; text-decoration:none;}

.btn_small_black {display:inline-block; padding:8px 10px; background:#444; border:1px solid #333; vertical-align:middle; border-radius:5px; font-weight:bold !important; color:#fff !important; text-align:center; line-height:100%; text-shadow:none;}
.btn_small_black:hover {background:#333; text-decoration:none;}
.btn_small_black:focus {background:#333; text-decoration:none;}

.btn_small_blue {display:inline-block; padding:8px 10px; background:#fff; border:1px solid #235b99; vertical-align:middle; border-radius:5px; font-weight:bold !important; color:#235b99 !important; text-align:center; line-height:100%; text-shadow:none;}
.btn_small_blue:hover {background:#235b99; color:#fff !important; text-decoration:none;}
.btn_small_blue:focus {background:#235b99; color:#fff !important; text-decoration:none;}

.btn_small_red {display:inline-block; padding:8px 10px; background:#fff; border:1px solid #cd0e0e; vertical-align:middle; border-radius:5px; font-weight:bold !important; color:#cd0e0e !important; text-align:center; line-height:100%; text-shadow:none;}
.btn_small_red:hover {background:#cd0e0e; color:#fff !important; text-decoration:none;}
.btn_small_red:focus {background:#cd0e0e; color:#fff !important; text-decoration:none;}


/* X small size Button */

.btn_xsmall {display:inline-block; padding:5px 5px; background:#fff; border:1px solid #9d9d9d; vertical-align:middle; border-radius:5px; font-weight:bold !important; color:#666 !important; text-align:center; font-size:11px; line-height:100%; text-shadow:none;}
.btn_xsmall:hover {border:1px solid #235b99; color:#235b99 !important; text-decoration:none;}
.btn_xsmall:focus {border:1px solid #235b99; color:#235b99 !important; text-decoration:none;}

.btn_xsmall_black {display:inline-block; padding:5px 5px; background:#444; border:1px solid #333; vertical-align:middle; border-radius:5px; font-weight:bold !important; color:#fff !important; text-align:center; font-size:11px; line-height:100%; text-shadow:none;}
.btn_xsmall_black:hover {background:#333; text-decoration:none;}
.btn_xsmall_black:focus {background:#333; text-decoration:none;}

.btn_xsmall_red {display:inline-block; padding:5px 5px; background:#d02323; border:1px solid #d02323; vertical-align:middle; border-radius:5px; font-weight:bold !important; color:#fff !important; text-align:center; font-size:11px; line-height:100%; text-shadow:none;}
.btn_xsmall_red:hover {background:#be1818; color:#fff !important; text-decoration:none;}
.btn_xsmall_red:focus {background:#be1818; color:#fff !important; text-decoration:none;}

.btn_xsmall_orange {display:inline-block; padding:5px 5px; background:#bd5900; border:1px solid #bd5900; vertical-align:middle; border-radius:5px; font-weight:bold !important; color:#fff !important; text-align:center; font-size:11px; line-height:100%; text-shadow:none;}
.btn_xsmall_orange:hover {background:#b64000; color:#fff !important; text-decoration:none;}
.btn_xsmall_orange:focus {background:#b64000; color:#fff !important; text-decoration:none;}

.btn_xsmall_blue {display:inline-block; padding:5px 5px; background:#235b99; border:1px solid #235b99; vertical-align:middle; border-radius:5px; font-weight:bold !important; color:#fff !important; text-align:center; font-size:11px; line-height:100%; text-shadow:none;}
.btn_xsmall_blue:hover {background:#114075; color:#fff !important; text-decoration:none;}
.btn_xsmall_blue:focus {background:#114075; color:#fff !important; text-decoration:none;}

.btn_xsmall_green {display:inline-block; padding:5px 5px; background:#0c7a1e; border:1px solid #0c7a1e; vertical-align:middle; border-radius:5px; font-weight:bold !important; color:#fff !important; text-align:center; font-size:11px; line-height:100%; text-shadow:none;}
.btn_xsmall_green:hover {background:#0a701b; color:#fff !important; text-decoration:none;}
.btn_xsmall_green:focus {background:#0a701b; color:#fff !important; text-decoration:none;}

.btn_xsmall_emerald {display:inline-block; padding:5px 5px; background:#006f81; border:1px solid #006f81; vertical-align:middle; border-radius:5px; font-weight:bold !important; color:#fff !important; text-align:center; font-size:11px; line-height:100%; text-shadow:none;}
.btn_xsmall_emerald:hover {background:#005e6d; color:#fff !important; text-decoration:none;}
.btn_xsmall_emerald:focus {background:#005e6d; color:#fff !important; text-decoration:none;}

.btn_xsmall_purple {display:inline-block; padding:5px 5px; background:#441c6a; border:1px solid #441c6a; vertical-align:middle; border-radius:5px; font-weight:bold !important; color:#fff !important; text-align:center; font-size:11px; line-height:100%; text-shadow:none;}
.btn_xsmall_purple:hover {background:#371459; color:#fff !important; text-decoration:none;}
.btn_xsmall_purple:focus {background:#371459; color:#fff !important; text-decoration:none;}

.btn_xsmall_grey {display:inline-block; padding:5px 5px; background:#6f757c; border:1px solid #6f757c; vertical-align:middle; border-radius:5px; font-weight:bold !important; color:#e2e6ea; text-align:center; font-size:11px; line-height:100%; text-shadow:none;}
.btn_xsmall_grey:hover {background:#545a60; color:#fff !important; text-decoration:none;}
.btn_xsmall_grey:focus {background:#545a60; color:#fff !important; text-decoration:none;}


.btn_checkbox {display:inline-block; margin:0px;}
.btn_checkbox.rounded label {border-radius:5px;}
.btn_checkbox input {position:absolute; left:-9999px;} 
.btn_checkbox label {display:block; min-width:50px; margin:0px; padding:20px 30px; border:1px solid #ccc; background:#f1f1f1; cursor:pointer; text-align:center; font-weight:bold; font-size:16px; text-shadow:none;}
.btn_checkbox input:checked + label {border:1px solid #2b509c; background:#2b509c; color:#fff;}



/* 라이브러리 인풋(체크박스, 라디오) 정렬 css */

/* ul.li_input_wrap {margin:0px; padding:0px; list-style:none;}
ul.li_input_wrap:after {content:""; display:block; clear:both; height:0px; visibility:hidden;}
ul.li_input_wrap li.li_input {float:left; margin:0px 10px 0px 0px;}
ul.li_input_wrap li.li_input input {display:inline; margin:0px 3px 0px 0px;}
ul.li_input_wrap li.li_input label {display:inline; margin:0px; font-weight:normal; font-size:14px;}
 */



/* font */
.div_icon a { text-decoration: none; }
.div_icon a:link { color: #06c; }
.div_icon a:visited { color: #06c; }
.div_icon a:hover { color: #FF3300; }
.div_icon a:active { color: #FF3300; }

.icon_title { 
	font-size: 14px;
	color: #000;
}

.c_cyan { color: cyan; }

/* font awesome */
.icon-middle:before {
  vertical-align: top;
  font-size: 2.3333333333333333em;
}

.icon-big:before {
  vertical-align: top;
  font-size: 3.3333333333333333em;
}


/* .ui-content .ui-listview {margin-top:0px;} */
.title_sub {position:relative; margin:-16px -16px 16px; background:#01438f; border-bottom:1px solid #223e67; padding:15px; font-size:18px; color:#fff; font-weight:bold; text-shadow:none;}
.title_sub.pink {background:#e13072; border-bottom:1px solid #c92462;}
.title_sub.green {background:#0c8d2a; border-bottom:1px solid #087822;}
.title_sub.orange {background:#f07700; border-bottom:1px solid #d56a00;}
.title_sub.purple {background:#601d83; border-bottom:1px solid #501271;}

.title_sub .search_box {position:absolute; right:15px; top:0px;}


.gnb {display:none; position:absolute; left:-201px; top:0px; width:200px; height:100%; margin:0px; padding:0px; background:#01438f; border-right:1px solid #002f65; z-index:100; overflow-y:auto; overflow-x:hidden;}
.gnb .gnb_top {position:relative; width:100%; height:64px; background:#01438f; border-bottom:1px solid #2088ca; text-align:center;}
.gnb .gnb_top img.logo {position:absolute; left:50%; top:0px; width:96px; height:64px; margin-left:-48px;}
.gnb .gnb_top a.btn_gnb_close {position:absolute; right:0px; top:0px; display:block; width:20px; height:20px; padding:22px 20px;}
.gnb .gnb_top a.btn_gnb_close img {width:20px; height:20px;}
/* .gnb .profile .profile_name {display:inline-block; margin-top:19px; text-align:center; color:#fff; font-size:16px; text-shadow:none;}
.gnb .profile .profile_name img {display:block; width:48px; height:48px; margin-bottom:5px;} */
.gnb ul {display:block; width:100%; margin:0px; padding:0px; list-style:none;}
.gnb ul li {width:100%; border-bottom:1px solid #0f57aa;}
.gnb ul li a {display:block; padding:15px; color:#ebeaea !important; font-size:14px; line-height:100%; text-shadow:none;}
.gnb ul li a img {width:15px; height:14px; vertical-align:middle;}
.gnb_outside {display:none; position:fixed; width:100%; height:100%; background:url("/m/static/media/img/bg_gnb_outside.png") repeat 0 0; z-index:99;}

/*

타이틀 아래 버튼 눌러서 슬라이드 다운 되는 형태의 gnb
.gnb {position:relative; margin:0px -15px;}
.gnb .btn_list {position:absolute; right:0px; top:-55px; display:block; width:24px; height:17px; padding:19px 20px;}
.gnb ul {display:none; width:100%; margin:0px; padding:0px; list-style:none;}
.gnb ul li {width:100%; background:#223e67; border-top:1px solid #325382; border-bottom:1px solid #1a3358;}
.gnb ul li:first-child {border-top:none;}
.gnb ul li a {display:block; padding:15px 20px; color:#d2ddec !important; font-size:14px; line-height:100%; text-shadow:none;}
.gnb ul li a img {width:16px; height:16px; vertical-align:middle;}

*/



.div_main {background:#ebebeb;}

.ui-content {min-height:400px;}
#popupUndismissible.ui-content {min-height:auto;}

@media (min-width:320px){
	.ui-content {min-height:450px;}
}
@media (min-width:360px){
	.ui-content {min-height:520px;}
}
@media (min-width:400px){
	.ui-content {min-height:590px;}
}
@media (min-width:440px){
	.ui-content {min-height:670px;}
}
@media (min-width:480px){
	.ui-content {min-height:740px;}
}
@media (min-width:520px){
	.ui-content {min-height:810px;}
}
@media (min-width:560px){
	.ui-content {min-height:890px;}
}




/* html body .group_list {margin:-1em; border-radius:0;}
html body .group_list div a {border-left:0; border-right:0;}
html body .group_list .ui-collapsible-inset.ui-collapsible-themed-content .ui-collapsible-content {border-left:0; border-right:0;} */
html body .group_list .ui-collapsible-heading .ui-btn {background:#f6f6f6 !important;}
html body .group_list .ui-listview li a.ui-btn {padding-left:1.3em; font-size:14px; color:#666; background:#fff;}

.search_box {margin-top:20px; text-align:center;}


/* 개인정보 동의 공통 인클루드 */

.privacy_agree {padding:20px; margin-top:20px; border:1px solid #ccc; background:#fafafa;}
.privacy_agree .title_privacy {display:block; margin-bottom:5px; font-weight:bold;}
.privacy_agree textarea {width:100%; height:200px;}

.ui-listview > li h3 {margin-top:0px; font-size:0.9em;}
.ui-listview > li h3 span {vertical-align:middle;}
.ui-listview > li p {margin:0.2em 0;}

.content_view {width:100%; border-collapse:collapse; border-spacing:0; border-top:2px solid #4377cd;}
.content_view th {padding:5px; background:#e1e6ef; font-weight:bold; text-align:left;}
.content_view th label {display:inline; margin:0px; padding:0px; font-weight:bold; font-size:inherit; text-shadow:inherit;}
.content_view td {padding:5px; background:#fff; text-align:left;}
.content_list {width:100%; border-collapse:collapse; border-spacing:0; border-top:2px solid #4377cd;}
.content_list th {padding:5px; background:#e1e6ef; font-weight:bold; text-align:center;}
.content_list td {padding:5px; background:#fff; text-align:center;}
.prog_list {margin:0px 0px 20px; padding:0px; list-style:none;}
.prog_list li {margin-top:5px; padding-top:5px; border-top:1px dashed #ddd;}
.prog_list li:first-child {border-top:1px solid #ccc;}
.prog_day {margin:2px 0px; padding-left:22px; background:url("/m/static/media/img/icon_day.png") no-repeat 0px 0px; font-size:16px; font-weight:bold; color:#225793;}
.prog_time {margin:2px 0px; padding-left:22px; background:url("/m/static/media/img/icon_time.png") no-repeat 0px 0px; font-size:14px;}
.prog_person {margin:2px 0px; padding-left:22px; background:url("/m/static/media/img/icon_person.png") no-repeat 0px 0px; font-size:14px;}
.prog_list li strong {color:#ff5a00;}
.prog_file {margin:5px 0px 0px; padding:5px 0px 5px 10px; border-top:1px dashed #ccc; background:url("/m/static/media/img/bullet.png") no-repeat 0px 12px;}


.b_btn {margin-top:10px; text-align:right;}
.check {margin-top:5px;}
.pop_b_btn {margin-top:20px; padding-top:10px; border-top:1px solid #ccc; text-align:center;}
.pop_b_btn .ui-btn-inline {margin:0px 2px;}

.ui-page .ui-content .ui-btn {background-color:#fff; color:#333;}
.ui-page .ui-content .ui-btn:active {color:#333;}
.ui-page .ui-content .ui-btn:visited {background-color:#fff; color:#333;}
.ui-page .ui-content .ui-btn:focus {color:#333; text-shadow:none;}
.ui-page .ui-content .ui-btn:hover {background-color:#f4f7f9; color:#333;}
.ui-page .ui-content .ui-btn.ui-btn-active {color:#333; text-shadow:none;}
.ui-page .ui-content .more .ui-btn.ui-btn-active {background-color:#01438f; color:#fff; text-shadow:none;}

.controlgroup-textinput{padding-top:0.22em; padding-bottom:0.22em;}

#conv #wrapper {border-bottom:1px solid #ccc;}
#conv #wrapper .view_title {margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #ccc;}
#conv #wrapper .view_title h2 {margin:0px 0px 10px;}
#conv #wrapper .view_title p {margin:0px; font-weight:normal; font-size:12px;}
#conv #wrapper .view_title p span {color:#ccc;}
#conv #wrapper .content_text {padding:10px 0px; overflow-x:auto;}
#conv #wrapper .content_text .content_table_wrap {width:100%;}
#conv #wrapper .content_text .content_table_wrap table th, #conv #wrapper .content_text .content_table_wrap table td {min-width:50px;}
#conv #wrapper .content_file {padding:10px 0px; border-top:1px dashed #ccc;}
#conv #wrapper .content_file.bdb {border-bottom:1px dashed #ccc;}
#conv #wrapper .content_file p {margin:0px 0px 5px; padding:0px 0px 0px 10px; background:url("/m/static/media/img/bullet.png") no-repeat 0px 50%; font-weight:bold;}


.ui-listview.ui-group-theme-c .ui-bar-c {padding:0.7em 1.14em; border:none; background:#005caa; font-size:16px; font-weight:bold; color:#fff; text-shadow:none;}

.ui-listview.ui-group-theme-c li a {background:#fff url("/m/static/media/img/bullet.png") no-repeat 18px 50%; text-indent:12px; font-size:14px; padding:0.7em 1em 0.7em;}
/* .ui-listview.ui-group-theme-c li a:active {color:#333;}
.ui-listview.ui-group-theme-c li a:visited {background-color:#fff; color:#333;}
.ui-listview.ui-group-theme-c li a:focus {color:#333; text-shadow:none;}
.ui-listview.ui-group-theme-c li a:hover {color:#333;} */



.ui-page .ui-content .ui-btn.ui-btn-default {background:#fff; border-color:#ccc;}
.ui-page .ui-content .ui-btn.ui-btn-default:hover {background-color:#f4f7f9; color:#333;}

.ui-page .ui-content .ui-btn.ui-btn-c {background-color:#d9dee7; border-color:#8290a6;}
.ui-page .ui-content .ui-btn.ui-btn-c:active {background-color:#d9dee7; border-color:#8290a6; color:#333;}
.ui-page .ui-content .ui-btn.ui-btn-c:visited {background-color:#d9dee7; border-color:#8290a6; color:#333;}
.ui-page .ui-content .ui-btn.ui-btn-c:focus {background-color:#d9dee7; border-color:#8290a6; color:#333; text-shadow:none;}
.ui-page .ui-content .ui-btn.ui-btn-c:hover {background-color:#ccd2dd; border-color:#8290a6;}

.input_file {display:block; width:100%;}


.ui-page .ui-content .ui-btn.ui-btn-blue {background-color:#2a4a9d; border-color:#203e8c; color:#fff; text-shadow:none;}
.ui-page .ui-content .ui-btn.ui-btn-blue:active {background-color:#2a4a9d; border-color:#203e8c; color:#fff;}
.ui-page .ui-content .ui-btn.ui-btn-blue:visited {background-color:#2a4a9d; border-color:#203e8c; color:#fff;}
.ui-page .ui-content .ui-btn.ui-btn-blue:focus {background-color:#2a4a9d; border-color:#203e8c; color:#fff; text-shadow:none;}
.ui-page .ui-content .ui-btn.ui-btn-blue:hover {background-color:#203e8c; border-color:#203e8c; color:#fff;}

.ui-page .ui-content .ui-btn.ui-btn-orange {background-color:#e07e00; border-color:#e06f00; color:#fff; text-shadow:none;}
.ui-page .ui-content .ui-btn.ui-btn-orange:active {background-color:#e07e00; border-color:#e06f00; color:#fff;}
.ui-page .ui-content .ui-btn.ui-btn-orange:visited {background-color:#e07e00; border-color:#e06f00; color:#fff;}
.ui-page .ui-content .ui-btn.ui-btn-orange:focus {background-color:#e07e00; border-color:#e06f00; color:#fff; text-shadow:none;}
.ui-page .ui-content .ui-btn.ui-btn-orange:hover {background-color:#e06f00; border-color:#e06f00; color:#fff;}

.ui-page .ui-content .ui-btn.ui-btn-red {background-color:#e71432; border-color:#c75e00; color:#fff; text-shadow:none;}
.ui-page .ui-content .ui-btn.ui-btn-red:active {background-color:#e71432; border-color:#d80d29; color:#fff;}
.ui-page .ui-content .ui-btn.ui-btn-red:visited {background-color:#e71432; border-color:#d80d29; color:#fff;}
.ui-page .ui-content .ui-btn.ui-btn-red:focus {background-color:#e71432; border-color:#d80d29; color:#fff; text-shadow:none;}
.ui-page .ui-content .ui-btn.ui-btn-red:hover {background-color:#d80d29; border-color:#d80d29; color:#fff;}

.ui-page .ui-content .more .ui-btn {border-color:#ccc;}
.ui-page .ui-content .search_box .ui-btn.ui-input-text {width:150px; padding:0.11em 0.2em;}


.tag_box {display:inline-block; padding:4px 4px 3px; margin:0px 3px 0px 0px; border-radius:4px; background:#999; color:#fff; text-align:center; font-size:10px; font-weight:normal; text-shadow:none; text-indent:0px;}
/* .tag_box.left {margin:0px 3px 0px 0px;} */
.tag_box.orange {background:#f07700;}
.tag_box.pink {background:#e13072;}
.tag_box.green {background:#0c8d2a;}
.tag_box.purple {background:#601d83;}
.tag_box.blue {background:#01438f;}


.ui-page .ui-content .ui-listview li .ui-btn.past_time {background:#f1f1f1; color:#999;}
.ui-page .ui-content .ui-listview li .ui-btn.past_time:hover {background:#e9e9e9;}
.ui-page .ui-content .ui-listview li .ui-btn.past_time.ui-btn-active {background-color:#01438f; color:#fff; text-shadow:none;}
.ui-page .ui-content .ui-listview li .ui-btn.past_time.ui-btn-active * {color:#fff; text-shadow:none;}
.ui-page .ui-content .ui-listview.ui-group-theme-c li .ui-btn.past_time {background:#f1f1f1 url("/m/static/media/img/bullet.png") no-repeat 20px 50%;}
.ui-page .ui-content .ui-listview.ui-group-theme-c li .ui-btn.past_time {background-color:#e9e9e9;}
.ui-page .ui-content .ui-listview.ui-group-theme-c li .ui-btn.past_time.ui-btn-active {background-color:#01438f; color:#fff; text-shadow:none;}
.ui-page .ui-content .ui-listview.ui-group-theme-c li .ui-btn.past_time.ui-btn-active * {color:#fff; text-shadow:none;}

/* 취업프로그램 상태 */

.program_con1 {font-weight:bold; color:#1577da;}
.program_con2 {font-weight:bold; color:#0c8d2a;}
.program_con3 {font-weight:bold; color:#e8253c;}
.program_con4 {font-weight:bold; color:#f07700;}

.content_iframe {width:100%; overflow:auto;}


/* 타이틀 스타일 */
.title_con {position:relative; padding:0 0 8px 20px; margin:0px; background:url("/images/common/bullet.png") no-repeat 0 0; font-weight:bold; font-size:16px; line-height:100%;}
.title_con.mt_20 {margin-top:20px;}
.title_con span {font-size:12px; font-weight:normal; color:#235b99; vertical-align:top; line-height:120%;}
.title_con .right_side {position:absolute; right:0px; top:0px;}

/* 리스트 */
.list_dot {margin:0px; padding:0px; list-style:none;}
.list_dot li {position:relative; padding-left:10px;}
.list_dot li:before {content:""; position:absolute; left:0px; top:50%; display:block; width:3px; height:3px; margin-top:-2px; background:#bbb;}
.list_border li {margin:0px; padding-top:8px; padding-bottom:8px; border-bottom:1px solid #eee;}
/* .list_border li:first-child {border-top:none;} */

dl.program_schedule {margin:0px 0px 10px; padding:0px; border:1px solid #2b76ba;}
dl.program_schedule dt {margin:0px; background:#e7f2fb;}
dl.program_schedule dt a {display:block; position:relative; padding:10px 10px; color:#333;}
dl.program_schedule dt a span {position:absolute; right:10px; top:10px; color:#3388cc;}
dl.program_schedule dt.no_data {padding:10px 10px;}
dl.program_schedule dd {padding:5px 10px; margin:0px; background:#fff;}
dl.program_schedule dd h4 {margin:10px 0px 5px; color:#01438f;}
dl.program_schedule dd.program_schedule_detail, dl.program_schedule dd.program_schedule_form {display:none;}
dl.program_schedule dd.program_schedule_detail.show, dl.program_schedule dd.program_schedule_form.show {display:block;}
dl.program_schedule dd.program_schedule_btn {border-top:1px solid #ccc; text-align:center;}
dl.program_schedule dd .list_dot.list_border li:before {top:13px;}
@media (min-width:480px){
	dl.program_schedule dd ul:after {content:""; display:block; clear:both; height:0px; visibility:hidden;}
	dl.program_schedule dd ul li.fl {float:left; width:46%;}
}


.my_counsel_cancel {position:absolute; right:10px; top:10px;}

.counsel_calendar .counsel_calendar_top {position:relative; padding:10px; margin-bottom:10px; background:#e7f2fb; border-radius:5px; text-align:center;}
.counsel_calendar .counsel_calendar_top span {text-align:center; font-weight:bold;}
.counsel_calendar .counsel_calendar_top .control_prev {position:absolute; left:10px; top:50%; margin-top:-8.5px;}
.counsel_calendar .counsel_calendar_top .control_next {position:absolute; right:10px; top:50%; margin-top:-8.5px;}
.counsel_calendar .counsel_calendar_top img {width:17px; height:17px;}
.counsel_calendar .counsel_schedule dl.schedule_box {margin:0px 0px 10px; padding:0px; border:1px solid #2b76ba;}
.counsel_calendar .counsel_schedule dl.schedule_box dt {margin:0px; background:#e7f2fb;}
.counsel_calendar .counsel_schedule dl.schedule_box dt a {display:block; position:relative; padding:10px 10px; color:#333;}
.counsel_calendar .counsel_schedule dl.schedule_box dt a span {position:absolute; right:10px; top:10px; color:#3388cc;}
.counsel_calendar .counsel_schedule dl.schedule_box dt.no_data {padding:10px 10px;}
.counsel_calendar .counsel_schedule dl.schedule_box dd {display:none; padding:5px 10px; margin:0px; background:#fff;}
.counsel_calendar .counsel_schedule dl.schedule_box dd.show {display:block;}
.counsel_calendar .counsel_schedule dl.schedule_box dd .list_dot.list_border li:before {top:15px; margin-top:0px;}
@media (min-width:480px){
	.counsel_calendar .counsel_schedule dl.schedule_box dd ul:after {content:""; display:block; clear:both; height:0px; visibility:hidden;}
	.counsel_calendar .counsel_schedule dl.schedule_box dd ul li.fl {float:left; width:46%;}
}

/* 레이어 팝업 */

.layer_popup_wrap {display:none; position:fixed; left:0px; top:0px; width:100%; height:100%; background:url("/m/static/media/img/bg_gnb_outside.png") repeat 0 0; z-index:10000;}
.layer_popup_wrap.show {display:block;}
.layer_popup_wrap .layer_popup {padding:20px;}
.layer_popup_wrap .layer_popup .layer_popup_window {width:100%; max-width:800px; margin:0px auto; background:#fff; border-radius:5px; overflow:hidden;}
.layer_popup_wrap .layer_popup .layer_popup_window .lp_top {display:block; height:18px; padding:10px; background:#2087ca; color:#fff; font-size:18px; font-weight:bold; line-height:100%; text-shadow:none; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.layer_popup_wrap .layer_popup .layer_popup_window .lp_content {padding:10px; min-height:100px; overflow:auto;}
.layer_popup_wrap .layer_popup .layer_popup_window .lp_bottom {height:35px; padding:10px 10px; border-top:1px solid #eee; text-align:center;}


/* 동문인터뷰 */

.alumni_list ul {width:100%; margin:0px; padding:5px 0px 5px; list-style:none;}
.alumni_list ul:after {content:""; display:block; clear:both; height:0px; visibility:hidden;}
.alumni_list ul li {margin-bottom:10px;}
.alumni_list ul li .alumni_box {padding:0px 5px;}
.alumni_list ul li a {position:relative; display:block; border:1px solid #ccc; background:#fff;}
.alumni_list ul li .alumni_photo {position:absolute; left:0px; top:0px; display:block; width:120px; height:150px; background-color:#fff; background-repeat:no-repeat; background-size:contain; background-position:50%;}
/* .alumni_list ul li img {display:block; width:120px; max-height:150px;} */
.alumni_list ul li .alumni_text {display:block; height:130px; padding:10px 10px 10px 130px; background:#ecf6fb;}
.alumni_list ul li .alumni_text .alumni_title {display:block; margin:0px; color:#333; font-size:0.9em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.alumni_list ul li .alumni_text .alumni_info {display:block; margin:5px 0px 0px; /* white-space:nowrap; text-overflow:ellipsis; overflow:hidden; */}
.alumni_list ul li .alumni_text .alumni_info strong {font-weight:bold; font-size:0.75em; color:#666;}
.alumni_list ul li .alumni_text .alumni_info span {margin-left:5px; font-weight:normal; font-size:0.75em; color:#666;}
.alumni_list ul li .alumni_text .date {font-weight:normal; font-size:0.75em; color:#666;}
.alumni_list ul li.no_data {margin:0px; padding:0px 5px;}
.alumni_list ul li.no_data .alumni_box {position:relative; padding:0px; border:1px solid #ccc; background:#fff; font-size:0.75em;}
@media(min-width:480px){
	.alumni_list ul li.no_data {float:none; clear:both; width:auto;}
}
@media(min-width:768px){
	.alumni_list ul li {float:left; width:50%;}
}



/* 동문인터뷰 */

.startup_list ul {width:100%; margin:0px; padding:5px 0px 5px; list-style:none;}
.startup_list ul:after {content:""; display:block; clear:both; height:0px; visibility:hidden;}
.startup_list ul li {margin-bottom:10px;}
.startup_list ul li .startup_box {padding:0px 5px;}
.startup_list ul li a {position:relative; display:block; border:1px solid #ccc; background:#fff;}
.startup_list ul li .startup_photo {position:absolute; left:0px; top:0px; display:block; width:120px; height:150px; background-color:#fff; background-repeat:no-repeat; background-size:contain; background-position:50%;}

.startup_list ul li .startup_text {
    display:block;
    height:auto;
    min-height:130px;   /* 기존 디자인 유지 */
    padding:10px 10px 10px 130px;
    background:#ecf6fb;
}
.startup_list ul li .startup_text .startup_title {
    display: -webkit-box;
    margin: 0px;
    color: #333;
    font-size: 0.9em;

    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.startup_list ul li .startup_text .startup_info {display:block; margin:5px 0px 0px; /* white-space:nowrap; text-overflow:ellipsis; overflow:hidden; */}
.startup_list ul li .startup_text .startup_info strong {font-weight:bold; font-size:0.75em; color:#666;}
.startup_list ul li .startup_text .startup_info span {margin-left:5px; font-weight:normal; font-size:0.75em; color:#666;}
.startup_list ul li .startup_text .date {font-weight:normal; font-size:0.75em; color:#666;}
.startup_list ul li.no_data {margin:0px; padding:0px 5px;}
.startup_list ul li.no_data .startup_box {position:relative; padding:0px; border:1px solid #ccc; background:#fff; font-size:0.75em;}
@media(min-width:480px){
	.startup_list ul li.no_data {float:none; clear:both; width:auto;}
}
@media(min-width:768px){
	.startup_list ul li {float:left; width:50%;}
}



/* 동영상 자료실 */

.video_list ul {width:100%; margin:0px; padding:5px 0px 5px; list-style:none;}
.video_list ul:after {content:""; display:block; clear:both; height:0px; visibility:hidden;}
.video_list ul li {margin-bottom:10px;}
.video_list ul li .video_box {padding:0px 5px;}
.video_list ul li a {display:block; border:1px solid #ccc; background:#fff;}
.video_list ul li img {display:block; width:170px; height:95px; margin:10px auto;}
.video_list ul li .video_text {padding:10px; background:#ecf6fb;}
.video_list ul li .video_text h3 {margin:0px; color:#333; font-size:0.9em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.video_list ul li .video_text p {margin:5px 0px 0px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.video_list ul li .video_text p.video_info {font-weight:normal; font-size:0.75em; color:#666;}
.video_list ul li.no_data {margin:0px; padding:0px 5px;}
.video_list ul li.no_data .video_box {padding:0px; border:1px solid #ccc; background:#fff; text-align:center;}
@media(min-width:480px){
	.video_list ul li {float:left; width:50%;}
	.video_list ul li.no_data {float:none; clear:both; width:auto;}
}
@media(min-width:768px){
	.video_list ul li {float:left; width:25%;}
}