@charset "utf-8";
@import 'mobile_kawf.min.css';
@import 'jquery.mobile.icons.min.css';
@import 'jquery.mobile.structure-1.4.0.min.css';

/* common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0;padding:0;-webkit-text-size-adjust:none}
body,input,textarea,select,table,button{font-size:12px;line-height:1.5em;font-family:Helvetica,sans-serif;}
body{color:#666;word-wrap:break-word;word-break:break-all; -webkit-user-select: none;-webkit-text-size-adjust:none;}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;}
i,b{font-style:normal;}
img,fieldset{border:0;}
img {vertical-align:middle;}
ul,ol,li{list-style:none;}
a{color:#666;text-decoration:none;cursor:pointer}
em,address{font-style:normal}
mark{text-decoration:none;} 
legend{display:none;}
figcaption{display:block !important;} 
caption{display:none;}
table{border-collapse:collapse;table-layout:fixed;}
.hidden {display:none;}
input, textarea, select{vertical-align:top;font-size:12px;}

.fl {float:left;}
.fr {float:right;}
h1 {float:right;width:69px;height:39px;background:url('../images_m/common/logo.gif') 0 0 no-repeat;text-indent:-5000px;}
h1.test {float:right;width:69px;height:39px;background:url('../images_m/common/logo2.gif') 0 0 no-repeat;text-indent:-5000px;}
h1 a {display:block;width:100%;height:100%;}
@media (min-width:640px) {
h1 {float:right;width:159px;height:39px;background:url('../images_m/common/logo_big.gif') 0 0 no-repeat;text-indent:-5000px;}
}

h2.tit {padding:15px;border-bottom:1px solid #d0cfce;font-weight:bold;font-size:1.8em;font-family:'맑은 고딕',Malgun Gothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;}
h3.tit {padding:15px;border-bottom:1px solid #d0cfce;font-weight:bold;font-size:1.4em;line-height:1.3;font-family:'맑은 고딕',Malgun Gothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;}
h3.sub_tit, h4.sub_tit {padding:0 0 0 26px;max-width:100%;background:url('../images_m/common/blt_cir.png') 10px 3px no-repeat;font-weight:bold;}
article.content {background:url('../images_m/common/bg_content.gif') 0 0 repeat;}
article.content > p,
article.content > button {display:block;margin-left:10px;margin-right:10px;background-clip:content-box;}
article.content button.button_gray {display:inline;max-width:148px;border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px;font-size:12px;font-family:'맑은 고딕',Malgun Gothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;}
article.content button.button_blue {background:#1795dd;border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px;font-size:14px;font-family:'맑은 고딕',Malgun Gothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;}
.shadow {box-shadow:1px 1px 0 rgba(0,0,0, .1); -webkit-box-shadow:0 1px 1px rgba(0,0,0, .15); -moz-box-shadow:0 1px 0 rgba(0,0,0, .1); 
background: #fff;}
/*
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#d0d0d0));
background: -webkit-linear-gradient(top, #eaeaea 0%,#d0d0d0 100%);
background: linear-gradient(to bottom, #eaeaea 0%,#d0d0d0 100%);*/
.fs18 {font-size:18px;}
.blt_blue1 {padding-left:21px;background:url('../images_m/common/blt_blue1.gif') 11px 8px no-repeat;}
.txt_blue {color:#0181ca;}
.mb10 {margin-bottom:10px;}
.mt7 {margin-top:7px;}
.mt10 {margin-top:10px;}
.mt14 {margin-top:14px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt40 {margin-top:40px;}
.tac {text-align:center;}
.bg_btn_blue {border:1px solid #c8c8c8;background:#1289cd;padding:5px 8px 2px;color:#fff;min-height:12px;text-align:center;color:#fff;font-family:Dotum;display:inline-block;line-height:13px;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;font-weight:bold;}
.bg_btn_2 {background:#41bcde;padding:3px 2px 2px;color:#fff;min-width:46px;min-height:12px;text-align:center;color:#fff;font-size:11px;font-family:Dotum;display:inline-block;line-height:13px;}
.bg_btn_3 {background:#1289cd;padding:3px 2px 2px;color:#fff;min-width:41px;min-height:12px;text-align:center;color:#fff;font-size:11px;font-family:Dotum;display:inline-block;line-height:13px;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.bg_btn_4 {background:#bfbfbf;padding:3px 2px 2px;color:#fff;min-width:41px;min-height:12px;text-align:center;color:#fff;font-size:11px;font-family:Dotum;display:inline-block;line-height:13px;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.cont {margin-left:10px;margin-right:10px;}
.keep {word-break:keep-all;word-wrap:normal;text-indent:-10px;padding-left:10px;}

/* font-type */
@font-face{
font-family: 'NanumGothicWEB';
font-style: normal;
font-weight: normal;
src: url('../font/eot/NanumGothic.eot'); 
src: local('☺'), url('../font/woff/NanumGothic.woff') format('woff'), url('../font/ttf/NanumGothic.ttf') format('truetype'); 
}


/* layout */
#wrap {width:100%;height:100%;background:#e1e1e1 url('../images_m/common/bg_wrap.gif')  0 39px repeat-x;position:relative;}
header {overflow:hidden;width:100%;background:url('../images_m/common/bg_nav.gif')  0 0 repeat;}
article {padding-bottom:20px;}
footer {clear:both;padding-bottom:13px;background:#4a4a4a;text-align:center;}
footer #foot {width:100%;padding-top:13px;color:#b2b2b2;}
footer #foot a {color:#b2b2b2;}
footer #foot img {padding-bottom:10px;}
footer #foot a.fot {display:inline-block;margin:0 2px 10px;padding:0 6px;border:1px solid #b8b8b8;background:#eaeaea;line-height:25px;color:#444;
box-shadow:1px 1px 0 rgba(0,0,0, .1); -webkit-box-shadow:0 1px 1px rgba(0,0,0, .15); -moz-box-shadow:0 1px 0 rgba(0,0,0, .1); 
background: #eaeaea;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#d0d0d0));
background: -webkit-linear-gradient(top, #eaeaea 0%,#d0d0d0 100%);
background: linear-gradient(to bottom, #eaeaea 0%,#d0d0d0 100%);
cursor:pointer;}
footer #foot a.fot img {vertical-align:top;padding:7px 2px 0 0 ;}
footer address {padding:0 5px;}

.head_left {float:left;width:142px;}
@media (min-width:640px) {
.head_left {float:left;width:55%;}
}
.head_left > a {float:left;}
.head_right {float:right;margin:7px 10px 8px 0;}
/*header nav {position:absolute; left:-5000px;}
header .view_nav:hover > nav {position:absolute; left:0px;}*/
header #gnb {width:188px;position:absolute; top:40px;left:0; z-index:11000;}
header #gnb ul li div {display:inline;display:table-cell;}
header nav {display:block;width:100%;overflow:hidden;}
header nav > ul {width:188px;font-family:'NanumGothicWEB','맑은 고딕',Malgun Gothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;font-size:14px;}
/*header nav > ul > li {height:39px;}*/
header nav > ul > li > a {margin-top:-1px;border:1px solid #3f3d3d;background-image:url('../images_m/common/bg_gnb.gif');color:#fff;}
header nav > ul > li > a:hover,
header nav > ul > li > a:active {color:#fff;text-decoration:none;}
header nav > ul > li > ul > li > a,
header nav > ul > li > li > a:hover,
header nav > ul > li > li > a:active {padding:5px 6px 6px 35px;margin-top:-1px;border:1px solid #a0a0a0;background:#bcbcbc url('../images_m/common/blt_line1.gif') 27px 15px no-repeat  ;color:#4a4a4a;text-decoration:none;font-size:12px;}
/*header nav > ul > li > ul {display:none;}*/
header nav > ul a {display:block;padding:10px;}
header nav a.gnb0 {padding-left:32px;background-position: 0 0;}
header nav a.gnb1 {padding-left:32px;background-position: 0 -38px;}
header nav a.gnb2 {padding-left:32px;background-position: 0 -76px;}
header nav a.gnb3 {padding-left:32px;background-position: 0 -114px;}
header nav a.gnb4 {padding-left:32px;background-position: 0 -152px;}
header nav a.gnb5 {padding-left:32px;background-position: 0 -190px;}
header nav a.gnb6 {padding-left:32px;background-position: 0 -228px;}
header nav a.gnb0:hover {background-position:0 -266px;}
header nav a.gnb1:hover {background-position:0 -304px;}
header nav a.gnb2:hover {background-position:0 -342px;}
header nav a.gnb3:hover {background-position:0 -380px;}
header nav a.gnb4:hover {background-position:0 -418px;}
header nav a.gnb5:hover {background-position:0 -456px;}
header nav a.gnb6:hover {background-position:0 -494px;}

nav .gnb {overflow:hidden;width:101%;margin-left:-1%;}
nav .gnb li {float:left;width:24%;margin:0 0 0 1%;text-align:center;}
nav .gnb li a {display:block;width:100%;height:100%;margin:0 auto;padding:6px 0;border:1px solid #c8c8c8;background:#7f7f7f;color:#fff;text-decoration:none;text-shadow:1px 1px #2b2a2a;font-size:1em;font-family:'NanumGothicWEB','맑은 고딕',Malgun Gothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;}
nav .gnb li a.on {background:#423737;}
nav .tab_3,
nav .tab_2 {overflow:hidden;margin-left:10px;margin-right:10px;background-clip:content-box;}
nav .tab_1 {overflow:hidden;margin-left:10px;margin-right:10px;background-clip:content-box;background:#4b4040;}
nav .tab_3 li {float:left;width:32.3%;margin:0 0 0 1%;text-align:center;}
nav .tab_3 li a,
nav .tab_2 li a,
nav .tab_1 li a {display:block;width:100%;height:100%;margin:0 auto;padding:6px 0;border:1px solid #c8c8c8;background:#4b4040;color:#fff;text-decoration:none;text-shadow:1px 1px #2b2a2a;font-size:1em;font-family:'NanumGothicWEB','맑은 고딕',Malgun Gothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;}
nav .tab_3 li a.on,
nav .tab_2 li a.on,
nav .tab_1 li a.on {background:#1289cd;}
nav .tab_2 li {float:left;width:49%;margin:0 0 0 1%;text-align:center;}
nav .tab_1 li {float:left;width:204px;text-align:center;padding-right:5px;background:url('../images_m/common/bg_content.gif') 0 0 repeat;}
/* layout e */


/* 메인 */
section {position:relative;margin-top:10px;margin-left:10px;margin-right:10px;background:#fff;box-shadow:0 3px 8px rgba(0,0,0,0.2);-moz-box-shadow:0 3px 8px rgba(0,0,0,0.2);-webkit-box-shadow:0 3px 8px rgba(0,0,0,0.2);}
section.m_slide {overflow:hidden;margin-top:20px;position:relative;text-align:center;}
section.m_slide > div ,
section.m_slide > div > img.slide_img {width:100%;}


/* touchslider*/
#touchslider_a {overflow:hidden;width:100%;height:118px;margin:0 auto;position:relative;background:url('../images_m/common/bg_slide.gif') 30px 0 repeat;}
#touchslider_a ul {width:99999px;height:118px;position:absolute;top:0;left:0;overflow:hidden;z-index:1;}
#touchslider_a ul li {float:left;width:100%;height:118px;text-align:center;}
#touchslider_a ul li > img {height:118px;}
#touchslider_a ul li img.responsive {background-size:contain;display:block;max-width:100%;background: url('../images_m/common/m_img1.gif') no-repeat 0 center;}
@media (max-width:360px) {
#touchslider_a ul li img.responsive {height:118px;background-image: url('../images_m/common/m_imgs1.gif');}}
.btn_area {overflow:hidden;}
.btn_area button {display:block;margin:0;border:0;padding:0;z-index:3;}
.btn_area button.btn_prev {width:50px;padding:7px 0;position:absolute;top:36px;left:0;background: rgba(0, 0, 0, 0.4);border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0;}
.btn_area button.btn_next {width:50px;padding:7px 0;position:absolute;top:36px;right:0;background: rgba(0, 0, 0, 0.4);border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px;}
.btn_area .btn_page {display:inline-block;width:10px;height:10px;border:1px solid #017cc2;margin:3px;font-size:0px;line-height:0;text-indent:-9999px;background:#fff;border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;}
.btn_area .btn_page.on {background:#017cc2;}
#touchslider_a_paging {position:absolute;top:90px;left:0;width:100%;text-align:center;z-index:3;}
@media (max-width:360px) {
.btn_area button.btn_prev,
.btn_area button.btn_next {width:30px;padding:5px 0;}
}

section.m_job {overflow:hidden;}
section.m_job h2 {height:33px;background:#3c3c3c;}
section.m_job h2 > img {margin:9px 0 0 10px;}
section.m_job ul {padding:5px 0 11px;background:#fff;font-size:0.98em;}
section.m_job ul li {margin:0 10px;padding:2px 0 0 9px;border-bottom:1px dotted #d9d9d9;background:url('../images_m/common/blt_black1.gif')  0 9px no-repeat;}
section.m_job ul li a {color:#666;}
section.m_job .more {padding-right:9px;position:absolute;top:9px;right:10px;font-size:11px;color:#fff;background:url('../images_m/common/blt_arr1.gif') right 3px no-repeat;}
section.m_notice,
section.m_edu {overflow:hidden;height:33px;color:#666;}
section.m_notice h2,
section.m_edu h2 {float:left;padding:7px 10px 10px 10px;}
section.m_notice .rolling_text,
section.m_edu .rolling_text,
section.m_notice .no_rolling_text,
section.m_edu .no_rolling_text {margin:7px 5px 5px;}


section.m_edu p img {margin-top:-4px;}
section.m_webzine {height:112px;}
section.m_webzine h2 {overflow:hidden;width:100%;height:33px;background:#0181ca;}
section.m_webzine h2 > img {margin:9px 0 0 10px;}
section.m_webzine figure figcaption {overflow:hidden;text-overflow:ellipsis;position:absolute;top:42px;left:100px;font-weight:bold;}
section.m_webzine figure img {position:absolute;top:42px;left:10px;border:1px solid #cbcbcb;}
section.m_webzine a.con {overflow:hidden;text-overflow:ellipsis;display:block;height:28px;padding:19px 0 10px 90px;margin:0 10px;border-bottom:1px dotted #d9d9d9;line-height:1.5;}
section.m_webzine a.con {margin-top:10px;}
section.m_webzine .more {padding-right:9px;position:absolute;top:9px;right:10px;font-size:11px;color:#fff;background:url('../images_m/common/blt_arr1.gif') right 3px no-repeat;}
@media all and (max-width:360px){
section.m_webzine figure figcaption {width:190px;height:15px;}
section.m_webzine a.con {width:190px;}
address span {display:block;}
}
.m_banner {overflow:hidden;height:auto;margin:10px 10px 0;}
.m_banner a {display:block;width:43.8%;padding-right:5%;height:53px;padding-top:17px;font-size:14px;font-weight:bold;}
.m_banner a.fl {margin-right:0.5%;background:#fff url('../images_m/common/banner1.gif') 4% center no-repeat;text-align:right;}
.m_banner a.fr {background:#fff url('../images_m/common/banner2.gif') 4% center no-repeat;text-align:right;}
.m_banner a.fl span,
.m_banner a.fr span {display:block;font-size:12px;font-weight:normal;}
@media (max-width:360px) {
.m_banner a {background-size:50% 50%;font-size:0.8em;}
}
/* 메인 끝 */






/* 로그인 */
fieldset.login_area {margin-left:10px;margin-right:10px;background-clip:content-box;border:1px solid #c8c8c8;background:#fff;border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;position:relative;}
fieldset.login_area .ui-input-text {margin-top:5px;margin-left:5px;}
fieldset.login_area .ui-checkbox {margin-left:5px;}
fieldset.login_area .btn_login {position:absolute;top:5px;right:5px;}
fieldset.login_area .ui-input-text {margin-right:75px;}
fieldset.login_area p {padding:5px 5px 5px 21px;margin-top:5px;border-top:1px solid #c8c8c8;background:#f7f7f7 url('../images_m/common/blt_blue1.gif') 11px 12px no-repeat;}
fieldset.login_area p a {color:#1289cd;font-weight:bold;}






/* 예술인교육 */
.search {overflow:hidden;margin-left:10px;margin-right:10px;background-clip:content-box;background:#ebebeb;border:1px solid #c8c8c8;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.search .ui-btn {float:left;width:32%;margin:0 0 10px 10px;padding:0.3em 0 .2em;background:#fff;font-size:10px;color:#999;text-align:left;text-indent:3px;}
.search .ui-input-text {float:left;width:42%;margin:0 1%;}
.search span.no_select .ui-input-text {float:left;width:73%;margin:8px 4px 8px 10px;}
.search a.no_select {margin-top:8px;}
.search .ui-input-text input {min-height:1em;padding:.2em 0 .2em .2em;}
.search .ui-input-text placeholder {font-size:11px;}
.search a {float:left;}
.search .ui-icon-carat-d:after {background:url('../images_m/common/ico_arr_1.png') right center no-repeat;}
.list {overflow:hidden;margin-left:10px;margin-right:10px;background-clip:content-box;background:#fff;border:1px solid #c8c8c8;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.list .table {margin:0 10px;}
.list table {width:100%;height:93%;}
.list table td {padding:7px 0 10px;border-bottom:1px dotted #d0cfce;}
.list table td b {display:inline-block;width:100%;height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.list table td a img {vertical-align:middle;}
.list table td a .tar {display:block;text-align:right;}
.list table td .inline {display:inline-block;word-break:keep-all;}
.list .paging {margin:20px 0;}
.paging {text-align:center;letter-spacing:0.3em;}
.paging .selected {color:#f78532;font-weight:bold;text-decoration:underline;}
.view {overflow:hidden;margin-left:10px;margin-right:10px;background-clip:content-box;background:#fff;border:1px solid #c8c8c8;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;box-shadow:1px 1px 0 rgba(0,0,0, .1); -webkit-box-shadow:0 1px 1px rgba(0,0,0, .15); -moz-box-shadow:0 1px 0 rgba(0,0,0, .1); 
}
.view table {width:100%;height:93%;margin:0 auto -1px;}
.view table th {padding:6px 10px;background:#e4e4e4 url('../images_m/common/blt_line2.gif') 10px bottom no-repeat;}
.view table th.line_left {background-position:0 bottom;}
.view table td {padding:6px 10px;background:#fff url('../images_m/common/blt_line3.gif') right bottom repeat-x;}
.view table th.vertical_line {background:#e4e4e4 url('../images_m/common/blt_line5.gif') right top repeat-y;}
.view .cont {padding:15px 10px;line-height:1.7;}
.file {overflow:hidden;margin-left:10px;margin-right:10px;background-clip:content-box;}
.file a.fl {color:#1289cd;text-decoration:underline;}
.file .ico_type {float:right;padding-left:11px;background:url('../images_m/common/blt_line4.gif') 0 0 no-repeat;}
.btn_c_border {text-align:center;padding:10px 0;border-top:1px solid #d0cfce;}
.btn_c {text-align:center;padding:10px 0;}



/* 구인구직 */
.whence {margin-left:10px;margin-right:10px;background-clip:content-box;border:1px solid #c8c8c8;background:#f7f7f7;-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;vertical-align:middle;}
.whence span {display:block;padding:5px 8px;font-weight:bold;font-family:'NanumGothicWEB','맑은 고딕',Malgun Gothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;color:#666;}
.whence span img {vertical-align:top;}
.ui-page-theme-a  .whence_go  button.ui-btn {margin-left:auto;margin-right:auto;max-width:296px;background:url('../images_m/jb/bg_whence.gif') center center no-repeat;font-size:1.3em;font-weight:bold;font-family:'NanumGothicWEB','맑은 고딕',Malgun Gothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;}
.company_logo {overflow:hidden;padding:10px;border-bottom:1px solid #c8c8c8;text-align:center;vertical-align:middle;}
.company_logo img {max-width:100%;}
.br {display:inline;}
@media (max-width:360px) {
.br {display:block;}
}


/* 알림상담 */
.table .ui-collapsible .ui-btn-icon-left {padding-left:10px;color:#666;}
.table .ui-collapsible .ui-btn-icon-left:after {background:none;}
.ui-page-theme-a .table .ui-btn {background:#fff;color:#666;}
.qna_a {overflow:hidden;height:100%;line-height:1.8;padding-left:21px;position:relative;}
.qna_a .ico {position:absolute;top:0px;left:0px;}
.table .ui-collapsible-content {overflow:hidden;}
.qna {clear:both;}


/* 예술교류정보 */
h3.tit_blue {margin-left:10px;margin-right:10px;background:#0181ca;}
h3.tit_blue img {padding:9px;}
.img_list1,
.img_list2,
.img_list3 {overflow:hidden;margin-left:10px;margin-right:10px;margin-bottom:-1%;}
.img_list1 li,
.img_list2 li {overflow:hidden;float:left;width:24%;margin-right:1%;margin-bottom:1%;background:#fff url('../images_m/pi/img1_1.gif') center 20% no-repeat;box-shadow:1px 1px 0 rgba(0,0,0, .1); -webkit-box-shadow:0 1px 1px rgba(0,0,0, .15); -moz-box-shadow:0 1px 0 rgba(0,0,0, .1);text-align:center;font-weight:bold;font-family:'NanumGothicWEB','맑은 고딕',Malgun Gothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;white-space:nowrap;font-size:1em;}
.img_list1 li a,
.img_list1 li:nth-child(8) .blank,
.img_list2 li a {display:block;width:100%;padding-top:60%;line-height:2.9em;font-size:1.4em;white-space:nowrap;}
@media (max-width:360px) {
.img_list1 li, .img_list2 li {background-size:50% 50%;font-size:0.7em;}}
.img_list1 li:nth-child(4n) {padding-right:1%;margin-right:0;}
.img_list2 li:nth-child(4n) {padding-right:1%;margin-right:0;}
.img_list1 li:nth-child(2) {background-image:url('../images_m/pi/img1_2.gif');}
.img_list1 li:nth-child(3) {background-image:url('../images_m/pi/img1_3.gif');}
.img_list1 li:nth-child(4) {background-image:url('../images_m/pi/img1_4.gif');}
.img_list1 li:nth-child(5) {background-image:url('../images_m/pi/img1_5.gif');}
.img_list1 li:nth-child(6) {background-image:url('../images_m/pi/img1_6.gif');}
.img_list1 li:nth-child(7) {background-image:url('../images_m/pi/img1_7.gif');}
.img_list1 li:nth-child(8) {text-indent:-5000px;background-image:none;} 
.img_list2 li:nth-child(1) {background-image:url('../images_m/pi/img2_1.gif');}
.img_list2 li:nth-child(2) {background-image:url('../images_m/pi/img2_2.gif');}
.img_list2 li:nth-child(3) {background-image:url('../images_m/pi/img2_3.gif');}
.img_list2 li:nth-child(4) {background-image:url('../images_m/pi/img2_4.gif');}
.img_list3 li {width:100%;background:#fff;box-shadow:1px 1px 0 rgba(0,0,0, .1); -webkit-box-shadow:0 1px 1px rgba(0,0,0, .15); -moz-box-shadow:0 1px 0 rgba(0,0,0, .1);text-align:center;font-weight:bold;font-family:'NanumGothicWEB','맑은 고딕',Malgun Gothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;font-size:1.4em;white-space:nowrap;}
@media (max-width:360px) {
.img_list3 li {font-size:12px;}}
.img_list3 li a {display:block;width:100%;padding-top:10%;line-height:2.9em;white-space:nowrap;}


/* 예술교류정보 new */
.imgs_list1,
.imgs_list2,
.imgs_list3 {overflow:hidden;margin:10px 10px -1%;}
.imgs_list1 li,
.imgs_list2 li {overflow:hidden;float:left;width:24%;margin-right:1%;margin-bottom:1%;background:#fff url('../images_m/pi/imgs1_1.gif') center 30% no-repeat;box-shadow:2px 2px 0 rgba(0,0,0, .1); -webkit-box-shadow:0 2px 2px rgba(0,0,0, .1); -moz-box-shadow:0 2px 0 rgba(0,0,0, .1);-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;text-align:center;font-weight:bold;font-family:'NanumGothicWEB','맑은 고딕',Malgun Gothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;white-space:nowrap;font-size:1em;}
.imgs_list1 li a,
.imgs_list1 li:nth-child(8) .blank,
.imgs_list2 li a {display:block;width:100%;padding-top:65%;padding-bottom:10%;line-height:1.9em;font-size:1.2em;white-space:nowrap;}
.imgs_list3 li a {display:block;width:100%;padding-top:80px;padding-bottom:10px;line-height:1.9em;font-size:1.2em;white-space:nowrap;}
@media (max-width:360px) {
.imgs_list1 li, .imgs_list2 li {background-size:50% 50%;font-size:0.7em;}
.imgs_list3 li {font-size:0.3em;}
}
@media (max-width:320px) {
.imgs_list3 li {font-size:0.3em;}
}
.imgs_list1 li:nth-child(4n) {padding-right:1%;margin-right:0;}
.imgs_list2 li:nth-child(4n) {padding-right:1%;margin-right:0;}
.imgs_list1 li:nth-child(2) {background-image:url('../images_m/pi/imgs1_2.gif');}
.imgs_list1 li:nth-child(3) {background-image:url('../images_m/pi/imgs1_3.gif');}
.imgs_list1 li:nth-child(4) {background-image:url('../images_m/pi/imgs1_4.gif');}
.imgs_list1 li:nth-child(5) {background-image:url('../images_m/pi/imgs1_5.gif');}
.imgs_list1 li:nth-child(6) {background-image:url('../images_m/pi/imgs1_6.gif');}
.imgs_list1 li:nth-child(7) {background-image:url('../images_m/pi/imgs1_7.gif');}
.imgs_list2 li:nth-child(1) {background-image:url('../images_m/pi/imgs2_1.gif');}
.imgs_list2 li:nth-child(2) {background-image:url('../images_m/pi/imgs2_2.gif');}
.imgs_list2 li:nth-child(3) {background-image:url('../images_m/pi/imgs2_3.gif');}
.imgs_list2 li:nth-child(4) {background-image:url('../images_m/pi/imgs2_4.gif');}
.imgs_list3 li {overflow:hidden;width:100%;background:#fff url('../images_m/pi/imgs3_1.gif') center 30% no-repeat;box-shadow:2px 2px 0 rgba(0,0,0, .1); -webkit-box-shadow:0 2px 2px rgba(0,0,0, .15); -moz-box-shadow:0 2px 0 rgba(0,0,0, .1);-moz-box-shadow:0 2px 0 rgba(0,0,0, .1);-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;text-align:center;font-weight:bold;font-family:'NanumGothicWEB','맑은 고딕',Malgun Gothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;white-space:nowrap;font-size:1.4em;}
.imgs_list1 li a,
.imgs_list2 li a {background:url('../images_m/pi/bg_imgs.png') left top no-repeat;background-size:100%;}
.imgs_list3 li a {background:url('../images_m/pi/bg_imgs.png') left top no-repeat;font-size:0.8em;}




/* jquery mobile input 수정 s */
.input_restyle {overflow:hidden;margin-left:10px;margin-right:10px;white-space:nowrap;}
.input_restyle .ui-radio {float:left;padding-bottom:10px;display:inline;position:relative;}
.input_restyle .ui-checkbox {float:left;padding-bottom:10px;display:inline;position:relative;}
.input_restyle .ui-radio label.ui-btn,
.input_restyle .ui-checkbox label.ui-btn {border:0;padding:0 10px 0 22px;margin:0;display:inline;background:none;color:#666;}
.input_restyle .ui-radio .ui-radio-off,
.input_restyle .ui-radio .ui-btn.ui-radio-off:after {width:0;height:0;background:none;border:0;}
.input_restyle .ui-radio .ui-radio-on,
.input_restyle .ui-radio .ui-btn.ui-radio-on:after {width:0;height:0;background:none;border:0;}
.input_restyle .ui-checkbox .ui-checkbox-off,
.input_restyle .ui-checkbox .ui-checkbox-off:after {width:0;height:0;background:none;border:0;}  /*width:0;height:0;border:0;*/
.input_restyle .ui-checkbox .ui-checkbox-on,
.input_restyle .ui-checkbox .ui-checkbox-on:after {width:0;height:0;background:none;border:0;}
.input_restyle .ui-btn-icon-left:after,
.input_restyle .ui-btn-icon-right:after,
.input_restyle .ui-btn-icon-top:after,
.input_restyle .ui-btn-icon-bottom:after,
.input_restyle .ui-btn-icon-notext:after {left:0;}
.input_restyle input {position:absolute;top:0px;left:0px;}
/* jquery mobile input 수정 e */

.txt_result {font-size:11px;}
.gallery_list {margin-left:10px;margin-right:10px;margin-bottom:-1px;}
.gallery_list > li {overflow:hidden;width:100%;padding:10px 0;background-clip:content-box;border-bottom:1px dotted #d0cfce;position:relative;}
.gallery_list > li > a > img {float:left;width:30%;border:1px solid #e3e3e3;}
.gallery_list > li strong {position:absolute;top:15px;left:32%;width:60%;height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gallery_list .no_img strong {left:0;}
.gallery_list > li.no_img > ul {width:98%;margin-left:-1%;margin-top:25px;}
.gallery_list > li.no_img2 > ul {width:98%;margin-left:1%;margin-top:-5px;}
.gallery_list > li.no_img > ul > li,
.gallery_list > li.no_img2 > ul > li {width:95%;}
.gallery_list > li > ul {float:left;width:60%;margin-top:25px;}
.gallery_list > li > ul > li {padding-left:17px;background:url('../images_m/common/blt_dot1.gif') 9px 5px no-repeat;width:100%;height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
@media (max-width:360px) {
.gallery_list > li > a > img {width:40%;}
.gallery_list > li strong {left:42%;top:10px;}
.gallery_list > li > ul {width:50%;margin-top:19px;margin-left:-5px;}
.gallery_list .no_img > ul {width:98%;}
.gallery_list > li > ul li {height:14px;background-position: 9px 6px;}
}
@media (min-width:640px) {
.gallery_list > li > img {max-width:151px;}
}
.view .txt {margin:10px;padding-bottom:20px;border-bottom:1px dotted #d0cfce;line-height:1.8;}



/* 웹진들음 */
.gallery_list .bg_btn_blue {margin-right:5px;}
.gallery_list .cont {float:left;overflow:hidden;width:60%;height:52px;margin-top:45px;text-overflow:ellipsis;}
@media (max-width:360px) {.gallery_list .cont {width:50%;height:50px;margin-top:38px;margin-left:5px;}}
.gallery_list > li strong.two_line {height:36px;white-space:normal;}
.gallery_list li.sub_tit {overflow:hidden;width:100%;height:20px;white-space:nowrap;text-overflow:ellipsis;}
.webzine_view {margin:10px;line-height:1.7;text-align:justify;}
.webzine_view .webzine_tit {overflow:hidden;max-height:36px;padding-bottom:7px;border-bottom:1px dotted #d0cfce;color:#0181ca;font-weight:bold;text-overflow:ellipsis;}
.webzine_view .webzine_tit em {float:right;padding:0 0 0 5px;font-weight:normal;color:#666;}
.webzine_view .webzine_stit {padding:10px 0;color:#0181ca;}
.webzine_view > .pic {padding:10px 0;text-align:center;}
.webzine_view img {max-width:100%;}


/* 나의활동정보  */
.my_port_reprework {overflow:hidden;padding-bottom:10px;margin-left:10px;margin-right:10px;}
.my_port_reprework dl {float:left;width:31.9%;height:261px;border:1px solid #d7d7d7;margin-right:1%;box-shadow:2px 5px 5px rgba(0,0,0, .2); -webkit-box-shadow:2px 5px 5px rgba(0,0,0, .2); -moz-box-shadow:2px 5px 5px rgba(0,0,0, .2);}
.my_port_reprework dl:last-child {margin-right:0px;}
.my_port_reprework dl dt {overflow:hidden;width:100%;height:183px;text-align:center;vertical-align:middle;background:#f0f0f0;}
.my_port_reprework dl dt img {width:100%;vertical-align:middle;}
.my_port_reprework dl dd {overflow:hidden;height:68px;padding:10px 5px 0 5px;position:relative;font-weight:bold;line-height:1.4;}
.my_port_reprework dl dd a {overflow:hidden;display:block;width:100%;height:34px;text-overflow:ellipsis;}
.my_port_reprework dl dd span {position:absolute;bottom:9px;right:19px;font-weight:normal;}
.axis {width:0; height:100%; display:inline-block; vertical-align:middle;}
@media (max-width:360px) {
.my_port_reprework dl {height:156px;}
.my_port_reprework dl dt {height:78px;}
}
@media (min-width:400px) {
.my_port_reprework dl {height:181px;}
.my_port_reprework dl dt {height:98px;}
}
@media (min-width:384px) {
.my_port_reprework dl {height:181px;}
.my_port_reprework dl dt {height:98px;}
}
.gallery_list .my_port {margin-bottom:10px;border:1px solid #d2d2d2;box-shadow:2px 2px 2px rgba(0,0,0, .1);-webkit-box-shadow:2px 2px 2px rgba(0,0,0, .1); -moz-box-shadow:2px 2px 2px rgba(0,0,0, .1);}
.gallery_list .my_port img {margin-left:10px;}
.gallery_list .my_port > ul {margin-top:0;}
.gallery_list .nothing {height:35px;line-height:23px;text-align:center;}



/* 이용안내 */
.privacy {background-clip:border-box;height:100%;padding:20px 15px;line-height:1.9;}
.privacy h4,
.privacy h5,
.privacy h6 {font-weight:bold;}
.privacy h5 {margin-top:15px;}
.privacy ol {width:100%;overflow:hidden;margin-top:5px;}
.privacy > ol > li {text-indent:-14px;padding-left:15px;}
.privacy > ol > li > p {padding-left:0;text-indent:0;}
.privacy > ol > li > ol {margin-bottom:5px;}
.privacy > ol > li > ol > li {text-indent:-13px;padding-left:13px;}
.privacy > ol > li > ul > li {text-indent:-10px;padding-left:10px;}
.privacy > ol > li > ol > li > ol > li {text-indent:-19px;padding-left:19px;}
table.table_gray {border:1px solid #e1e1e1;border-top:2px solid #9b9b9b;margin-top:10px;border-collapse:collapse;width:100%;color:#666;}
table.table_gray th {padding:10px;background:#fafafa;border:1px solid #e1e1e1;font-size:12px;font-weight:bold;}
table.table_gray td {padding:7px;border:1px solid #e1e1e1;background:#fcfcfc;text-align:center;}
.email_denied {overflow:hidden;border:1px solid #ccc;padding:25px 25px 25px 156px;line-height:2;font-size:16px;background:url("../images/common/ico_email.gif") 18px 21px no-repeat;font-family:'NanumGothicWEB';font-weight:bold;}