@charset "UTF-8";
/*검색 엔진 도입전 숨김처리*/
.search{display:none !important;}
.redBt{background: #a40832;
    float: left;
    color: #fff !important;
    padding: 14px 16px;
    line-height: 1.5;
    cursor: pointer;
    margin: 20px 0;
}

/* reset */
* {-webkit-text-size-adjust:none; -webkit-overflow-scrolling:touch;}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
img,fieldset{border:0;vertical-align:middle;}
legend,caption, .hide {visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;text-align:left}
ul,ol{list-style:none}
em,address{font-style:normal}
.g_list img{max-width:100%;}
#overLayer img{max-width:100%;}
a{color:inherit}
table{width:100%;border:0;border-collapse:collapse}
input[type=text],input[type=password],input[type=url],textarea,input[type=submit]{height:35px;box-sizing:border-box;padding:0 7px;border:1px solid #666f7b;border-radius:0 !important;font-size:13px;-webkit-appearance:none; -moz-appearance:none; appearance:none;}
input:focus, textarea:focus, input.active:focus{outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0.5);}
input[type=checkbox], input[type=radio] {outline:0;}

select{height:35px;box-sizing:border-box;padding:0 35px 0 7px;padding:0 0 0 9px \0/IE9 !important;border:1px solid #666f7b;border-radius:0 !important;font-size:13px;-webkit-appearance:none; -moz-appearance:none; appearance:none;background:#fff url(/_res/grad/img/comm/bg_select.png) no-repeat right;background-size:30px}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	select {padding:0 0 0 7px !important}
}
.m_gallery{float: left; width: 60%; border:1px solid #d7d7d7;}
.m_gallery ul dl{display: inline-block; width: 31%; margin-right: 1.8%; float: left;}
.m_gallery ul dl dd a img{float: left;width:100%;}
table input[type=text],table input[type=password],table input[type=url],table textarea,table input[type=submit]{border:1px solid #dadada;}
table select{border:1px solid #dadada;color:#444}
.mobileOff{display:block;}
.mobileOn{display:none !important;}
.all-fixed{position:fixed;width:100%;height:100%;}
#wrap{position:relative}

/* header */
#wrap > header{max-width:1220px;margin:0 auto;padding:58px 20px 0;}
#wrap > header:after{display:block;content:"";clear:both}
#wrap > header h1{float:left;width:212px;height:60px;text-indent:-99999px;font-size:0;background:url(/_res/libart/etc/logo_libart.svg) no-repeat;background-size:100%;}
#wrap > header h1 a{display:block;width:100%;}
html:lang(ko) #wrap > header h1 a {height: 100%;}
#wrap > header > div > a{display:none}
#wrap > header > div > div{max-width:1180px;margin:0 auto;text-align:right}
#wrap > header > div > div > a{display:none}
#wrap > header > div ul{display:inline-block;margin-top:8px;}
#wrap > header > div ul.m{display:none}
#wrap > header > div ul li{display:inline-block;font-size:11px;color:#555}
#wrap > header > div ul li:after{display:inlin-block;padding:0 10px;content:"l";line-height:80%;color:#b6b1ab;}
#wrap > header > div ul li:last-child:after{display:none}
#wrap > header .search{display:inline-block;}
#wrap > header .search input{width:114px;height:30px;padding:5px;border:0;box-sizing:border-box;background:#fff;}
#wrap > header .search a{display:inline-block;width:36px;height:30px;vertical-align:middle;font-size:0;
background:url(/_res/libart/img/comm/btn_search.png) no-repeat; }
#wrap > header .search input::-webkit-input-placeholder{color:#fff}
#wrap > header .search input::-moz-placeholder{color:#fff}
#wrap > header .search input:-ms-input-placeholder{color:#fff}
#wrap > header .search input:-moz-placeholder{color:#fff}

/* gnb */
#wrap > header nav{float:right;margin-top:21px;}
#wrap > header nav > a{display:none}
#wrap > header nav div > a{display:none}
#wrap > header nav div > ul :after{display:block;content:"";clear:both}
#wrap > header nav div > ul  > li{position:relative;float:left;padding:0 20px 39px;font-weight:bold;font-size:17px;color:#333;}
#wrap > header nav div > ul > li > ul{display:none;}
#wrap > header nav div > ul > li:last-child{padding-right:0;}

.wnav .deps1:after{display:block;content:"";clear:both}
.wnav .deps1 > li{position:relative;float:left;padding:0 30px 36px;border-bottom:1px solid #fff;font-weight:bold;font-size:16px;color:#333;}
.wnav .deps1 > li.selected,
.wnav .deps1 > li:hover{color:#fff;}
.wnav .deps2{position:absolute;top:54px;left:50%;width:190px;margin-left:-85px;padding:20px;background:rgba(0,0,0,.7);z-index:1;}
.wnav .deps2 > li{padding:7px 0;word-break:keep-all;line-height:140%;font-weight:normal;font-size:15px;color:#fff;}


.visual{width:100%;height:250px;}
.visual.bg1{background:url(/_res/libart/img/sub/img_sub01.jpg) no-repeat center}
.visual.bg2{background:url(/_res/libart/img/sub/img_sub02.jpg) no-repeat center}
.visual.bg3{background:url(/_res/libart/img/sub/img_sub03.jpg) no-repeat center}
.visual.bg4{background:url(/_res/libart/img/sub/img_sub04.jpg) no-repeat center}
.visual.bg5{background:url(/_res/libart/img/sub/img_sub05.jpg) no-repeat center}
.visual.bg6{background:url(/_res/libart/img/sub/img_sub06.jpg) no-repeat center}

/* contaniner */
#container{position:relative;max-width:1180px;margin:60px auto 100px;}
#container:after{display:block;content:"";clear:both}

/* lnb */
#container nav{float:left;width:230px}
#container nav h2{padding-bottom: 31px;font-size: 32px;color: #9a5aba;line-height: 130%;font-weight: normal;word-break: keep-all;border-bottom: 1px solid #444;}
#container nav h2 span{display:block;font-size:13px;line-height:130%;color:#9e9e9e;}
.lnb_deps2 > li a {display:block;min-height:50px;box-sizing:border-box;padding:15px 23px;border-bottom:1px solid #dadada;font-size:16px;color:#444; font-weight: bold;}
.lnb_deps2 > li.selected,
.lnb_deps2 > li > a.active,
.lnb_deps2 > li > a:hover,
.lnb_deps2 > li:hover{color:#fff; background: #9a5aba url(/_res/libart/img/sub/bul_btn.png) no-repeat 95% center;}
/*.lnb_deps3{display:block !important;}*/
.lnb_deps3 li a{display:block;padding:14px 0;color:#7c7c7c;font-size:13px;background:#fff;text-indent: 23px;}
.lnb_deps3 li a:before{content:"-";padding-right:5px;}

.deps1 > li > a.active { color : #9a5aba; }


/* lnb 3depth a태그 색깔*/
ul.lnb_deps3 > li >a.active{color:#a5355d}

/* lnb 3depth a태그 색깔(모바일)*/
ul.deps3 > li >a.active{color:#a5355d}

/* content */
.content{position:relative;float:right;max-width:880px;width:100%}
.con_full{max-width:100%; width:100%; margin-left:0;}
.content h3{padding-bottom:40px;margin-bottom:50px;font-size:35px;color:#444;font-weight:bold;padding-top: 50px;border-top: 1px solid #444;border-bottom: 1px solid #e5e5e5;}
.breadcrumbs{float:right;color:#9e9e9e;font-size:14px;margin-top: -35px}
.breadcrumbs a:nth-child(1) {padding:3px 0 3px 20px;background:url(/_res/libart/img/sub/ico_home.gif) no-repeat 0 0px  }
.breadcrumbs a:after{display:inline;content:">";padding:3px 5px 3px 8px;font-size:10px;color: #9a5aba;}
.breadcrumbs strong{color:#696969;font-weight:normal}
.content ul.sns {width: 65px;position: absolute;right: 0;top: 115px;}
.content ul.sns li {float:left;}
.content ul.sns a {display:block; width:30px; height:30px; text-indent:-9999px;}
.content ul.sns li:nth-child(1) a {margin-right:5px;background:url(/_res/libart/img/sub/sns_tw.gif) no-repeat 0 0px }
.content ul.sns li:nth-child(2) a {background:url(/_res/libart/img/sub/sns_fb.gif) no-repeat 0 0px }


.content .con_tit{margin:20px 0 15px;font-size:22px;color:#444;font-weight:normal;line-height:140%;}
.content .con_tit span{font-size:14px;color:#929292;font-weight:normal}
.content .con_tit02{margin:50px 0 15px;padding-left:25px;font-size:18px;line-height:140%;color:#444;background:url(/_res/grad/img/comm/bl_tit.png) no-repeat 0 4px}

.txt_con{margin-bottom:30px;line-height:160%;}

.comm_box{padding:30px;border-top:1px solid #d6d6d6;border-bottom:1px solid #ba0b4a;
 background-color:#f9f9f9;background:url(/_res/grad/img/comm/bg_comm_box.png) repeat-y left bottom, url(/_res/grad/img/comm/bg_comm_box.png) repeat-y right bottom;}
.comm_box h4{margin-bottom:20px;font-size:18px;color:#666}
.comm_box p{line-height:160%;margin-bottom:20px;font-size:14px}
.comm_box .btn{margin-top:5px;}

.desc{display:block;margin-top:20px;font-size:13px;line-height:140%;}

/* aside */
#container aside{display:none;position:absolute;top:0;right:-80px;width:60px;}
#container aside ul li{margin-bottom:2px}
#container aside ul li a{display:block;width:60px;height:80px;box-sizing:border-box;padding-top:50px;line-height:120%;text-align:center;font-size:13px;color:#686868;background:#f2f2f2 url(/_res/grad/img/comm/ico_aside01.png) no-repeat center 18px;}
#container aside ul li:nth-child(2) a{background:#f2f2f2 url(/_res/grad/img/comm/ico_aside02.png) no-repeat center 16px;}
#container aside ul li:nth-child(3) a{background:#f2f2f2 url(/_res/grad/img/comm/ico_aside03.png) no-repeat center 16px;}
#container aside ul li:nth-child(4) a{padding-top:43px;background:#f2f2f2 url(/_res/grad/img/comm/ico_aside04.png) no-repeat center 12px;}
#container aside ul li a span{display:block}
.top_a{display:block;width:100%;height:40px;padding-top:20px;text-align:center;font-size:13px;color:#fff;background:#676767 url(/_res/grad/img/comm/bl_top.png) no-repeat center 8px;}

/* footer */ 
footer{background:#363a43;}
/* tab */
.tab{margin-bottom:20px;clear:both;border-bottom:1px solid #444;}
.tab:after{display:block;content:"";clear:both}
.tab li{float:left;width:33.33%;text-align: center;} 
.tab li a{display:block;box-sizing:border-box;padding:20px;border:1px solid #cccccc;border-top:3px solid #cccccc;border-bottom:0;border-left:0;font-weight:bold;font-size:14px;color:#666;background:#fff;}
.tab li a:before{content:"";padding-right:10px;}
.tab li:first-child a{border-left:1px solid #dedede;border-bottom:0;}
.tab li.selected a,
.tab li a:hover{background:#ffffff;border:1px solid #cccccc;border-top:3px solid #9a5aba;border-left:0;color:#9a5aba; border-bottom:0;}
.tab li:first-child.selected a,
.tab li:first-child a:hover{border:1px solid #cccccc;border-top:3px solid #9a5aba;border-bottom:0;}
.tab_sel{width:100%;margin-bottom:20px}

/* list type */
.dot_list{margin:30px 0 20px;}
.dot_list > li{padding:0 0 10px 10px;line-height:150%;word-break:keep-all;background:url(/_res/grad/img/comm/bl_dot.png) no-repeat 0 9px;}

.line_list{margin:10px 0 0;}
.line_list > li{padding:0 15px 10px;line-height:150%;word-break:keep-all;background:url(/_res/grad/img/comm/bl_line.png) no-repeat 0 9px;}


ol{margin-left:17px;}
ol > li{padding:3px 0 10px;list-style-type:decimal;line-height:160%;}

.han_list{margin-left:23px;}
.han_list > li{list-style-type:hangul}

/* input */
input[type=checkbox] + label,
input[type=radio] + label{padding-left:5px}

/* select */
.sbHolder{background-color: #fff;border: solid 1px #666f7b;font-size: 13px;font-weight: normal;height: 35px;position: relative;width:auto}
.sbSelector{display: block;height:35px;left: 0;line-height:35px;outline: none;overflow: hidden;position: absolute;text-indent:10px;top: 0;width:100%;text-align:left}
.sbToggle{background:#fff url(/_res/grad/img/comm/bg_select.png) no-repeat right !important;background-size: 38px;display: block;height: 33px;outline: none; position: absolute;right: 0;top: 0;width: 40px;}
/*.sbHolderDisabled{background-color: #3C3C3C;border: solid 1px #515151;}*/
.sbOptions{background-color: #fff;border: solid 1px #dadada;list-style: none;left: 0px; margin: 0;padding: 0;position: absolute;top:33px; width:100%;z-index: 1; overflow-y: auto;}
.sbOptions li{ padding: 0 7px;}
.sbOptions a{ border-bottom: solid 1px #efefef;display: block;outline: none;text-align:left;padding: 10px 0 10px 3px;}
.sbOptions a:link, .sbOptions a:visited{color: #888;text-decoration: none;}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{color: #444;}
.m_visual > .paging {display:none;}
.m + .sbHolder{display:none !important}
.search_box .sbHolder{display:inline-block;width:125px !important;vertical-align: middle;}/* 0317 추가 */


/* button */
.btn_left{margin-top:18px;}
.btn_left li{display:inline-block;margin-bottom:5px;vertical-align:middle}

.btn_right{text-align:right;margin-top:18px;}
.btn_right li{display:inline-block;vertical-align:middle}

.btn{display:inline-block;min-width:100px;box-sizing:border-box;padding:12px 25px 10px;border:1px solid #9298a1;font-size:15px;color:#606976;font-weight:bold;text-align:center;background:#fff;}
.btn_25{height:35p;padding-top:9px}

.b_red{color:#fff;background:#ba0b4a;border:0;padding: 14px 25px 13px;}
.b_dgray{color:#fff;background:#606976;border:0}
.b_blue{color:#fff;background:#515e7e;border:0}

/* icon */
.ico_file{width:26px;vertical-align:middle;}

.ico_red{display:inline-block !important;min-width:60px;height:23px;box-sizing:border-box;margin-left:10px;padding:5px 5px 0;border:1px solid #bc1350;color:#bc1350 !important;font-size:12px !important;text-align:center;line-height:100% !important;}

.bl_arrow{padding-right:40px;background-image:url(/_res/grad/img/comm/bl_arrow_w.png);background-repeat:no-repeat;background-position:95%;}

/* space */

.mg_0{margin:0 !important}

.ml_25{margin-left:25px !important}
.mt_0{margin-top:0 !important}
.mt_10{margin-top:10px !important}
.mt_20{margin-top:20px !important}
.mt_30{margin-top:30px !important}
.mt_50{margin-top:50px !important}
.mb_5{margin-bottom:5px !important}
.mb_10{margin-bottom:10px !important}
.mb_20{margin-bottom:20px !important}
.mb_30{margin-bottom:30px !important}
.mb_14{margin-bottom:14px !important}
.mb_100{margin-bottom:100px !important}

.pb_20 {padding-bottom:20px !important;}
.pb_30 {padding-bottom:30px !important;}
.pb_40 {padding-bottom:40px !important;}
.pb_50 {padding-bottom:50px !important;}

/* comm */
.txt_left{text-align:left !important}
.txt_right{text-align:right !important}
.txt_center{text-align:center !important}
.fl{float:left !important}
.fr{float:right !important}
.clearfix:after{display:block;content:"";clear:both}
.m{display:none}
.txt_red{color:#ba0b4a;}
.txt_blue{color:#535eb9}
.txt_comm{margin-top:10px;text-align:right;font-size:12px;color:#888}
.txt_under{text-decoration:underline}
.keep{word-break:keep-all}
.break{word-break:break-all}

.h150{height:150px !important;vertical-align:top}
.w60 {width:60px  !important;}
.w100 {width:100px  !important;}
.screen_none{display:none}

.bg_h4 {font-size:24px;line-height: 24px; color:#444; font-weight: bold; padding:0 0 0 20px;background:url(/_res/libart/img/sub/bul_h4.gif) no-repeat left 1px; }
.ht {font-size:18px;line-height: 18px; color:#444;font-weight: bold; }
.css03 {display:inline-block; padding:0 10px;vertical-align:middle; text-indent: -999999px;color:#757575; width:10px; height: 10px; background: url(/_res/tour/img/comm/bl_arrow.png) no-repeat  center top;}
.msg_touch_help{display:none}

.hide {display:none;}  
.show {display:table-row;}  
.ellips2{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;  line-height: 1.2em;
height: 2.8em; } 
 .ellips {float:left !important;width:75%;margin-right:10px; color:#222;text-align: left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

/* main */
#m_container{}
.m_visual{position:relative; max-height:500px;max-width: 1180px;max-height: 500px;margin: 0 auto;}
#touchSlider6 { width:100%; height:500px; margin:0 auto; position:relative; overflow:hidden; }
#touchSlider6 > ul > li > a > img{ display:none;}
#touchSlider6 ul { width:99999px; height:auto; position:absolute; top:0; left:0; overflow:hidden; }
#touchSlider6 ul li { float:left; width:100%; height:500px; font-size:14px; color:#fff; }
#touchSlider6 {background: url(/_res/libart/img/main001.jpg) no-repeat 50% ;}
.m_visual .paging {position: absolute; bottom:0; left:0; width:100%;}
.m_visual .paging button {width:33.333333%;margin: 0;padding:19px 0 20px;float: left; color:#777;font-size:16px;font-weight:bold;background:rgba(255,255,255,.6); border:none;border-left: 1px solid #cdcdcd;border-top:1px solid #a40832; }
.m_visual .paging button:nth-child(1) {border-left:none;}
.m_visual .paging button.on {color:#a40832;padding:15px 0 20px; font-size:16px; background:rgba(255,255,255,.6) url(/_res/libart/img/main/main_tab.png) no-repeat center -1px;  border-top:5px solid #a40832;}
.m_visual li p {font-size: 24px; color:#4c4c4c; font-weight: bold; margin-left: 45%;margin-top: 100px;}
.m_visual li p strong {font-size: 32px; color:#a40832;font-weight: bold;}
.m_con{max-width:1220px;margin:40px auto 0;padding:0 20px}
.m_con:after{display:block;content:"";clear:both}
.m_con h3{color:#444;font-size:23px; padding-left:10px;}
.m_con .m_more{position:absolute;right:30px;top:30px;width:24px;height:24px;font-size:0;background:url(/_res/grad/img/main/btn_more.png) no-repeat;}
.m_con_first:after {display:block;content:"";clear:both}
.m_con_first {margin-bottom:40px;}

.m_link{position:relative;float:right;width:49%;height:225px;overflow:hidden;border:1px solid #d7d7d7}
.m_link li{width:100%;height:225px;box-sizing:border-box;padding:40px 30px;text-align:right;background:#f0eae3 url(/_res/grad/img/main/bg_link01.png) no-repeat 1px bottom}
.m_link li p{line-height:130%;font-size:28px;color:#6f6863;font-weight:bold;}
.m_link li p strong{color:#4778b2;}
.m_link li a{display:inline-block;width:200px;height:35px;box-sizing:border-box;margin-top:20px;padding:8px 44px 0 18px;border:3px solid #908882;text-align:left;font-size:14px;color:#78716c;background:url(/_res/grad/img/main/bg_link02.png) no-repeat right}
.m_link .bx-wrapper .bx-controls{position:absolute;right:30px;bottom:20px;width:100px;text-align:right}
.m_link .bx-controls-direction{display:none}
.m_link .bx-pager-item{display: inline-block;margin-left:10px}
.m_link .bx-pager-item a{display:block;width:13px;height:11px;font-size:0;background:url(/_res/grad/img/main/btn_m_link.png) no-repeat;}
.m_link .bx-pager-item a.active{background:url(/_res/grad/img/main/btn_m_link_sel.png) no-repeat;}
.m_link .bx-wrapper{position:relative;left:0px;}
.m0621 {
    border: solid thin #fff;
    color: #fff;
    display:inline-block;
    padding:35px 10px;
    width: 45%;
    font-size: 18px;
    margin:0 2.5%;
    text-align: center;
}
.ppp1{background:#37577d;}
.ppp{background:#218198;}
.m_notice, .m_gallery {font-size:0;position:relative;float:left;width:66%;height:285px;box-sizing:border-box;padding:40px;border:1px solid #d7d7d7;background:rgba(255,255,255,0.95)}
.m_notice{width:59%;min-height:270px;}
.m_gallery{width:40%;min-height:270px;margin-left:1%;}
.m_gallery_box{margin-top:30px;text-align:center;}
.m_notice:after {display:block;content:"";clear:both}
.m_notice h3, .m_gallery h3{position:relative;padding:0 0 0 15px;font-size:25px;font-weight:700;}
.m_notice h3:after, .m_gallery h3:after{content:'';position:absolute;top:1px;left:0;width:5px;height:27px;background:#a10c0c;}
.m_notice h3{float:left;}
.tab_list{position:relative;height:265px;}
.m1-ul-tab{float:right;margin:4px 0 0;}
.m1-ul-tab:after{display:block;}
.m1-ul-tab > li{float:left;}
.m1-ul-tab > li > a{color:#333;}
.m1-ul-tab > li > a > span{display:inline-block;position:relative;padding:2px 19px 0;font-size:17px;font-weight:700;cursor:pointer;}
.m1-ul-tab > li > a > span:after{content:'';position:absolute;top:3px;right:0;width:2px;height:15px;background:#ddd;}
.m1-ul-tab > li:last-child > a > span:after{display:none;}
.m1-ul-tab > li:last-child > a > span{padding-right:0;}
.m1-ul-tab li.active ul{display:block;}
.m1-ul-tab li.active > a{color:#a40832;}
.m1-ul-tab li ul{display:none;position:absolute;top:45px;left:0;width:100%;padding:13px 0 0;}
.m1-ul-tab li ul li{position:relative;margin:6px 0 12px;padding:0 0 0 11px;}
.m1-ul-tab li ul li:before{content:'';position:absolute;top:10px;left:2px;width:2px;height:2px;border-radius:2px;background:#666;}
.m1-ul-tab li ul li a{color:#333;font-size:16px;}
.m1-ul-tab li ul li a:after{content:'';display:block;clear:both;}
.m1-ul-tab .ellips{float:left;width:calc(100% - 120px);margin-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tab_list ul li ul li a span:not(.ellips){float:right;}

/**스킨변경**/
.m_schedule{position:relative;float:right;width:32%;max-height:270px;box-sizing:border-box;padding:25px 10px 0px 155px;border:1px solid #d7d7d7;background:#3495ac url(/_res/lib003/img/main/img_schedule.jpg) no-repeat 0 0;}
.m_schedule h4 span {color:#fff;font-size:22px;padding-left:0;}
.m_schedule ul{margin: 30px 0px !important;height: 166px;/*overflow-y: auto;*/}
.m_schedule ul li{    margin-bottom: 13px;
    color: #FFF;
    width: 100%;
    position: relative;
    font-size: 14px;}
.m_schedule ul li strong{ float: left; position:absolute; top: 0;left: 0;}
section > ul > li > a {    width: 100%;}
.m_schedule ul li:after{display:block;content:"";clear:both}
.m_schedule ul li a span{float:left;width:65%;margin-left: 65px;color:#fff !important;overflow:hidden;text-overflow:ellipsis;word-wrap:beak-word;white-space:nowrap}

.m_con_mid:after{content:'';display:block;clear:both;}
.m_civil, .m_recruit, .m_qna, .m_office {position:relative;float:left; height:268px;width:15.7%;margin-right: 1%;background-size: 140%;margin-bottom: 30px;}
.m_office {margin-right:0;}
.m_civil h3, .m_qna h3, .m_recruit h3, .m_office h3{width: 100%; position:absolute ; top:0; left:0; font-size: 23px; color:#fff; font-weight: bold; text-align: center; padding:20px; }
.m_civil h3 {background:#3f9d9f; }
.m_qna h3{background:#9a5aba; }
.m_recruit h3{background:#a40832; }
.m_office h3{background:#37577d; }
.m_civil{background:url(/_res/libart/img/main/m_img1.jpg) no-repeat center top 150%; }
.m_recruit{background:url(/_res/libart/img/main/m_img2.jpg) no-repeat center top 150%; }
.m_qna{background:url(/_res/libart/img/main/m_img3.jpg) no-repeat center top 150%; }
.m_office{background:url(/_res/libart/img/main/m_img4.jpg) no-repeat center top 150%; }
.m_civil p, .m_qna p, .m_recruit p, .m_office p {color:#fff;font-size:14px;padding-top: 143px; padding-left:10px;text-shadow:0px 0px 4px #666 ;}
.m_civil p:nth-child(3), .m_qna p:nth-child(3), .m_recruit p:nth-child(3), .m_office p:nth-child(3), .more {width:40px; height: 40px; padding-top: 0;padding-left: 0px;text-indent: -999999px; display: block;position:absolute; bottom:0; right:0;background:url(/_res/libart/img/main/btn_more.png) no-repeat right top;}

.m_civil p:nth-child(3) a, .m_qna p:nth-child(3) a,
.m_recruit p:nth-child(3) a, .m_office p:nth-child(3) a {display:block; width:40px; height:40px;}

/* quick menu -------------------------------- */
.m_quick.w{position:relative;max-width:1220px;margin:0 auto 50px;padding:0 20px;}
.m_quick.w:after{display:block;content:"";clear:both}
.m_quick.w h3{float:left;width:95px;height:65px;box-sizing:border-box;padding:15px 20px;font-size:18px;color:#fff;background:#828282}
.m_quick .btn_area{position:static;height:65px;}
.m_quick .btn_prev {float:left;position:absolute;top:0;left:117px;width:65px;height:65px;background:url(/_res/ocks/img/main/btn_quick.jpg) no-repeat 0 0;border:1px solid #dadada;text-indent:-99999px;}
.m_quick .btn_prev:hover {width:65px;height:65px;background: url(/_res/ocks/img/main/btn_quick.jpg) no-repeat 0 -65px;}
.m_quick .btn_next {float:right;position:absolute;top:0;right:20px;width:65px;height:65px;background: url(/_res/ocks/img/main/btn_quick.jpg) no-repeat -65px 0;border: 1px solid #dadada;text-indent:-99999px;}
.m_quick .btn_next:hover{width:65px;height:65px;background: url(/_res/ocks/img/main/btn_quick.jpg) no-repeat -65px -65px;}
#touchSlider5{float:left;position:relative;width:calc(100% - 225px);height:65px;margin-left:66px;overflow:hidden;background:#fff;border:1px solid #dadada;}
#touchSlider5 ul{position:absolute;top:0;left:0;width:99999px;height:65px;overflow:hidden;}
#touchSlider5 ul li{float:left;width:100%;height:65px;overflow: hidden;border-right:1px solid #dadada;text-align:center;}
#touchSlider7{position:relative;width:calc(100% - 130px);height:65px;margin:0 auto;overflow:hidden;border-top:1px solid #dadada;border-bottom:1px solid #dadada;}
#touchSlider7 ul{width:100% !important;position:absolute;top:0;left:0;overflow:hidden; }
#touchSlider7 ul:after{content:'';display:block;clear:both;}
#touchSlider7 ul li{float:left;width:100% !important;height:65px;}
/* quick menu end -------------------------------- */

/* 홍보영상 */
.movie{width:100%;background:url(/_res/grad/img/main/bg_movie.png);}
.movie:after{display:block;content:"";clear:both}
.movie_s{float:left;width:65%;}
.movie p{float:left;width:35%;box-sizing:border-box;padding:20px 25px;font-size:18px;color:#fff;line-height:180%;}
.movie p span{display:block;margin-top:10px;color:#777;font-size:14px;}

.movie_sum{margin-top:40px;padding:30px 0;border-top:2px solid #343947;border-bottom:1px solid #dadada;}
.movie_sum:after{display:block;content:"";clear:both}
.movie_sum li{float:left;margin-left:10px}
.movie_sum li:first-child{margin-left:0}
.movie_sum li img{width:100%;}
.movie_sum li p{margin:12px 0 5px;font-size:16px;color:#34363d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-all;}
.movie_sum li span{color:#989898;font-size:13px;}

/* 교내주요사이트 */
.cooperate li span {display:inline-block; vertical-align:center;color:#787878; font-size:16px;}
.cooperate li {float:left;height: 100px;width: 48.8%;border: 1px solid #d9d9d9; margin-bottom:30px;background:url(/_res/libart/img/sub/btn_gogo.gif) no-repeat 94% center; }
.cooperate li img {display:inline-block; height:100%; width:auto;vertical-align:center; margin-right:20px;}
.cooperate li a {display: block;height: 100%;}
.cooperate li:nth-child(2n) {margin-left:2.4%;}


/* 교내주요사이트 */
.site li {float:left;width:48.8% ; color:#fff; font-size:18px; font-weight: bold; margin-bottom:30px;}
.site li a {display: block;padding:30px;}
.site li:nth-child(2n) {margin-left:2.4%;}
.site li span {display:block;color:rgba(255,255,255,0.4); font-size:12px;}
.site li:nth-child(1) {background:#d15c75 url(/_res/libart/img/sub/btn_site.gif) no-repeat 94% center;}
.site li:nth-child(2) {background:#4f88c8 url(/_res/libart/img/sub/btn_site.gif) no-repeat 94% center;}
.site li:nth-child(3) {background:#36a8b5 url(/_res/libart/img/sub/btn_site.gif) no-repeat 94% center;}
.site li:nth-child(4) {background:#9a5aba url(/_res/libart/img/sub/btn_site.gif) no-repeat 94% center;}
.site li:nth-child(5) {background: #70000c url(/_res/libart/img/sub/btn_site.gif) no-repeat 94% center;}
.site li:nth-child(6) {background: #cc56dd url(/_res/libart/img/sub/btn_site.gif) no-repeat 94% center;}
/* 인사말 */
.greeting{}
.greeting .txt_tit_p,
.domestic .txt_tit_p{font-size:36px;color:#3b3b3b;line-height:140%;}
.greeting .txt_tit_p span {background:#9a5aba; color:#fff;padding: 0 10px;}
.greeting .txt_tit_p .txt_br{display:block;color:#766955;}
.greeting .txt_tit_p .txt_red{display:block;color:#b74d73}
.greeting p {margin-bottom:30px;font-size:14px; color:#787878;line-height:202%;}
.greeting p strong {font-size:24px;}
.greeting p.fl {width:50%; margin-right:20px;}
.greeting p img {width:100%; height: auto}

.greeting .txt_end{text-align:right;margin-top:-30px;font-size:30px;color:#787878}

/* 교육목적 */
.greeting.purpose p.fl {width:47%; }

/* 연혁 */
.history{clear:both}
.history table{border-top:2px solid #7b7b7b;line-height:160%}
.history thead th,
tfoot th{height:52px;padding:7px;border:1px solid #dadada;border-top:0;color:#444;font-size:16px;font-weight:bold;background:#fafafa}
.history tbody th,
.history tbody td,
tfoot th,
tfoot td{height:52px;padding:7px;border:1px solid #dadada;border-top:0;border-left:0; border-right:0;text-align:left;}


/* 오시는길 */
.visit p img {width:100%; height: auto}
.visit p{font-size:14px;color:#787878;line-height: 160%}
.black_dash{line-height: 160%}
ul.black_dash li {font-size:14px;color:#787878; padding-left:20px;background:url(/_res/libart/img/sub/bul_dash.gif) no-repeat left 10px;}
ul.black_dash li strong {display: inline-block;font-size:16px;color:#444; }
dl.black_dash{line-height: 160%}
dl.black_dash dt,
p.bdash,
dl.num_dash dt {font-size:16px;color:#444; padding-left:20px;background:url(/_res/libart/img/sub/bul_dash.gif) no-repeat left 10px;}
dl.black_dash dd {font-size:14px;margin-left:15px;color:#787878; padding-left:10px;background:url(/_res/libart/img/sub/dash_bar.gif) no-repeat left 8px;}
p.dash {font-size:14px;color:#787878; padding-left:10px;background:url(/_res/libart/img/sub/dash_bar.gif) no-repeat left 8px;}
dl.no_dash {line-height: 160%;margin-bottom: 20px;}
dl.no_dash dt {font-size:16px;color:#444; padding-left:20px;background:url(/_res/libart/img/sub/bul_dash.gif) no-repeat left 10px;}
dl.no_dash dd {font-size:14px;color:#787878; padding-left:20px;padding-bottom: 10px;}
.bt_dot {border-bottom:1px dotted #d9d9d9;}
.bt_solid{border-bottom:1px solid #d9d9d9;}
.h6_bar {font-size:16px;color:#444; padding-left:20px;margin-bottom: 10px;background:url(/_res/libart/img/sub/bul_dash.gif) no-repeat left 10px;}
dl.num_dash dd {margin-left:15px;font-size:14px;color:#787878;padding-bottom: 10px; line-height: 180%}
dl.num_dash dd:nth-child(2) {margin-top:15px;padding-left:20px; background: url(/_res/libart/img/sub/snum_01.gif) no-repeat left 5px;}
dl.num_dash dd:nth-child(3) {padding-left:20px; background: url(/_res/libart/img/sub/snum_02.gif) no-repeat left 5px;}
dl.num_dash dd:nth-child(4) {padding-left:20px; background: url(/_res/libart/img/sub/snum_03.gif) no-repeat left 5px;}
dl.num_dash dd:nth-child(5) {padding-left:20px; background: url(/_res/libart/img/sub/snum_04.gif) no-repeat left 5px;}




/* 학과 */
.major .txt_left {padding:20px;}
.major .item .click a {padding-right:30px ; background:url(/_res/libart/img/sub/bg_major.png) no-repeat right center;background-size: auto 25%;}


.btnbox {position:relative;border: 1px solid rgb(217, 217, 217);padding: 30px 40px;}
.btnbox:after {content: '';display: block;clear: both;}
.btnbox p {font-size: 16px; color:#787878;}
a.download {display:inline-block;font-size: 16px; color:#fff; font-weight: bold; width:200px; padding:20px 0; text-align: center; background: #9a5aba}
.btnbox a.download {position: absolute;top:13px; right:40px;}
.ico_down {display:inline-block;width:20px; height: 20px; margin-right: 5px;vertical-align: middle;background:url(/_res/libart/img/sub/btn_down.png) no-repeat center }
.bg_impor {padding-left:60px;background:url(/_res/libart/img/sub/bg_important.gif) no-repeat 33px center}

.s_dash {font-size:14px;color:#787878; padding-left:10px;background:url(/_res/libart/img/sub/dash_bar.gif) no-repeat left 13px;}

/* 제2전공, 부전공, 복수전공*/
.second .btn_group a {display: inline-block; margin-right:1.5%; color:#fff; font-weight: bold; width:49%; text-align: center; padding:20px 10px;}
.second .btn_group a:nth-child(1) {background:#5a7cba url(/_res/libart/img/sub/bul_btn.png) no-repeat 93% center;}
.second .btn_group a:nth-child(2) {background:#9a5aba url(/_res/libart/img/sub/bul_btn.png) no-repeat 93% center; margin-right:0;}
.second ol,
.signup ol {margin-left: 0;}
.second ol li,
.signup ol li {margin:10px 0 ;list-style-type: none;}
.second ol li li,
.signup ol li li {font-size: 14px; padding-left:10px;}
.second ol > li,
.signup ol > li {margin:15px 0;}
.second ol > li:nth-child(1),
.signup ol > li:nth-child(1){padding-left:35px; background: url(/_res/libart/img/sub/num_01.png) no-repeat left 2px;}
.second ol > li:nth-child(2),
.signup ol > li:nth-child(2) {padding-left:35px; background: url(/_res/libart/img/sub/num_02.png) no-repeat left 2px;}
.second ol > li:nth-child(3),
.signup ol > li:nth-child(3) {padding-left:35px; background: url(/_res/libart/img/sub/num_03.png) no-repeat left 2px;}
.second ol > li:nth-child(4),
.signup ol > li:nth-child(4) {padding-left:35px; background: url(/_res/libart/img/sub/num_04.png) no-repeat left 2px;}
.second ol > li:nth-child(5),
.signup ol > li:nth-child(5) {padding-left:35px; background: url(/_res/libart/img/sub/num_05.png) no-repeat left 2px;}
.second ol > li:nth-child(6),
.signup ol > li:nth-child(6) {padding-left:35px; background: url(/_res/libart/img/sub/num_06.png) no-repeat left 2px;}
.second ol > li:nth-child(7),
.signup ol > li:nth-child(7) {padding-left:35px; background: url(/_res/libart/img/sub/num_07.png) no-repeat left 2px;}
.second ol > li:nth-child(8),
.signup ol > li:nth-child(8) {padding-left:35px; background: url(/_res/libart/img/sub/num_08.png) no-repeat left 2px;}



/* 수강신청 */
.signup h4 { margin-top:0;}
.signup p {line-height: 180%; font-size:14px;}

/* 국내교류 */
.domestic p {margin-bottom:30px;font-size:14px; color:#787878;line-height:202%;}
.domestic ol {margin-left: 0}
.domestic ol:after {content: ''; display: block;clear: both;}
.domestic ol li{float:left;list-style-type: none;width:140px; background:url(/_res/libart/img/sub/bul_location.gif) no-repeat 98% center}
.domestic ol li p {width:125px; height:125px; padding-top: 32px;text-align: center; border:4px double #9a5aba;margin-bottom: 0;}
.domestic ol li:nth-child(6) {background: none}
.domestic ol li:nth-child(5) p{padding-top: 48px;}
.domestic ol li:nth-child(6) p{padding-right:0;padding-top: 18px;}

/* 국제교류 */
.international p {margin-top:20px;margin-bottom:30px;font-size:14px; color:#787878;line-height:202%;}
.international > div > div p {padding:10px;}

/* 달력 */
.cal_heading {position:relative;width:100%; height: 100px; text-align: center}
.cal_heading p {font-size: 48px;line-height: 48px;color: rgb(154, 90, 186);}
.cal_heading a {display: inline-block; font-size:24px; padding:10px 30px; color:#999999;} 
.cal_heading .prev {position:absolute; top:10px ; left:0;background:url(/_res/libart/img/sub/btn_calp.gif) no-repeat left center}
.cal_heading .next {position:absolute; top:10px ; right:0;background:url(/_res/libart/img/sub/btn_caln.gif) no-repeat right center}

#modal{border:4px solid #a40832;background:#fff;}
#modal h2{color:#444444;font-size:24px;line-height:40px;}
#modal .p_c_text{font-size:12px;line-height:24px;}
#modal .login_line{margin:10px 0 0;height:80px;}
#modal .box_in{float:left;margin:0 10px 0; }
#modal input{width:120px;height:24px;display:block;margin:3px 0 0;}
#modal .btn_login{width:72px;height:60px;background:#363636;color:#e1e1e1;float:left;line-height:60px;text-align:center;}
#modal .find_join{clear:both;margin:20px 0 0 10px;}

html,body{margin:0;padding:0;height:100%;}
div#glayLayer{display:none;position:fixed;left:0;top:0;height:100%;width:100%;background:#000;filter:alpha(opacity=75);opacity: 0.75;}
* html div#glayLayer{position:absolute;}
#modal {
  max-width: 910px;max-height:700px;  /*팝업창의 크기조절*/
  margin-top:0px;           /*팝업창 위아래 간격조절*/
  padding: 18px;
  background: #fff;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  overflow-y:auto;
  z-index:999999999;
}

/* 합격자 조회 */
.inquiry{padding:195px 0 30px;border:1px solid #dadada;text-align:center;background:url(/_res/grad/img/sub/bg_inquiry.png) no-repeat center 30px}
.inquiry p{margin-bottom:25px;font-weight:bold;font-size:18px;color:#444}

.class{background:url(/_res/grad/img/sub/bg_class.png) no-repeat center 30px}

/* 찾아오기 */
.visit{position:relative;min-height:360px;}
.visit dd{padding-left:455px;}
.visit dd ul{margin-bottom:20px;}
.visit dd ul:after{clear:both;display:block;content:""}
.visit dd li:first-child{float:left;width:70px;height:30px;margin-right:7px;padding-top:7px;border-radius:16px;border:1px solid #5e6494;color:#5e6494;font-size:13px;text-align:center}
.visit dd li:last-child{float:left;margin-top:5px;line-height:160%}
.visit dd.visit_map{position:absolute;left:0;top:32px;width:440px;height:330px;padding:0;border:1px solid #dadada;overflow:hidden}

/* 교통 및 셔틀버스 */
.traffic02{margin-top:-9px}
.traffic02 dl{padding:20px 0;border-bottom:1px solid #dadada}
.traffic02 dl:after,
.traffic02 dd ul:after{clear:both;display:block;content:""}
.traffic02 dt{float:left;width:155px;font-size:18px;color:#5e6494;line-height:160%}
.traffic02 dt span{display:block;}
.traffic02 dd{float:left}
.traffic02 dd ul li:nth-child(2n-1){float:left;width:80px;height:30px;margin-right:7px;padding-top:7px;border-radius:16px;border:1px solid #ba0b4a;color:#ba0b4a;font-size:13px;text-align:center}
.traffic02 dd ul li:nth-child(2n){float:left;margin:5px 0 9px;line-height:160%}
.traffic02_map{width:100%;height:320px;overflow:hidden;border:1px solid #dadada;}

/* 연구윤리교육 */
.ethics_list li{float:left;width:32%;margin-bottom:20px;text-align:center;line-height:140%;}
.ethics_list li:nth-child(3n-1){margin-left:2%;margin-right:2%}
.ethics_list li a{display:block;width:100%;margin-bottom:10px;padding:0 10px;border:1px solid #dadada;overflow:hidden}
.ethics_list li a img{width:100%;}

/* 신입학 */
.koreans_n th:nth-child(1){width:12%}
.koreans_n th:nth-child(2){width:18%}
.koreans_n th:nth-child(3){width:auto}
.koreans_n th:nth-child(4){width:46%}

.box_grey{display:inline-block;margin-bottom:10px;padding:15px;background:#f4f4f4;}

.txt_btit{margin-bottom:10px;font-weight:bold;color:#ba0b4a}

.koreans_btn{margin-top:35px}
.koreans_btn li{float:left;width:220px;margin:5px 10px 0 0;background:url(/_res/grad/img/comm/bl_arrow.png) no-repeat 95%}
.koreans_btn li a{display:block;height:45px;box-sizing:border-box;padding-top:14px;padding-left:40px;border:1px solid #dadada;font-size:14px;background:url(/_res/grad/img/sub/btn_korean02.png) no-repeat 15px}
.koreans_btn li:first-child a{background:url(/_res/grad/img/sub/btn_korean01.png) no-repeat 15px}
.koreans_btn li:last-child a{background:url(/_res/grad/img/sub/btn_korean03.png) no-repeat 15px}

/* 구술시험 약도안내 */
.campus:after{display:block;content:"";clear:both}
.campus > section{width:48%}
.campus > section:nth-child(1){float:left;}
.campus > section:nth-child(2){float:right;}
.campus > section li{float:left;width:48%;margin-top:20px}
.campus > section li:first-child{margin-right:4%}
.campus > section li a{display:block;width:100%;height:40px;box-sizing:border-box;padding:9px 0 0;border:2px solid #bbbfc5;text-align:center;font-size:15px;color:#666;font-weight:bold;}
.campus > section li a img{margin:-2px 2px 0 0}
.campus > section div > img{width:100%;}

/* 사이트맵 */
.sitemap{margin-left:-3%}
.sitemap:nth-child(1){margin-bottom:50px;}
.sitemap:after{display:block;clear:both;content:""}
.sitemap div{float:left;width:20%;padding-left:3%}
.sitemap div:nth-child(1){margin-left:0;}
.sitemap h3{padding-bottom:10px;font-size:22px;color:#444;font-weight:normal;line-height:140%;}
.sitemap div > ul{border-top:2px solid #ba0b4a;}
.sitemap div > ul > li a{display:block;padding:15px;border-bottom:1px solid #dadada}
.sitemap div > ul > li ul{padding:7px 0;background:#f5f4f1;border-bottom:1px solid #dadada}
.sitemap div > ul > li ul li a{padding:7px 15px;border-bottom:0;}


/* 404 error 0411 추가 */
.error {position:absolute;left:50%;top:50%;/*width:100%;*/text-align: center; }
.error:after{display:block;clear:both;content:"";}
.error >div {max-width:650px; width:100%;padding:0 20px;margin: 0px auto;}
/*.error p:nth-child(1) {float:left; width:196px;height: 196px;padding-top: 84px; font-size:60px; border-radius: 100px; text-align:center;color:#fff; background:#a40832; }*/
.error h3 {font-size:36px;line-height:140%; color:#a40832;border-bottom: 0;padding: 0;}
.error p{margin:0px 0 40px;font-size: 14px;word-break:keep-all;line-height:180%;color:#868686;}
.error p.last{margin-bottom:30px;font-size: 20px;}
.btn_error{display:block;margin:0 auto;width:170px;height:50px;padding-top:15px;text-align:center;font-size:#333;border:1px solid #bbb}

@media screen and (min-width:1300px){
  aside{display:block !important}
}
/* 0328 수정 s */
@media screen and (max-width: 1200px){
  #wrap > header{padding:50px 20px 0}
  #container{padding:0 20px}
  .content{width:75%}
  .con_full{padding:0 20px;box-sizing:border-box;width:100% !important; margin-left:0;} 

  #wrap > footer div{padding-left:20px;padding-right:20px}
  
  /* main */
  .m_visual p{margin:100px 0 0 530px;}
  .m_news{width:58%}
  .m_news dl{width:100%;}
}
@media screen and (max-width: 1160px){
  #wrap > header nav div > ul > li{padding:0 17px 39px;font-size:16px;}
  .m_visual li p { margin-left: 37%;}
}

@media screen and (min-width: 1024px){
  #wrap > header > div{position:absolute;top:0;left:0;width:100%;height:38px;background:#e7e0d8;}
  .m_visual li p { margin-left: 35%;}
}

@media screen and (max-width: 1023px){
  #wrap{width:100%;overflow-x:hidden;}
  #wrap > header{height:65px;box-sizing:border-box;padding-top:11px;}
  #wrap > header h1{float:none;margin:0 auto;width:155px;}
  #wrap > header h1 a{width:100%;height:44px;}
  #wrap > header > div{position:initial;width:0;height:0;top:inherit;left:inherit;background:none;}
  #wrap > header > div > a{display:block;position:absolute;right:15px;top:15px;width:35px;height:35px;font-size:0;background:url(/_res/grad/img/comm/bg_utill.png) no-repeat;background-size:35px;}
  #wrap > header > div > div{position:absolute;top:0;left:100%;width:100%;height:100%;text-align:left;background:#fff;z-index:9}
  #wrap > header > div > div:after{clear:both;content:"";display:block}
  #wrap > header > div > div:before{display:block;content:"QUICK MENU";padding:18px;font-size:18px;color:#444;}
  #wrap > header > div > div > a{display:block;position:absolute;top:18px;right:15px;width:18px;height:18px;cursor:pointer;font-size:0;background:url(/_res/grad/img/comm/btn_nav_close.png) no-repeat;background-size:18px;}
  #wrap > header > div ul.m{display:block;width:100%;margin-top:0}
  #wrap > header > div ul.w{display:none}
  #wrap > header > div ul li{display:block;font-size:17px;color:#444;}
  #wrap > header > div ul li:first-child > a{border:0;}
  #wrap > header > div ul li:last-child > a{border-bottom:1px solid #dadada}
  #wrap > header > div ul li > a{position:relative;display:block;padding:20px 18px;border-top:1px solid #dadada;background:#fff}
  #wrap > header > div ul li:after,
  #wrap > header > div ul li:nth-child(1):before{display:none}
  #wrap > header > div ul li > a span,
  #wrap > header > div ul li > a span{position:absolute;top:24px;right:18px;width:12px;height:12px;background:url(/_res/grad/img/comm/bl_nav_down.png) no-repeat 95%;background-size:12px}
 
  #wrap > header nav > a{display:block;position:absolute;left:15px;top:15px;width:35px;height:35px;font-size:0;background:url(/_res/grad/img/comm/bg_gnb.png) no-repeat;background-size:35px;}
  #wrap > header nav div{position:fixed;top:0;left:-100%;overflow:scroll;width:100%;background:#fff;height:100%;z-index:1200}
  #wrap > header nav div:before{display:block;content:"전체메뉴";padding:18px;font-size:18px;color:#444;}
  #wrap > header nav div > a{display:block;position:absolute;top:18px;right:15px;width:18px;height:18px;cursor:pointer;font-size:0;background:url(/_res/grad/img/comm/btn_nav_close.png) no-repeat;background-size:18px;}
    
  #container .content{width:100%;padding:0;}/* 0411 수정 */
    
  .mnav .deps1{border-top:2px solid #444;margin-right:0 !important}
  .mnav .deps1 > li{width:100%;font-size:17px !important;color:#444 !important;padding:0 !important}
  .mnav .deps1 > li:first-child > a{border:0;}
  .mnav .deps1 > li:last-child > a{border-bottom:1px solid #dadada}
  .mnav .deps1 > li > a{position:relative;display:block;padding:20px 18px;border-top:1px solid #dadada;background:#f5f5f5}
  .mnav .deps1 > li > a span,
  .mnav .deps2 > li > a span{position:absolute;top:24px;right:18px;width:12px;height:12px;background:url(/_res/grad/img/comm/bl_nav_down.png) no-repeat 95%;background-size:12px}
  .mnav .deps1 > li.selected > a span,
  .mnav .deps2 > li.selected > a span{background:url(/_res/grad/img/comm/bl_nav_up02.png) no-repeat 95%;background-size:12px}
  .mnav .deps1 > li > ul{position:static;width:100%;margin:0;padding:0;}
  .mnav .deps2 > li{padding:0;}
  .mnav .deps2 > li > a{position:relative;display:block;padding:20px 18px;color:#888;font-weight:normal !important;font-size:17px;border-top:1px solid #dadada;background:#fff}
  .mnav .deps1 > li.selected > a,
  .mnav .deps1 > li > a.active,
  .mnav .deps2 > li.selected > a,
  .mnav .deps2 > li > a.active,
  .mnav .deps3 > li.selected > a,
  .mnav .deps3 > li > a.active{color:#9a5aba;}
  .mnav .deps3 > li > a{display:block;padding:0 15px 15px 0;font-size:15px;color:#999;line-height:140%}
  .mnav .deps3 > li > a:before{content:"-";padding:0 5px 0 20px;}
  .mnav .deps1 > li:last-child .deps2 > li:first-child > a{border-top:0}
  
  #container nav{display:none}
  #container .content{float:none;margin:0 auto;}
  .m_visual li p { margin-left: 32%; margin-top:180px;}
  .m_quick.m{position:relative;width:calc(100% - 40px);margin:0 auto;padding:0 0 40px;text-align:center}
  .m_quick.m h3{margin-bottom:15px;padding:10px 0;font-size:23px;background:#828282;color:#fff;}
  .m_quick .btn_area{position:static;top:58px;left:0;width:100%;height:0;}
  .m_quick.m .btn_prev, .m_quick.m .btn_next{top:58px;right:0;}
}
/* 0328 수정 e */

@media screen and (max-width: 970px){
  #container .content{;box-sizing:border-box;}/* 00411 수정 */
  /* main */
.m_visual {width: 100%;}
.m_visual li p strong {font-size: 29px;}
  .m_visual li p { margin-left: 29%; margin-top:180px;font-size:26px}
  .m_visual .paging button,.m_visual .paging button.on {font-size: 14px;}
  .m_news dl{width:100%;}

  select{display:inline-block !important}
  .sbHolder{display:none !important}
  
  .w{display:none}
  .m{display:block}
  select{width:100%;}
  
  .m_notice, .m_gallery {float:none;width: 100%;padding: 33px 40px;}
  .m_gallery{margin:30px 0 0;} 
.m_schedule{width:100%; margin-top:20px;}
.m_schedule h3 {color:#fff;font-size:22px;}

.m_civil,
.m_recruit,
.m_qna,
.m_office {position:relative;float:left; height:100px;width:49%;margin-right: 2%;background-size: 140%;margin-bottom: 30px;background-size: 100% auto;}
.m_recruit,
.m_office {margin-right:0;}
.m_civil h3,
.m_qna h3,
.m_recruit h3,
.m_office h3{width: 100%; position:absolute ; bottom:0px; left:0; font-size: 23px; color:#fff; font-weight: bold; text-align: center; padding:20px; }
.m_civil h3 {background:#3f9d9f; }
.m_qna h3{background:#9a5aba; }
.m_recruit h3{background:#a40832; }
.m_office h3{background:#37577d; }
.m_civil{background:url(/_res/libart/img/main/m_img1.jpg) no-repeat center top; background-size: 100% auto;}
.m_recruit{background:url(/_res/libart/img/main/m_img2.jpg) no-repeat center top; background-size: 100% auto;}
.m_qna{background:url(/_res/libart/img/main/m_img3.jpg) no-repeat center top; background-size: 100% auto;}
.m_office{background:url(/_res/libart/img/main/m_img4.jpg) no-repeat center top; background-size: 100% auto;}
.m_civil p,
.m_qna p,
.m_recruit p,
.m_office p {display:none;}
.m_civil p:nth-child(3) a,
.m_qna p:nth-child(3) a,
.m_recruit p:nth-child(3) a,
.m_office p:nth-child(3) a{width:40px; height: 40px; text-indent: -999999px; display: block;position:absolute; top:0; right:0;background:url(/_res/libart/img/main/btn_more.png) no-repeat right top;}
}

@media screen and (max-width: 890px){
  /* main */
  .m_visual p{font-size:35px;margin:130px 0 0 400px;line-height:150%}
  .m_news_box{margin-right:56px;}
  
  /* sub */
  .movie p{font-size:16px;}
  .cooperate li {width: 100%; height: 80px; background-size:18px auto;}
  .cooperate li:nth-child(2n) {margin-left:0;}
  .cooperate li span {font-size:14px;}
  .cooperate li img {margin-right:10px;}

  .m_visual .paging button{font-size:12px;height: 60px;padding: 19px 10px 20px; word-break: keep-all;}
   .m_visual .paging button.on{font-size:12px;padding: 15px 10px 20px; word-break: keep-all;}
   .m_visual li p {font-size: 20px; margin-left: 29%; margin-top:180px;}
   .m_visual li p strong {font-size: 24px;}
   .m_schedule {width: 100%; margin-top:20px;}
   
.m_civil p,
.m_qna p,
.m_recruit p,
.m_office p {padding-top: 70px;}
  }

@media screen and (max-width: 760px){
  .mobileOff{display:none;}
.mobileOn{display:block;}
  .m_schedule ul {
    margin: 30px 0px !important;
    height: 166px;
    float: left;
    width: 51%;
}
#touchSlider6 {
    background: rgba(0, 0, 0, 0) url("/_res/libart/img/main001.jpg") no-repeat scroll 6% 0 / 156% auto;
 
}
  #wrap > header{border-bottom:1px solid #444}
  #container{margin:30px 0 50px}
  .visual{display:none}
  .breadcrumbs{display:none}
  .bg_h4 {font-size: 22px;line-height: 22px;}
  .ht {font-size: 16px;line-height: 16px;}
  .m_visual li p {font-size: 18px; margin-left: 0%; text-align:center; margin-top:100px;}
   .m_visual li p strong {font-size: 20px;}

  /* 교내주요사이트 */
  .site li {width:100% ;}
  .site li:nth-child(2n) {margin-left:0;}

  /* 오시는길 */
	ul.black_dash li strong {font-size:15px;}
	dl.black_dash dt {font-size:15px;}

  .btnbox a.download { position: static;margin-top: 10px;}
  .second .btn_group a {margin-right:0%; width:100%; margin-bottom:10px;letter-spacing: -1px;word-spacing: -5px;}
  .second .btn_group a:nth-child(1) {background:#5a7cba url(/_res/libart/img/sub/bul_btn.png) no-repeat 94% center;}
  .second .btn_group a:nth-child(2) {background:#9a5aba url(/_res/libart/img/sub/bul_btn.png) no-repeat 94% center; margin-right:0;}

  .cal_heading {height:50px;}
  .cal_heading p {font-size: 30px; line-height: 30px;}
  .cal_heading a {font-size: 15px;}
  .cal_heading .prev,
  .cal_heading .next {top:-3px;}

  .txt_none{font-size:0 !important}
  .keep_all{word-break:keep-all !important}
  .btn_list{float:none;text-align:center}
  .tab_sel{width:100%;margin-bottom:5px}
  .txt_comm{text-align:left;word-break:keep-all}
  .bl_arrow{width:100%;text-align:left;}
  
  .scrollbox{position:relative;width:100%;overflow-x:auto;overflow-y:hidden}
  .scrollbox table{width:900px}
  .msg_touch_help{display:block;position:absolute;top:30px;left:50%;width:70px;height:70px;margin:0 0 0 -35px}
  .msg_touch_help img{width:100%}
  
  .content h3{padding-bottom: 15px;font-size: 24px;font-weight: bold;padding-top: 30px;margin-bottom: 40px;border-top:0;}
 
  .content ul.sns {top: -10px;}
  .content .con_tit{font-size:18px}
  .content .con_tit span{display:block;font-size:12px;}
  .content .con_tit02{background-position:0 6px;} 
  
  .comm_box{padding:15px}
  .comm_box h4{margin-bottom:10px;}
  .comm_box p{margin-bottom:15px;}
  
  /* main */
  .m_visual{height:430px;background-size:100%;}
  .m_civil,
.m_recruit,
.m_qna,
.m_office {height:70px;}
.m_civil h3, .m_qna h3, .m_recruit h3, .m_office h3 { font-size: 18px; padding: 15px;}

 

  .m_con{margin-top:20px;}
  .m_con > section{width:100%;}
  .m_link{margin-bottom:20px;}
  .m_link li{padding:40px 20px;}
  .m_link li p{font-size:21px}
  .m_notice ul li a{width:81%;}
  .m_civil,
.m_recruit,
.m_qna,
.m_office {width:100% !important;}
  
    
  /* sub */
  .movie .movie_s{width:100%;}
  .movie p{width:100%;padding:5px 10px;line-height:140%}
  .movie_sum{padding:0 0 15px}
  .movie_sum li{margin-top:20px}
  .movie_sum li:nth-child(2n+1){margin-left:0;}
  
  .greeting{}
  .greeting .txt_tit_p,
  .domestic .txt_tit_p{font-size:22px}
  .greeting p strong {font-size: 20px;}
  .greeting .txt_end {font-size: 24px;}
  
  .major_list{padding-bottom:5px}
  .major_list dt{font-size:18px;padding:15px;line-height:120%;}
  .major_list dt span{font-size:15px;}
  .major_list .major_img{position:static;width:100%;padding:25px;}
  .major_list .major_img img{width:100%;}
  .major_list .major_img img + p{background-position:left 17px;}
  .major_list .major_img img + p a{display:block;margin:5px 0 0}
  .major_list .major_img .btn_pdf,
  .major_list .major_img .btn_pdfviewer{width:100%;margin-top:5px;margin-right:0}
  .major_list dd:nth-child(3){padding:0 25px}
  
  .visit dd{padding:0;}
  .visit dd ul{margin-bottom:10px;}
  .visit dd li:last-child{margin-top:3px;}
  .visit dd.visit_map{position:static;width:100%;height:auto;margin-top:20px}
  .visit dd.visit_map img{width:100%}
  
  .traffic02 dt{width:100%;margin-bottom:10px}
  .traffic02 dt span{display:inline}
  .traffic02 dd{width:100% !important}
  
  .ethics_list li{width:49%;margin-bottom:13px;line-height:120%;}
  .ethics_list li:nth-child(3n-1){margin-left:0;margin-right:0}
  .ethics_list li:nth-child(2n){margin-left:1%;}

  .koreans_n th:nth-child(1),
  .koreans_n tr:first-child td:nth-child(1){display:none}
  .koreans_n td:nth-child(1),
  .koreans_n td:nth-child(2){word-break:keep-all}

  .m_btn li,
  .m_btn li a{width:100%}
  
  .koreans_btn{margin-top:20px;}
  .koreans_btn li{width:100%;}
  .mo{width:100%;margin-bottom:5px}
  
  .border_l{border-left:0 !important}
  
  .campus section{width:100%;}
  .campus section:nth-child(2){margin-top:50px}
  
  .sitemap div { float: none; width: 100%; padding-left: 20px;margin-top:40px;}
  
 
}
@media screen and (max-width:640px){
  .m_notice, .m_gallery{padding:30px 25px;}
  .m_notice h3, .m_gallery h3{padding:0 0 0 12px;font-size:23px;}
  .m_notice h3:after, .m_gallery h3:after{height:23px;}
  .m1-ul-tab > li > a > span{font-size:15px;padding:0 15px 0;}
  .m1-ul-tab li ul li a{font-size:14px;}
  .m1-ul-tab .ellips{width:97%;}
  .tab_list ul li ul li a span:not(.ellips){display:none;}
  .m0621{font-size:15px;}
 /*popup*/
  #item_body > .jwxe_popup {
    cursor: move; height: auto !important; left: 0 !important; max-width: 400px; min-width: 350px; padding:3%; top: 0 !important; visibility: visible;
    width: 90%; margin:5%; z-index: 1001; line-height: 150%; border:solid  thin #888;}
  #item_body > .jwxe_popup >* {
    line-height: 150%; height: auto;}  
  #item_body > .jwxe_popup > .jw-relative{
  height: auto !important;position:relative;padding-bottom: 5%;}  
  .jwxe_popup_close_1 {position:absolute;bottom:0;left: 10px !important;}
  .jwxe_popup_close{position:absolute;bottom:0;right: 10px !important;}  
 /*End popup*/
}

@media screen and (max-width:560px){
.m_schedule ul{width:100%;}
.m_schedule {
    position: relative;
    float: right;
    width: 49.9%;
    max-height: none;}
  .m_visual li p {font-size: 16px; margin-left: 0%; text-align:center; margin-top:50px;}
   .m_visual li p strong {font-size: 18px;}
  .m_news div:nth-child(3){right:15px}
  .m_con .m_more{top:25px;right:15px;}
  
  .m_link li{background-size:35%}

  .cooperate li {width: 100%; height: 60px; background-size:12px auto;}
  .cooperate li:nth-child(2n) {margin-left:0;}
  .cooperate li span {font-size:14px;}
  .cooperate li img {margin-right:10px;}

  .greeting p.fl{display:none;}

  .login div li label {
    color: #666;
    float: left;
    font-size: 18px;
    width: 100%;
}
.login div li input {
    border: 1px solid #888;
    float: left;
    width: 100%;
}

input.btn_login[type="submit"] {
    background: #ba0b4a none repeat scroll 0 0;
    border: medium none #ba0b4a;
    color: #fff;
    font-size: 20px;
    height: 80px;
    position: relative !important;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%  !important;
}
 
  
}

@media screen and (max-width:380px){
  .m1-ul-tab{margin:6px 0;}
  .m1-ul-tab li ul{top:56px;}
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width: 47% !important;}


/* 개발자 추가*/

#modalPerson{border:4px solid #d5ae91;background:#fff;}
#modalPerson h2{color:#444444;font-size:24px;line-height:40px;}
#modalPerson .p_c_text{font-size:12px;line-height:24px;}
#modalPerson .login_line{margin:10px 0 0;height:80px;}
#modalPerson .box_in{float:left;margin:0 10px 0; }
#modalPerson input{width:120px;height:24px;display:block;margin:3px 0 0;}
#modalPerson .btn_login{width:72px;height:60px;background:#363636;color:#e1e1e1;float:left;line-height:60px;text-align:center;}
#modalPerson .find_join{clear:both;margin:20px 0 0 10px;}



#modalPerson{
  max-width: 910px;max-height:700px;  /*팝업창의 크기조절*/
  margin-top:0px;           /*팝업창 위아래 간격조절*/
  padding: 18px;
  background: #fff;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  overflow-y:auto;
  z-index:999999999;
}

input[type=submit].btn_login {
    position: absolute;
    right: 0;
    top: 0;
    width: 120px;
    height: 80px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background: #ba0b4a;
    border: #ba0b4a;
}