@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css); 
@import url(http://font.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url('https://cdn.jsdelivr.net/gh/orioncactus/Pretendard-Regular/dist/web/static/Pretendard-Regular.css');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@font-face {font-family:'GmarketSansLight'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'GmarketSansMedium'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'GmarketSansBold'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'S-CoreDream-1Thin'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'S-CoreDream-4Regular'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'S-CoreDream-5Medium'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'S-CoreDream-7ExtraBold'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'S-CoreDream-9Black'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'KOTRALEAP'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2110@1.0/KOTRALEAP.woff2') format('woff2'); font-weight:normal; font-style:normal;}
@font-face {font-family:'MalgunGothic'; src:url(/img/MalgunGothic.eot);}
@font-face {font-family:'HoengseongHanu'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2202@1.0/HoengseongHanu.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'SANJUGotgam'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2112@1.0/SANJUGotgam.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'ROKAFSlabSerifBold'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts2201-3@1.0/ROKAFSlabSerifBold.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'ROKAFSlabSerifMedium'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts2201-3@1.0/ROKAFSlabSerifMedium.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'yg-jalnan'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'SokchoBadaDotum'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2402_1@1.0/SokchoBadaDotum.woff2') format('woff2'); font-weight:normal; font-style:normal;}
br {font-family:'MalgunGothic';}

@font-face {
font-family: 'Pretendard-Regular';
src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
}


*,body {margin:0; padding:0; scroll-behavior:smooth;}
body {font-family:'Pretendard';}
body#mainbody {background:url(/img/bodybg.jpg) repeat center;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,select,button,
body,td,form,select,input,button,textarea,div,option,pre,p,span,blockquote,li,dt,dd,legend,label,h1,h2,h3,h4,h5,h6, div, header, nav, ol, ul, li, article, section, footer, img, a, p, span, h1, h2, h3, h4, h5, h6, hgroup, input, select, figure, figcaption, textarea, fieldset {position:relative;}
label,button,input[type=button],input[type=submit],input[type=image] {cursor:pointer;}

img {border:none;}
a {text-decoration:none;}
li {list-style:none;}
label {cursor:pointer; color:#222;}
select {cursor:pointer; border:1px solid #ddd; font-size:12px; color:#666;}
.clr {clear:both;}
.overfl {overflow:hidden;}
.mrt0 {margin-top:0 !Important;}
.pdt0 {padding-top:0 !important;}
.mrt8 {margin-top:8px !Important;}
.mrt10 {margin-top:10px !Important;}
.mrt30 {margin-top:30px !Important;}
.mrt50 {margin-top:50px !Important;}
.mrt70 {margin-top:70px !Important;}
.mrt90 {margin-top:90px !Important;}
.mrt100 {margin-top:100px !Important;}
.fll {float:left;}
.flr {float:right;}
.display_block {display:block !important;}
strong {font-weight:500;}
.scale {transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transition:all 0.3s ease-in-out; /* 부드러운 모션을 위해 추가*/}
.scale:hover {transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2);}
.per90, .px1600 {width:90%; margin:0 auto;}
.sub00 {margin:50px auto 0 auto; width:90%;}
#jy_pop123123 {position:absolute; top:100px; left:10px; z-index:911026;}
.mobilebr br {display:none;}
.pcbr br {display:none;}
.wnsqlwnd {font-size:20px; padding:150px 0; text-align:center; background:#f9f9f9;}






/* ====== 공통 ====== */
/* 헤더 */
header {position:absolute; width:100%; height:80px; top:0; left:0; z-index:999;}
header::after {content:"";}
.addition {width:100%;}
.addition > h1 {position:absolute; left:20px; z-index:90; margin:20px 0 0 0;}
.fixed1 {position:absolute; z-index:999; height:30px; top:25px; right:20px; cursor:pointer;}

#sidebar {width:calc(100% - 40px); height:100%; background:#fff; box-shadow:-1px 3px 28px rgba(84, 84, 84, 0.12); z-index:999999999999;}
#sidebar > h3 {width:150px;}
#sidebar > h3 img {width:100%;}
#sidebar > .nav_btn01 {overflow:hidden; text-align:Center; width:100%; margin:20px auto;}
#sidebar > .nav_btn01 > li {display:inline-block; width:calc(31% - 2px); height:40px; line-height:40px; text-align:center; font-size:15px; border:1px solid #ddd; text-transform:uppercase;}
#sidebar > .nav_btn01 > li:first-child {border:1px solid #333; background:#333;}
#sidebar > .nav_btn01 > li:nth-child(2) {margin:0 2%;}
#sidebar > .nav_btn01 > li a {color:#333;}
#sidebar > .nav_btn01 > li:first-child a {color:#fff;}
#login_joinus {display:none;}

.h1_nav01 {font-size:10px; color:#333; font-weight:500; margin:40px auto 0 auto; text-transform:uppercase; padding:0 0 10px 0; border-bottom:1px solid #333;}
.tuxedo-menu.tuxedo-menu-fixed {position:fixed; top:0; left:0; padding:0 20px; overflow:auto; z-index:11919911026; opacity:1;}
.tuxedo-menu {background:#fafafa; -webkit-animation-duration:200ms; animation-duration:200ms; display:none;}
.tuxedo-menu.tuxedo-menu-visible {display:block;}
.navXbtn01 {margin:20px auto 0 auto; text-align:right;}
.navXbtn01 img {width:30px; height:30px;}
.nav_cate01 {width:100%; margin:0 auto; text-transform:uppercase;}
.nav_cate01 > li, .nav_cate01 > li.active {font-size:17px; background:#fff url(/img/mobilenav_bar01.png) no-repeat 95% 23px; background-size:15px;}
.nav_cate01 > li.active {background:#fff url(/img/mobilenav_bar02.png) no-repeat 95% 23px; background-size:15px;}
.nav_cate01 > li > a {color:#111; border-bottom:1px solid #eee; font-weight:500;}
.nav_cate01 a {display:block; padding:0 5%; border-bottom:1px solid #ddd; width:90%; height:60px; line-height:60px;}
.nav_cate01 li:last-child.subgnb01 > li:last-child {border-bottom:none;}
.subgnb01 > li {background:#fbfbfb; font-size:15px; font-weight:normal;}
.subgnb01 > li:last-child {border-bottom:1px solid #eee;}
.subgnb01 > li > a {color:#333;}

.section_ma02cscenter {background:#fff; text-align:center; margin:5px auto 30px auto;}
.section_ma02cscenter > h1 {height:23px; overflow:Hidden;}
.section_ma02cscenter > h1 strong {display:block; font-size:18px; color:#111; float:left;}
.section_ma02cscenter > h1 span {display:block; color:#999; letter-spacing:0.2em; margin:0 0 0 8px; font-size:10px; font-weight:100; float:left; line-height:18px;}
.section_ma02cscenter div {overflow:Hidden; text-align:center; margin:15px auto 20px auto;}
.section_ma02cscenter div h1 {font-size:45px; letter-spacing:-0.05em; font-weight:900; line-height:38px; color:#117286;}
.section_ma02cscenter div h1 a, .section_ma02cscenter div h1 a img {color:#117286; vertical-align:top; line-height:50px;}
.section_ma02cscenter div h1 a img {width:50px; padding:0 10px 0 0;}
.section_ma02cscenter ul {width:95%; overflow:Hidden; margin:15px auto 0 auto; text-align:left;}
.section_ma02cscenter ul li {font-size:15px; color:#333; letter-spacing:-0.05em; vertical-align:top; display:inline-block; margin:0 10px 0 0;}
.section_ma02cscenter ul li:nth-child(odd) {font-weight:600; margin:0 5px 0 0;}
.section_ma02cscenter p {font-size:13px; text-align:center; letter-spacing:-0.1em;}
.section_ma02cscenter h3 {background:#117286; color:#fff; text-align:center; margin:20px auto 0 auto; font-size:18px; padding:10px; font-weight:500; border-radius:30px; width:70%;}
.section_ma02cscenter h3 a {Color:#fff;}
.loginjoinus {display:none;}



/* 플로팅메뉴 */
#floatMenu {width:100px; position:absolute; right:50px; top:55px; height:Auto; z-index:150; display:none;}
#floatMenu ul {border-bottom:none;}
#floatMenu li {width:100%; float:none; border-left:none;}
#floatMenu ul li a {display:Block; padding:0;}
#floatMenu ul li:last-child {display:block; background:#117286; text-align:center; text-transform:uppercase; font-size:11px; height:35px; width:35px; border-radius:30px; color:#fff; margin:20px auto; line-height:35px;}
#floatMenu ul li:last-child a {color:#fff; padding:0;}
#floatMenu ul li figure {height:auto;}
#floatMenu span br {Display:none;}
#cesco_PC {display:none;}
#cesco_M {position:absolute; right:80px; top:25px;}
.btn_mainadmin {text-align:center; padding:5px 20px; color:#fff; background:rgba(0,0,0,0.56); border-radius:20px;}



/* 푸터 */
footer {width:100%; text-align:center; overflow:hidden; font-family:'Pretendard-Regular'; border-top:1px solid #ddd; padding:50px 0 0 0;}
footer p {margin:20px auto; font-size:13px; line-height:26px; color:#999; width:90%;}
footer h3 {background:#182d31; color:#fff; height:50px; line-height:50px; font-size:10px; width:100%; text-align:center;}
footer h3 a {color:#fff;}
footer > div {padding:60px 0;}




















/* ====== 메인 ====== */
/* 메인공통 */
.hgroup_title {text-align:left; width:90%; margin:0 auto 50px auto; overflow:Hidden;}
.hgroup_title hgroup {float:left; width:calc(100% - 100px);}
.hgroup_title > a {display:Block; float:right;}
.hgroup_title h1 {font-size:40px; font-weight:400; color:#222;}
.hgroup_title h1 strong {color:#f39700;}
.hgroup_title h3 {font-size:18px; font-weight:400; color:#555555; margin:10px auto 0 auto; line-height:30px; font-family:'Pretendard-Regular';}
.bluegrennAtag {width:240px; height:50px; line-height:50px; text-align:center; background:#da0000; color:#fff; display:block; margin:30px auto 0 auto; font-size:15px; font-weight:400;}
.adminAtag {display:block; width:240px; color:red; margin:10px auto 0 auto;}
.hgroup00 {text-align:center; width:90%; margin:0 auto 50px auto; overflow:Hidden;}
.hgroup00 h1 {font-size:40px; font-weight:400; color:#222;}
.hgroup00 h1 strong {color:#f39700;}
.hgroup00 h3 {font-size:18px; font-weight:400; color:#555555; margin:10px auto 0 auto; line-height:30px; font-family:'Pretendard-Regular';}




/* 비주얼 */
#navigation {display:none;}
#mainvisual_new {z-index:950;}
#mainvisual_new .slidesjs-control li {text-align:center;}
#mainvisual_new .slidesjs-pagination {position:absolute; bottom:170px; width:100%; left:0; text-align:center; z-index:102;}
#mainvisual_new .slidesjs-pagination li {display:inline-block;}
#mainvisual_new .slidesjs-pagination li a {width:33px; height:33px; color:#fff; z-index:100; font-size:0; background:url(/img/bullet_circle02.png); display:Block; margin:0 0 0 8px;}
#mainvisual_new .slidesjs-pagination li a.active {background:url(/img/bullet_circle01.png);}
#mainvisual_new figure {position:absolute; bottom:0; width:100%; left:0; text-align:Center; z-index:911026;}
#mainvisual_new h4 {text-align:Center; width:100%; margin:222px auto 0 auto;}
.maintxt2 {width:100%; position:absolute; z-index:300; overflow:hidden; color:#FFF; text-align:left; top:0;}
.maintxt2 section {font-size:17px; margin:50px 0 0 0; color:#ddd; padding:130px 0 0 0; background:url(/img/bar04.png) no-repeat left top;  line-height:30px;}
#main01 .article_mtxt {margin:0 auto; width:1300px;}
.article_mtxt h3 {font-size:50px; letter-spacing:-0.08em; color:#fff; font-weight:100; margin:400px auto 0 auto;}
.article_mtxt h2 {font-size:50px;}
.article_mtxt p {overflow:hidden; color:#fff; margin:30px 0 0 0;}
.article_mtxt p strong, .article_mtxt p span {display:inline-block; margin:15px 0 0 0; font-size:17px;}
.article_mtxt p strong {border-radius:30px; width:154px; height:45px; line-height:45px; text-align:center; color:#fff; background:Rgba(0,0,0,0.3);}
.article_mtxt p span {margin:0 0 0 10px;}
.article_mtxt01 h2 {color:#fbda7c;}
.article_mtxt02 {text-align:center;}
.article_mtxt02 h2 {color:#ffd200; font-size:60px;}
.article_mtxt02 p {margin:30px auto 0 auto; width:630px; text-align:left;}
#mobile_mainvisual img {width:100%;}




/* 메인02 */
#main02 {width:calc(100% - 100px); margin:50px auto; overflow:hidden;}
.main02section {overflow:hidden;}
.main02section figure img {width:100%; display:block;}
.main02section figcaption {background:url(/img/mainbanbg.png) no-repeat 90% 80% #f5f8f7; padding:50px; width:calc(100% - 100px);}
.main02section figcaption h4 {font-size:19px; color:#444; padding:0 0 30px 0; background:url(/img/bar02.png) no-repeat left bottom; text-transform:uppercase; font-weight:400;}
.main02section figcaption h3 {color:#444; font-size:42px; margin:35px 0 0 0; font-weight:100; letter-spacing:-0.07em;}
.main02section figcaption h1 {font-size:55px;}
.main02section figcaption p {font-size:20px; line-height:27px; margin:50px 0 0 0; color:#333; font-weight:300;}
.main02section figcaption a {display:block; margin:40px 0 0 0;}
.main02section01 figcaption h1 {color:#117286;}
.main02section02 figcaption h1 {color:#57bfe2;}
.main02section02 {margin:50px auto 0 auto;}
.main02section03 figcaption h1 {color:#117286;}
/*
.main02section03 {margin:50px auto 0 auto; overflow:hidden;}
.main02section03 a {display:block; position:absolute; right:30px; top:30px;}
.main02section03 figure {padding:350px 50px 50px 50px; width:calc(50% - 100px); float:left;}
.main02section03 figure:first-child {background:url(/img/mainbanner03.jpg) no-repeat; background-size:cover;}
.main02section03 figure:nth-child(2) {background:url(/img/mainbanner04.jpg) no-repeat; background-size:cover;}
.main02section03 article h3  {color:#fff; font-size:30px; font-weight:100; letter-spacing:-0.07em;}
.main02section03 article h1 {font-size:50px; color:#96e5de;}
.main02section03 article:nth-of-type(2) {color:#adeaff;}
*/




/* 메인03 */
#main03 {width:100%; background:#f3f8fa; padding:100px 0; overflow:hidden;}
.maintitle {text-align:center; font-family:'SokchoBadaDotum';}
.maintitle h3 {font-size:20px; color:#233d46; opacity:0.6; text-transform:uppercase; font-weight:400;}
.maintitle h1 {font-size:45px; color:#233d46; font-weight:400; margin:15px auto 0 auto;}
.mainboard {overflow:hidden; margin:50px auto;}
.mainboard section a {display:block; background:#fff; padding:30px 40px; border-top:1px solid #eee; overflow:hidden;}
.mainboard section a:hover {border-top:2px solid #117286;}
.mainboard section a:hover article h1 {color:#117286;}
.mainboard section article {width:75%; float:left;}
.mainboard section h1 {font-size:20px; color:#222; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mainboard section p {font-size:16px; color:#888; font-weight:400; margin:15px auto 0px auto; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mainboard section h3 {float:right; width:15%; text-align:right; font-size:16px; color:#333; line-height:58px;}
#main03 > div > a {display:block; margin:0 auto; text-align:center;}




/* 메인04 */
#main04 {width:100%; padding:100px 0; overflow:hidden; background:#f9f9f9; margin:1px auto}
#main04 .maingallery {overflow:hidden; margin:50px auto;}
#gallery_marquee {width:100%; overflow:Hidden;}
#gallery_marquee ul {width:1000000000%; margin:0 auto; overflow:Hidden; animation:marquee 5s linear infinite;}
#gallery_marquee ul:hover {animation-play-state:paused;}
#gallery_marquee li {display:inline-block; width:400px; margin:0 20px;}
#gallery_marquee li img {width:100%;}
@keyframes marquee {0% {left:0;}  100% {left:-100%;}}
#main04 > div > a {display:block; margin:0 auto; text-align:center;}




















/* ======  서브 ====== */
#subvisual {width:100%; padding:150px 0 0 0; margin:0 auto; overflow:hidden; text-align:center; font-family:"Pretendard-Regular"; font-weight:400;}
#subvisual h1 {font-size:55px; color:#7bcad8; margin:70px auto 100px auto;}
#subvisual p {width:620px; text-align:left; margin:20px auto 70px auto; display:none;}
#subvisual .article_mtxt p span  br {display:none;}
#ul_sub00 {width:90%; margin:0 auto;}
#ul_sub00 li {float:left; height:55px; line-height:55px; text-align:center; font-size:17px; background:url(/img/bar02.jpg) no-repeat left center #fff;}
#ul_sub00 li a {display:Block; color:#222;}
#ul_sub00 li:hover a, #ul_sub00 li.subliactive a {background:#348593; color:#fff !important; font-weight:600;}
.subvis01 {background:url(/img/subvis01.jpg) no-repeat center top; background-attachment:fixed;}
.subvis01 > h1 br {display:none;}
.subvis02 {background:url(/img/subvis02.jpg) no-repeat center top; background-attachment:fixed;}
.subvis03 {background:url(/img/subvis03.jpg) no-repeat center top; background-attachment:fixed;}
.subvis04 {background:url(/img/subvis04.jpg) no-repeat center top; background-attachment:fixed;}
.subvis05 {background:url(/img/subvis05.jpg) no-repeat center top; background-attachment:fixed;}
.subvis06 {background:url(/img/subvis06.jpg) no-repeat center top; background-attachment:fixed;}
.ul_sub05 li {width:20%;}
.ul_sub04 li {width:25%;}
.ul_sub03 li {width:33%;}
.ul_sub02 li {width:50%;}
.ul_sub01 li {width:100%;}
#subpage {width:100%; overflow:hidden; margin:60px auto; font-family:"Pretendard-Regular";}
#subpage > hgroup {width:90%; margin:0 auto; padding:150px 0 0 0; background:url(/img/bar03.jpg) no-repeat center top; }
#subpage > hgroup h1 {font-size:40px; color:#348593; text-align:center;}
.h1title001 {font-size:30px; color:#348593; margin:150px auto 50px auto; letter-spacing:-0.05em; text-align:center;}
.article001 {text-align:Center; font-size:17px; line-height:32px; color:#555; letter-spacing:-0.05em;}
.h1title {overflow:hidden; margin:50px auto 30px auto; height:60px; line-height:60px;}
.h1title span {height:60px; line-height:60px; width:3px; background:#000; float:left; display:Block;}
.h1title strong {display:Block; float:left; margin:0 0 0 10px; height:60px; line-height:60px; font-size:20px;}
.p01 {margin:15px auto 0 auto; overflow:hidden; line-height:22px;}
.p01 strong, .p01 span {color:#777; font-weight:400; display:block; float:left;}
.p01 strong {color:#222;}
.p01 span {margin:0 0 0 10px;}
.onlymobile {margin:15px auto; color:#348593;}


/* 서브01 */
.sub0101 {}
.sub0101 > h1 {font-size:25px; font-weight:400; line-height:35px; color:#222; text-align:center;}
.sub0101 > h1 strong {color:#348593; font-weight:600;}
.sub0101_con {overflow:Hidden; margin:100px auto 0 auto;} 
.sub0101_con h3 {font-size:22px;}
.sub0101_con p {font-size:16px; line-height:28px; margin:25px 0; color:#888; letter-spacing:-0.03em;}
.sub0101_con article h3:last-child {text-align:Right;}
.sub0101_con figure {width:100%; margin:0 auto 30px auto; text-align:center;}
.sub0102 {}
.sub0102 section {padding:100px 50px; width:calc(100% - 100px); text-align:center; font-size:20px; color:#fff; margin:30px auto;}
.sub0102 section h1 {font-size:30px; color:#a7f2ff;}
.sub0102 section p {font-size:17px; margin:20px auto 0 auto; line-height:33px; color:#ddd;}
.sub0102_01 {background:url(/img/0102img01.jpg) no-repeat center; background-attachment:fixed;}
.sub0102_02 {Background:url(/img/0102img02.jpg) no-repeat center; background-attachment:fixed;}
.sub0102_03 {background:url(/img/0102img03.jpg) no-repeat center; background-attachment:fixed;}
.sub0102_04 {Background:url(/img/0102img04.jpg) no-repeat center; background-attachment:fixed;}

.sub0100 {}
.sub0100 section {width:calc(100% - 62px); border:1px dashed #ddd; border-top:2px solid #348593; text-align:center; float:left; padding:30px; margin:20px auto; background:#f5f8f7;}
.sub0100 section figure {width:250px; margin:0 auto;}
.sub0100 section figure img {width:100%; display:block; border-radius:200px;}
.sub0100 section h3 {text-transform:uppercase; font-size:12px; color:#fff; background:#348593; padding:3px 10px; font-weight:400; letter-spacing:0.05em; margin:20px auto 10px auto; display:inline-block;}
.sub0100 section h1 {font-size:30px; color:#005462; margin:0 auto;}
.sub0100 section article {font-size:17px; text-align:left; color:#333; line-height:28px; margin:20px auto 0 auto;}
.sub0100 section ul {background:#fff; margin:20px auto 0 auto; padding:20px;}
.sub0100 section li {overflow:hidden; line-height:29px; letter-spacing:-0.05em;}
.sub0100 section li span {display:block; float:left; margin:14px 10px 0 0; width:2px; height:2px; background:#333;}
.sub0100 section li strong {display:Block; float:left; width:calc(100% - 20px); text-align:left;}
#daumRoughmapContainer1709313939346 {width:100%;}


/* 서브02 */
.tablewrap {white-space:nowrap; overflow-x:auto;}
.table0201 {width:100%; border-top:2px solid #348593; overflow:hidden;}
.table0201 td, .table0201 th {padding:20px; font-size:16px; text-align:center; border-bottom:1px dashed #ddd; line-height:30px;}
.table0201 th {color:#005462; background:#f5f8f7;}
.table0201 td {border-left:1px dashed #ddd;}
.table0201 td:first-child {border-left:none;}


/* 서브05 */
.sub0501 section {margin:20px 0 0 0; padding:30px; background:#fafafa;}
.sub0501 section li {overflow:hidden; line-height:33px; background:url(/img/bt03.jpg) no-repeat left 14px; padding:0 0 0 10px;}
.sub0501 section li span {font-weighT:600; color:#222;}
.sub0501 section li strong {text-align:left; font-weight:400; color:#777; margin:0 0 0 10px;}
#ul_btn {overflow:hidden; margin:30px auto 0 auto; text-align:center;}
#ul_btn li {width:250px; height:50px; line-height:50px; text-align:center; color:#fff; border-radius:50px; display:inline-block; margin:10px; transition:opacity 0.6s;} 
#ul_btn li a {Display:block; color:#fff; font-weighT:600;}
#ul_btn li:hover {opacity:0.7;}
#ul_btn li:first-child {background:#117286;}
#ul_btn li:nth-child(2) {background:#57bfe2;}























/* ============= 반응형 ============= */
@media screen and (min-width:1600px)
{
body, html {height:100%; margin:0;}
.px1600 {width:1600px; margin:0 auto;}
.px1300 {width:1300px; margin:0 auto;}
.mrt00 {margin-top:0 !important;}
#floatMenu {display:block !important;}
#jy_pop123123 {position:absolute; width:100%; right:30px; top:100px;}
#jy_pop123123 > div {z-index:1000; position:absolute; top:0;}
#divpop3aa {left:400px;}





/* ====== 공통 ====== */
/* 헤더 */
header {height:auto; background:none; margin:0 auto;}
.container {width:calc(100% - 100px); padding:0; margin:0 auto;}
.container h1, .container ul, .container p {position:relative; top:0;}
.container h1 {float:left; margin:50px 0 30px auto; left:0; width:245px; z-index:999;}
.container h1 img {display:Block;}
.container div.fixed1 {float:right; width:245px; right:0; position:absolute; top:50px; text-align:right;}
.fixed1 figure {display:none;}
.loginjoinus {display:block; overflow:hidden; float:right; width:100%; height:46px; border:1px solid #fff; background:rgba(0,0,0,0.5); text-align:center; line-height:46px; font-size:16px; color:#fff;}
.loginjoinus a {display:block; color:#fff;}
.navXbtn01 img {width:50px; height:50px; cursor:pointer;}
#sidebar {width:calc(100% - 40px);}
#navigation {width:100%; margin:0 auto; z-index:97; display:block; position:absolute;}
.navul01 {width:100% ; margin:50px auto 30px auto; text-align:center; overflow:Hidden; float:left; text-align:Center; height:48px; line-height:48px;}
.navul01 li {font-size:20px; display:inline-block; padding:0 30px;}
.navul01 li a {color:#fff; display:block;}
.navulsub01 {background:rgba(255,255,255,0.9); width:100%; padding:35px 0; overflow:Hidden; display:none;}
.navulsub01 > div {text-align:center; overflow:hidden;}
.navulsub01 ul {display:inline-block; margin:0 30px; vertical-align:top; text-align:center;}
.navulsub01 ul li:first-child {font-size:20px; margin:0 0 10px 0; font-weight:600; color:#117286;}
.navulsub01 ul li {line-height:30px;}
.navulsub01 ul li a {color:#333; font-size:16px; margin:8px 0 0 0;}
.navulsub01 ul li a:hover {color:#117286;}
#login_joinus {display:block; position:absolute; right:70px; top:38px; z-index:999999;}
#login_joinus li {font-size:10px; display:inline-block; text-transform:uppercase; margin:0 0 10px; background:#fff; padding:3px;}
#login_joinus li a {color:#333;}


/* PC버전사이드메뉴펼쳤을때수정 */
#sidebar > h3 {width:100%; text-align:center;}
#sidebar > h3 img {width:250px;}
.nav_btn01 {display:none;}
.metismenu.collapse {display:block !important;}
.nav_cate01 {text-align:Center;}
.nav_cate01 > li, .nav_cate01 > li.active {background:none; display:inline-block; vertical-align:top; text-align:left; width:30%; border-top:1px solid #eee; margin:30px 0.5%;}
.nav_cate01 > li > a {background:#f2f8ff;}
.nav_cate01 a {border-bottom:none; line-height:40px; height:40px;}
.subgnb01 > li {background:none;}
.h1_nav01 {display:none;}
.section_ma02cscenter {display:none;}
.nav_cate01 li:last-child.subgnb01 > li:last-child {border-bottom:1px solid #eee;}
.metismenu .collapse {display:block !important;}



/* 푸터 */






/* ====== 메인 ====== */
/* 비주얼 */
#main01 {width:100%;}
#mobile_mainvisual {display:none;}
#mainvisual_new {margin:1px auto 0 auto; overflow:hidden; width:100%; height:1140px !important;}
#mainvisual_new #mainslides {width:100%; height:1140px !important;}
#mainvisual_new .slidesjs-container {width:100% !important; height:1140px !important;}
#mainvisual_new .slidesjs-control {width:100% !important; height:1140px !important;}
#mainvisual_new .slidesjs-control li:first-child {z-index:99 !important;}
#mainvisual_new .slidesjs-control li:nth-child(2) {z-index:98 !important;}
#mainvisual_new .slidesjs-control li:nth-child(3) {z-index:97 !important;}
#mainvisual_new .slidesjs-control li:nth-child(4) {z-index:96 !important;}
#mainvisual_new .slidesjs-control li:nth-child(5) {z-index:95 !important;}
#mainvisual_new .slidesjs-control li:nth-child(6) {z-index:94 !important;}
#mainvisual_new .slidesjs-control li > img {display:block; margin:0 auto;}
#mainvisual_new .slidesjs-previous, .slidesjs-next {display:block; position:absolute; top:550px; z-index:310; font-size:0; width:74px; height:74px;}
#mainvisual_new .slidesjs-previous {background:url(/img/prev01.png) no-repeat center; left:50px;}
#mainvisual_new .slidesjs-next {background:url(/img/next01.png) no-repeat center; right:50px;}
.maintxt2 {left:0;}



/* 메인02 */
.main02section {overflow:hidden; height:700px;}
.main02section figure {width:50%;}
.main02section figure img {display:none;}
.main02section figcaption {width:calc(50% - 100px); padding:0 0 0 100px; height:100%;}
.main02section01 figure {float:right; background:url(/img/mainbanner01.jpg) no-repeat; background-size:cover; height:100%;}
.main02section01 figcaption {float:left;}
.main02section02 figure {float:left; background:url(/img/mainbanner02.jpg) no-repeat; background-size:cover; height:100%;}
.main02section02 figcaption {float:right;}
.main02section03 figure {float:right; background:url(/img/mainbanner03.jpg) no-repeat; background-size:cover; height:100%;}
.main02section03 figcaption {float:left;}
.main02section .modal-table {display:table; width:100%; height:700px;}
.main02section .modal-cell {display:table-cell; vertical-align:middle;}
.main02section .boxxxx {display:block; margin:0 auto;}
/*
.main02section03 figure {height:700px; float:left; padding:0; width:50%;}
.main02section03 article {position:absolute; left:50px; bottom:50px;}
*/



/* 메인04 */
#gallery_marquee ul {width:1000000000%; overflow:Hidden; animation:marquee 15s linear infinite;}





/* ======  서브 ====== */
/* 공통 */
.pcbr br {display:block;}
#ul_sub00 {width:1300px;}
.sub00 {width:1300px;}
.h1title001 {font-size:40px;}
.sectionbox article {padding:103px 0;}
.onlymobile {display:none;}




/* 서브01 */
.sub0101_con article {float:left; width:calc(100% - 460px);}
.sub0101_con article h3:first-child {margin:20px auto 0 auto;}
.sub0101_con figure {width:400px; float:right;}
/* 교수진 세개 나열 
.sub0100 section {width:calc(32% - 62px);}
.sub0100 section:nth-child(3n - 1) {margin:20px 2%;}
.sub0100 section ul {min-height:145px;}
*/
.sub0100 section {width:calc(49% - 62px);}
.sub0100 section:nth-child(even) {float:right;}
.sub0100 section ul {min-height:145px;}



}












@media screen and (min-width:769px) and (max-width:1599px)
{
img {max-width:100%;}

/* ====== 공통 ====== */
.container > ul {display:none;}
.px1600_2 {width:100%;}
#onlymobilebtn {display:block; width:100%; height:50px; line-height:50px; text-align:center; background:#117286; color:#fff; position:fixed; bottom:0;}





/* ====== 메인 ====== */
/* 비주얼 */
#mainvisual_new {display:none;}
.container > ul {display:none;}
.flex-control-paging {display:none;}
.flex-direction-nav {position:absolute; top:50%; width:100%; height:30px;}
.flex-direction-nav li {position:Absolute;}
.flex-direction-nav a {display:block; font-size:0; width:30px; height:30px;}
.flex-nav-prev {background:url(/img/prev01.png) no-repeat; background-size:100%; left:10px;}
.flex-nav-next {background:url(/img/next01.png) no-repeat; background-size:100%;  right:10px;}





/* ======  서브 ====== */
.pcbr br {display:block;}
.spanbbr br {display:none;}
}












@media screen and (min-width:0px) and (max-width:768px)
{
img {max-width:100%;}
#onlymobilebtn {display:block; width:100%; height:50px; line-height:50px; text-align:center; background:#117286; color:#fff; position:fixed; bottom:0;}
.mobilebr br {display:block;}





/* ====== 메인 ====== */
/* 메인공통 */
.hgroup_title {margin:0 auto 30px auto;}
.hgroup_title hgroup {width:100%; float:none; text-align:center;}
.hgroup_title h1 {Font-size:30px;}
.hgroup_title h3 {Font-size:15px; line-height:23px;}
.hgroup_title > a {display:none;}
.hgroup00 {margin:0 auto 30px auto; width:90%;}
.hgroup00 h1 {Font-size:30px;}
.hgroup00 h3 {Font-size:15px; line-height:23px;}


/* 비주얼 */
#mainvisual_new {display:none;}
.container > ul {display:none;}
.flex-control-paging {display:none;}
.flex-direction-nav {position:absolute; top:50%; width:100%; height:30px;}
.flex-direction-nav li {position:Absolute;}
.flex-direction-nav a {display:block; font-size:0; width:30px; height:30px;}
.flex-nav-prev {background:url(/img/prev01.png) no-repeat; background-size:100%; left:10px;}
.flex-nav-next {background:url(/img/next01.png) no-repeat; background-size:100%;  right:10px;}



/* 메인02 */
#main02 {width:90%; margin:5%; overflow:hidden;}
.main02section figcaption {padding:30px 25px; width:calc(100% - 50px);}
.main02section figcaption h3 {font-size:20px;}
.main02section figcaption h1 {font-size:40px;}
.main02section figcaption p {font-size:16px; line-height:23px; margin:20px 0 0 0;}
/*
.main02section03 figure {width:calc(100% - 60px); margin:0 auto; float:none; padding:250px 30px 30px 30px;}
.main02section03 article h3 {font-size:18px;}
.main02section03 article h1 {font-size:40px;}
*/


/* 메인03 */
.mainboard section a {padding:30px;}
.mainboard section article {width:100%;}
.mainboard section h3 {display:none;}




/* ====== 서브 ====== */
#subvisual {padding:100px 0 0 0;}
#subvisual h1 {font-size:40px; letter-spacing:-0.05em; margin:35px auto 60px auto;}
#subvisual h3 {display:block;}
#subvisual p {width:90%; font-size:16px; line-height:25px; margin:0 auto 20px auto;}
#ul_sub00 {overflow-x:auto; white-space:nowrap; height:50px; width:90%; margin:0 auto; overflow-y:hidden;}
#ul_sub00 li {width:110px !important; font-size:14px; float:none; display:inline-block; background:#fff;}
#subpage {background-size:1px 50px;}
.subvis01 > h1 br {display:block;}
.subvis02 {Background:url(/img/subvis02.jpg) no-repeat 50% top; background-attachment:unset;}
.subvis03 {Background:url(/img/subvis03.jpg) no-repeat 30% top; background-attachment:unset;}
.subvis05 {Background:url(/img/subvis05.jpg) no-repeat 54% top; background-attachment:unset;}
.subvis06 {Background:url(/img/subvis06.jpg) no-repeat 30% top; background-attachment:unset;}
#subvisual .article_mtxt p {text-align:center;}
#subvisual .article_mtxt p strong {width:100px; text-align:center}
#subvisual .article_mtxt p strong, #subvisual .article_mtxt p span {font-size:14px;}
#subvisual .article_mtxt p span {width:100%; margin:10px 0 0 0;}
#subvisual .article_mtxt p span br {display:block;}
.spanbbr br {display:none;}
.p01 strong, .p01 span {font-size:14px;}



/* 서브01 */
.sub0101 > h1 {font-size:20px; line-height:28px;}
.sub0101_con {margin:50px auto 0 auto;}
.sub0100 {margin:90px auto 50px auto;}
.sub0100 section {width:calc(100% - 42px); padding:20px;}
.sub0100 section article {font-size:15px; line-height:25px;}



/* 서브02 */
.table0201 td, .table0201 th {font-size:14px; padding:10px;}



/* 서브05 */
.sub0501 section li {margin:20px 0 0 0;}
.sub0501 section li:first-child {margin:0;}
.sub0501 section li strong, .sub0501 section li span {display:block;}
.sub0501 section li strong {margin:0;}




}