@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); 
@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 {font-family:'S-CoreDream-2ExtraLight'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'S-CoreDream-3Light'; 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;}





*,body {margin:0; padding:0; scroll-behavior:smooth;}
body {font-family:'S-CoreDream-4Regular';}
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;}
input, textarea, button {font-family:'S-CoreDream-4Regular';}
.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;}
.mrb30 {margin-bottom:30px !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, .px1200 {width:90%; margin:0 auto;}
.sub00 {margin:50px auto 0 auto;}



#jy_pop123123 {position:absolute; top:100px; left:0; z-index:911026;}








/* ====== 공통 ====== */
/* 헤더 */
header {padding:15px 0; border-bottom:1px solid #eee; width:100%; top:0; left:0; height:80px; z-index:999; /*background:url(/img/header_BG.jpg) repeat-y center;*/ background:#fff;}
header::after {content:"";}
.addition {width:100%;}
.addition > h1 {position:absolute; left:20px; z-index:90; TOP:0; max-width:150px;}
.addition > h1 a img {width:100%;}
.fixed1 {position:absolute; z-index:999; height:30px; top:27px; right:20px; cursor:pointer;}
.div_PCfixed1 {display:none;}


#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:13px; 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;}

#sidebar .nav_login {margin-top:20px;}
#sidebar .nav_login li a {display:inline-block; width:100%; line-height:40px; border:1px solid #ccc; color:#333; text-align:center;}
#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:15px; 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:13px; 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:30px; letter-spacing:-0.05em; font-weight:900; line-height:38px; color:#304678;}
.section_ma02cscenter div h1 a, .section_ma02cscenter div h1 a img {color:#304678; vertical-align:top; line-height:50px; font-family:'S-CoreDream-7ExtraBold';}
.section_ma02cscenter div h1 a img {width:50px; padding:0 10px 0 0;}
.section_ma02cscenter ul {width:95%; overflow:Hidden; margin:10px auto 0 auto; text-align:left;}
.section_ma02cscenter ul li {font-size:13px; 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:#304678; 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;}


/* 푸터 */
footer {width:100%; padding:50px 0; background:#25303c; text-align:center;}
footer p {font-size:14px; color:#ddd;}
footer p a {color:#ddd;}
footer h3 {color:#fff; opacity:0.6;}
footer h3 strong {font-size:18px;}
footer h3 span {font-size:32px; font-family:'S-CoreDream-7ExtraBold'; padding:0 0 0 10px;}



/* 플로팅메뉴 */
#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:#00aeb2; 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;}



/* ====== 메인 ====== */
/* 메인공통 */
.hgroup_title {text-align:center; overflow:hidden; width:90%; margin:0 auto;}
.hgroup_title h1 {font-size:40px; color:#000; font-weight:400; line-height:34px; height:30px;}
.hgroup_title h3 {font-size:17px; color:#444; margin:30px auto 0 auto; font-family:'S-CoreDream-1Thin'; font-weight:600; line-height:30px;}
.bluegrennAtag {display:block; width:235px; height:58px; line-height:58px; font-size:18px; background:url(/img/atagbg02.png) no-repeat center; text-align:Center;color:#00aeb2; margin:40px auto 0 auto; font-weight:600; background-size:100%;}
.bluegrennAtag span {font-size:10px;}



/* 비주얼 */
#navigation {display:none;}
#mainvisual_new {z-index:950;}
#mainvisual_new .slidesjs-control li {text-align:center;}
#mainvisual_new .slidesjs-pagination {position:absolute; bottom:50px; 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:24px; height:24px; color:#fff; z-index:100; font-size:0; background:url(/img/bullet02.png) no-repeat center; display:Block; margin:0 0 0 8px;}
#mainvisual_new .slidesjs-pagination li a.active {background:url(/img/bullet01.png) no-repeat center;}

.maintxt {width:100%; position:absolute; z-index:300; overflow:hidden; color:#FFF; text-align:left;}
.maintxt h3 {font-weight:400; color:#fff; }
.maintxt p {color:#fff; font-family:'S-CoreDream-1Thin';}
.maintxt p strong {font-family:'S-CoreDream-5Medium';}
.maintxt a {display:block; width:235px; height:58px; line-height:58px; font-size:18px; background:url(/img/atagbg01.png) no-repeat center; text-align:Center;color:#fff; background-size:100%;}
.maintxt a span {font-size:10px;}

#main01_figure {background:#fbfdff;}
#main01_figure > figure > img {width:100%; display:block;}
.main01_figure_bottom {overflow:hidden;}
.main01_figure_bottom section {padding:30px; overflow:Hidden; transition:background 0.6s;}
.main01_figure_bottom section article {float:left;}
.main01_figure_bottom section figure {float:Right;}
.main01_figure_bottom section:nth-child(odd) {background:#ecf7ff;}
.main01_figure_bottom section:nth-child(odd) h3 {font-size:20px; color:#2d60ac;}
.main01_figure_bottom section p {font-size:15px; margin:15px 0 0 0; color:#949494; letter-spacing:-0.07em;}
.main01_figure_bottom section:nth-child(even) {background:#fbfbfb;}
.main01_figure_bottom section:nth-child(even) h3 {font-size:20px; color:#000;}
.main01_figure_bottom section a {display:block;}


/* 메인공통 */
.hgroup_main {width:100%; text-align:Center;}
.hgroup_main h3 {font-family:'GmarketSansMedium'; font-weight:400; color:#333; font-size:16px; background:url(/img/bg01.png) repeat-x left bottom; padding:3px 5px 0 5px; display:inline-block;}
.hgroup_main h1 {font-family:'S-CoreDream-3Light'; font-weight:100; font-size:45px; letter-spacing:-0.07em; background:url(/img/제목-없음-6.png) no-repeat center bottom; padding:0 0 70px 0; line-height:40px; margin:25px auto 0 auto;}


/* 메인02 */
#main02 {padding:115px 0; overflow:Hidden; background:#fbfdff;}
#main02 p {text-align:center; color:#333; margin:30px auto 0 auto; width:100%; font-size:16px;}
.youtubewrap {position:relative; max-width:100%; padding-bottom:56.25%; height:0;}
.youtubewrap iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

/*메인03 */
#main03 {padding:115px 0; overflow:Hidden;}
.table_main03 {width:100%; border-top:2px solid #133b62; margin:30px auto 0 auto;}
.table_main03 th, .table_main03 td {padding:15px; font-size:14px;}
.table_main03 th {background:#4d85bd; color:#fff; border-bottom:1px dashed #eee;}
.table_main03 td {border-bottom:1px dashed #ddd;}




/* ====== 서브 ====== */
/* 서브공통 */
.subvis00 {overflow:hidden; width:100%; text-align:Center; height:570px;}
.subvis01 {background:url(/img/subvis01.jpg) no-repeat center; background-size:cover;}
.subvis02 {background:url(/img/subvis01.jpg) no-repeat center; background-size:cover;}
.subvis03 {background:url(/img/subvis01.jpg) no-repeat center; background-size:cover;}
.subvis04 {background:url(/img/subvis01.jpg) no-repeat center; background-size:cover;}
.subvis05 {background:url(/img/subvis01.jpg) no-repeat center; background-size:cover;}
.subvis06 {background:url(/img/subvis01.jpg) no-repeat center; background-size:cover;}
.subvis07 {background:url(/img/subvis01.jpg) no-repeat center; background-size:cover;}

.subvis00 > hgroup {margin:185px auto 0 auto; text-align:center;}
.subvis00 > hgroup h3 {font-weight:400; text-transform:uppercase; font-size:13px; letter-spacing:0.3em; display:inline-block; background:#24609f; color:#fff;}
.subvis00 > hgroup h1 {font-family:'S-CoreDream-9Black'; font-size:100px; color:#24609f; font-weight:400; margin:30px auto 0 auto; text-shadow:2px 2px 0px rgba(255, 255, 255, 1);}
.sitemap {height:50px; line-height:50px; width:100%; border-bottom:1px solid #e1e1e1; text-align:right;}
.sitemap::after {content:"";}
.sitemap div > a {display:inline-Block; border-left:1px solid #e1e1e1; padding:0 20px; color:#333; font-size:14px;}
.sitemap #sm_ul {display:inline-Block; width:160px; text-align:Center; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; font-size:14px;}
.sitemap #sm_ul > li > a {color:#24609f; font-weight:600;}
.smul_sub {position:absolute; width:100%; text-align:Center; z-index:99999999;}
.smul_sub li {height:40px; line-height:40px; background:#fff; border-bottom:1px dashed #ddd;}
.smul_sub li a {coloR:#333; display:block;}
.smul_sub li a:hover {background:#24609f; color:#fff !important;}

#subpage {width:100%; overflow:Hidden; padding:50px 0; margin:0 auto;}
.hgroup_SUB {text-align:center;}
.hgroup_SUB h1 {Font-size:40px; color:#434343; font-family:'S-CoreDream-2ExtraLight'; font-weight:400; margin:20px auto 0 auto;}
.hgroup_SUB h3 {background:url(/img/bar02.jpg) no-repeat center bottom; font-size:12px; letter-spacing:0.2em; font-weight:400; color:#999; padding:15px 0 40px 0 ;}

.h1title {width:100%; overflow:hidden;}
.h1title span {Display:block; float:left; width:2px; height:50px; background:#333;}
.h1title strong {display:Block; float:left; margin:0 0 0 10px; color:#222; line-height:50px; font-size:18px;}
.h1titleBIG strong {font-size:20px; font-weight:600; letter-spacing:-0.07em;}
.p_con01 {font-size:13px; line-height:25px; margin:10px 0 0 15px; text-align:left; color:#999;}
.h3text {margin:10px 0 0 11px; font-size:15px; color:#666; font-weight:400;}



/* 서브01 */
.ulliwidth02 {margin:30px auto 50px auto; overflow:Hidden; width:100%; text-align:Center;}
.ulliwidth02 li {bordeR:1px solid #ddd; text-align:center; display:inline-block; margin:0 10px; font-size:15px;}
.ulliwidth02 li a {color:#333; display:block; padding:15px;}
.ulliwidth02 li:hover, .ulliwidth02 li.active {border:1px solid #24609f;}
.ulliwidth02 li:hover a, .ulliwidth02 li.active a {color:#fff; background:#24609f;}

.tab0101 {overflow:Hidden;}
.tab0101 article {overflow:hidden;}
.tab0101 article h3 {font-size:30px; color:#333; letter-spacing:-0.07em; margin:30px 0 0 0;}
.tab0101 article h3 strong {font-size:40px; color:#24609f;}
.tab0101 article p {font-size:15px; line-height:27px; margin:30px auto 0 auto; color:#777;}
.tab0101 article h4 {font-size:14px; color:#555; font-weighT:400; margin:50px 0 0 0; text-align:right;}
.tab0101 article h4 strong {color:#000; font-size:16px; font-weighT:600;}
.tab0101 figure img {width:100%;}


/* 서브02 */
.tab0200 {overflow:Hidden;}
.tab0200 > figure {margin:1px auto 30px auto;}
.tab0200 > h3 {font-size:25px; color:#fff; background:#24609f; text-align:Center; font-weight:400; letter-spacing:-0.07em; margin:30px 0 0 0; padding:10px 0;}
.tab0200 > h3 strong {color:#ffcf3c;}
.sub0201_wrap01 {overflow:hidden; margin:0 auto;}
.sub0201_wrap01 section {border:1px solid #ddd; border-top:2px solid #24609f; padding:20px; margin:30px 0 0 0;}
.sub0201_wrap01 section figure img {width:100%;}
.sub0201_wrap01 section h3 {text-align:Center; font-size:18px; font-weight:400; color:#333;}
.sub0201_wrap01 section h4 {font-size:11px; text-transform:uppercase; color:#999; font-weight:400; letter-spacing:0.1em; text-align:Center; margin:13px auto;}

.sub0201_wrap02 {overflow:hidden;}
.sub0201_wrap02 section {margin:30px auto 0 auto; padding:30px; border:1px dashed #ddd; border-top:2px solid #24609f; overflow:Hidden; text-align:Center;}
.sub0201_wrap02 figure img {width:100%;}
.sub0201_wrap02 article h4 {padding:10px; background:#24609f; color:#fff; font-size:14px; display:inline-block;}
.sub0201_wrap02 article h3 {font-size:37px; padding:0 0 40px 0; font-weight:400; color:#333; letter-spacing:-0.07em; margin:20px 0 0 0;}
.sub0201_wrap02 article h3 strong {color:#24609f; background:url(/img/bg02.png) repeat-x left bottom;}
.sub0201_wrap02 article p {margin:30px auto 0 auto; color:#777; line-height:30px;}

.sub0201_wrap03 {margin:0 auto; overflow:Hidden;}
.sub0201_wrap03 section {padding:20px; width:calc(49% - 42px); border:1px dashed #ddd; border-top:2px solid #24609f; float:left; text-align:Center; margin:30px auto 0 auto;}
.sub0201_wrap03 section:nth-child(even) {float:Right;}
.sub0201_wrap03 section figure img {width:100%;}
.sub0201_wrap03 section h4 {padding:5px; margin:25px auto 0 auto; background:#24609f; color:#fff; font-size:11px; display:inline-block; font-weight:400; text-transform:uppercase;}
.sub0201_wrap03 section h3 {color:#24609f; font-size:23px; letter-spacing:-0.07em; margin:10px auto 20px auto;}
.sub0201_wrap03 section p {color:#555; letter-spacing:-0.07em; font-size:16px;}


/* 서브03 */
.sub0300 {overflow:hidden; margin:30px auto 0 auto;}
.sub0300 > figure img {width:100%;}
.sub0300 > figcaption {text-align:Center; border-bottom:1px dashed #ddd; padding:10px 0 20px 0; color:#333;}
.sub0302 > figure {margin:30px 0 0 0;}
 


/* 서브04 */
.sub0401_wrap {overflow:hidden; margin:60px auto 0 auto;}
.sub0401_wrap ul {overflow:hidden;}
.sub0401_wrap li {border:1px solid #ddd; margin:20px auto 0 auto; padding:20px; transition:opacity 0.5s; width:calc(100% - 42px);}
.sub0401_wrap li:hover {cursor:pointer; opacity:0.7;}
.sub0401_wrap li img {width:100%;}
.sub0401_wrap > p {text-align:center; font-size:15px; letter-spacing:-0.07em; color:#333; padding:20px 0 25px 0; border-bottom:1px dashed #ddd;}
.sub0401_wrap > figure {padding:20px; border:1px solid #ddd;}
.sub0401_wrap > figure img {width:100%;}
.sub0401_wrap > .sub0201_wrap03 > section h3 {line-height:30px; font-size:20px;}
.sub0401_wrap > .sub0201_wrap03 > section p {font-size:15px; text-align:left; line-height:30px;}
.tab0400 {overflow:Hidden;}
.tab0400 > figure {margin:1px auto 30px auto;}
.tab0400 > figure img {width:100%;}
.tab0400 > h3 {font-size:18px; color:#fff; background:#24609f; text-align:Center; font-weight:400; letter-spacing:-0.07em; margin:30px 0 0 0; padding:10px 0;}
.tab0400 > h3 strong {color:#ffcf3c;}
.tabul0400 {text-align:Center; overflow:hidden;}
.tabul0400 li img {width:100%;}
.tabul0400 li strong {display:block; border-bottom:1px solid #ddd; padding:13px 0 15px 0; font-size:15px; color:#222;}
.tabul0400 li {margin:30px auto 0 auto;}


/* 서브07 */
.sub0700 {overflow:hidden;}
.sub0700 > article:first-child {padding:20px; background:#f9f9f9; color:#222; line-height:26px; font-size:15px; text-align:Center; letter-spacing:-0.07em;}
.sub07_Form {overflow:hidden; paddinG:30px; border:1px dashed #ddd; border-top:2px solid #24609f; margin:30px auto 0 auto;}
.sub07_Form ul {overflow:Hidden;}
.sub07_Form li {overflow:hidden; height:60px; line-height:60px; margin:0 auto 30px auto;}
.sub07_Form li {width:49%; float:left;}
.sub07_Form li:nth-child(2) {float:right;}
.sub07_Form li:nth-child(3) {width:100%; float:none; height:auto; line-height:35px;}
.sub07_Form li b, .sub07_Form li strong, .sub07_Form li > input, .sub07_Form li select {display:block; float:left; outline:none;}
.sub07_Form li b {width:2px; height:60px; background:#317bb9; padding:0;}
.sub07_Form li strong {margin:0 0 0 10px; width:100px; line-height:60px;}
.sub07_Form li > input {border:1px solid #ddd; width:calc(100% - 150px); height:58px;}
.sub07_Form li textarea {width:calc(100% - 180px); border:1px solid #ddd; min-height:150px; padding:15px; outline:none;}

#formbottom00 {width:100%; overflow:hidden; font-size:14px;}
#formbottom00 input, #formbottom00 label, #formbottom00 a {display:block; float:left; margin:0 10px 0 0; color:#333;}
#formbottom00 input {top:3px;}
#formbottom00 a {color:#aaa; text-decoration:underline; cursor:pointer;}
#atagapply {width:200px; height:45px; line-height:45px; border-radius:50px; background:#24609f; display:block; margin:50px auto 0 auto; text-align:Center; color:#fff; border:0px;}
.selectbox {line-height:60px; font-size:13px;}
.selectbox label {padding:0 10px 0 0;}

.tbldiv {width:1200px !important; max-height:800px; overflow:scroll;}
.tbldiv table .tddate {min-width:80px !important;}
.tbldiv table .tdschedule {min-width:200px !important;}
.tbldiv table th {min-width:50px !important;}

.tbl00 {width:100%; border-top:3px solid #1a5490;}
.tbl00 th, .tbl00 td {padding:15px;}
.tbl00 th {Background:#d3e9ff !important; color:#333; font-size:15px; font-weight:400; border-left:1px dashed #fff;}
.tbl00 th:first-child {border-left:none;}
.tbl00 th.th:first-child {border-left:1px dashed #fff;}
.tbl00 th.th {border-top:1px dashed #fff;}
.tbl00 td {font-size:12px; border-bottom:1px dashed #eee; border-left:1px dashed #eee; text-align:Center;}
.tbl00 td:first-child {border-left:none;}
.tbl00 td ul {text-align:center;}
.tbl00 td li {display:inline-Block;}
.tbl00 td ul li a {width:100px; font-size:14px; color:#fff; border-radius:30px; display:block; height:35px; line-height:35px; text-align:center; margin:10px auto;}
.tbl00 td a {color:#000; font-weight:bold;}
.tbl00 .tbl01_calsat {color:blue;}
.tbl00 .tbl01_calsun {color:red; background:#ffe6e6;}
.tbl00 .tbl01_calsat li {color:#3575c4 !important;}
.tbl00 .tbl01_calsun li {color:#c44235 !important;}

.atagtd01 {background:#408cda;}
.atagtd02 {background:#1960a9;}
.atagtd03 {background:#1a3b5d;}
.atagtd04 {background:#333;}

.paging00 {text-align:center; margin:30px auto; overflow:hidden;}
.paging00 li {bordeR:1px solid #ddd; width:40px; height:40px; line-height:40px; text-align:center; font-size:11px; display:inline-block; margin:0 5px;}
.paging00 li a {display:block; color:#333;}
.paging00 li.current {background:#d3e9ff; font-weight:bold; font-size:13px;}

.modifytr {display:none;}

.tbl_schedule {width:100%; border-top:3px solid #1a5490; border-left:1px dashed #ddd;}
.tbl_schedule th, .tbl_schedule td {padding:15px; border-bottom:1px dashed #ddd; border-right:1px dashed #ddd;}
.tbl_schedule th {line-height:35px; font-size:15px; background:#fdfdfd;}
.tbl_schedule td {height:100px; font-size:14px;}
.tbl_schedule td ul {overflow:hidden; margin:30px 0 0 0;}
.tbl_schedule td li {font-size:13px; line-height:26px; color:#333;}
.tbl_schedule td span {position:absolute; top:10px; left:10px;}
.tbl_schedule .tbl01_calsat {color:blue;}
.tbl_schedule .tbl01_calsun {color:red;}
.tbl_schedule .tbl01_calsat li {color:#3575c4 !important;}
.tbl_schedule .tbl01_calsun li {color:#c44235 !important;}

.subfschedule {/*bordeR:1px solid #ddd; padding:30px;*/ display:block; text-align:center;}
.subfschedule input[type=text] {width:150px; height:40px;}
.subfschedule input[type=submit] {width:120px; font-size:15px; color:#fff; border-radius:30px; display:inline-block; height:45px; line-height:45px; text-align:center; margin:10px auto; background:#1960a9; border:none;}
.subfschedule a.sample {color:#000; font-size:13px; text-decoration:underline;}
.subfschedule button.delsecom {background:#a91919; color:#fff; width:150px; font-size:15px; height:45px; line-height:45px; border:0px;}

.infobox {border:1px dashed #ddd; width:calc(100% - 100px); padding:50px; margin-bottom:30px; font-size:14px;}

.ul_apline {width:100%; border-top:2px solid #1a5490;}
.ul_apline li {border-bottom:1px dashed #ddd; overflow:Hidden;}
.ul_apline li strong {Background:#fafafa; color:#333; font-weight:600; padding:20px 30px; font-size:16px; display:inline-block;}
.ul_apline li span {display:inline-block; font-size:14px; color:#333; font-weight:400; margin:0 0 0 20px;}
.ul_apline li span label {display:inline-block; margin:0 20px 0 0;}
.ul_apline li button {width:100px; font-size:14px; color:#fff; border-radius:30px; display:inline-block; height:35px; line-height:35px; text-align:center; margin:10px auto; background:#1960a9; font-weight:600; border:none; font-family:'S-CoreDream-4Regular';}


.subconfigwrite {overflow:Hidden; width:700px; margin:0 auto;}
.subconfigwrite li {overflow:hidden; border-bottom:1px dashed #ddd;}
.subconfigwrite li:first-child {border-top:1px dashed #ddd;}
.subconfigwrite li strong, .subconfigwrite li span {display:block; float:left;}
.subconfigwrite li strong {width:150px; height:70px; line-height:70px; background:#3358a2; color:#fff; text-align:center; font-size:14px; letter-spacing:-0.07em;}
.subconfigwrite li span {width:calc(100% - 160px); margin:0 0 0 10px; font-size:13px; line-height:70px; color:#666;}
.subconfigwrite li span select, .subconfigwrite li span input[type=text], .subconfigwrite li span input[type=password] {border:1px solid #ddd; height:40px; line-height:40px; font-size:13px; color:#666; padding:0 10px; width:200px; outline:none;}
.subconfigwrite input[type=submit] {width:200px; font-size:17px; color:#fff; border-radius:30px; display:block; height:45px; line-height:45px; text-align:center; background:#1960a9; border:none; margin:50px auto 0 auto;}
.subconfigwrite input.full_input {width:calc(100% - 22px) !important;}



.fsalaryexcel a {color:#000; font-size:13px; text-decoration:underline;}







.tbl01 {width:100%; border-top:1px solid #666; border-left:1px solid #666;}
.tbl01 th, .tbl01 td {text-align:center; border-bottom:1px solid #666; border-right:1px solid #666;}
.tbl01 th {line-height:35px;}
.tbl01 td {height:100px;}
.tbl01 td span {position:absolute; top:10px; left:10px;}
.tbl01 .tbl01_calsat {color:blue;}
.tbl01 .tbl01_calsun {color:red;}


.btndiv {overflow:hidden; text-align:right; margin-bottom:20px;}
.btndiv .btn_schedule {display:inline-block; background:#1960a9; font-size:15px; color:#fff; padding:7px 14px;}
.btndiv .btn_approve {display:inline-block; background:#1960a9; color:#fff; padding:7px 14px; font-size:15px;}
.btndiv .btn_excel {display:inline-block; background:#1b6930; color:#fff; padding:7px 14px; font-size:15px;}
.btndiv .btn_select {float:left; padding:7px 0;}
.btndiv a {margin-left:5px;}
.btndiv a:first-child {margin-left:0px !impotant;}



.tbl02 {width:100%; border-top:1px dashed #ddd; font-size:13px;}
.tbl02 th, .tbl02 td {text-align:center; border-bottom:1px dashed #ddd;}
.tbl02 > tbody > tr > th {width:15%; height:70px; line-height:70px; background:#3358a2; color:#fff; text-align:center; font-size:14px; letter-spacing:-0.07em; padding:0 10px;}
.tbl02 > tbody > tr > th a {color:#fff;}
.tbl02 td {height:35%; text-align:left; padding:0 10px;}
.tbl02 select, .tbl02 input[type=text] {border:1px solid #ddd; height:40px; line-height:40px; font-size:13px; color:#666; padding:0 10px; outline:none;}
.tbl02 textarea {height:200px;margin:10px 0;border:1px solid #ddd;}
.tbl02 .add_sel {display:none;}
.tbl02 .add_time {display:none;}
.tbl02 .add_time2 {display:none;}
.tbl02 .add_date2 {display:none;}
.tbl02 .ui-datepicker-trigger {border:0; background:none; margin-left:5px; line-height:42px; font-size:17px;}
#ap_mb_ids_txt, #ap_mb_ids_txt2 {display:block; color:#ea2026;}

.ulfile {overflow:hidden;}
.ulfile li {width:100%; line-height:25px; list-style:inside; padding-bottom:2px; text-decoration:underline; text-underline-position:under;}
.ulfile li a {color:#000;}

#sch_list input[type=checkbox], #sch_list2 input[type=checkbox] {display:none;}
.sch_list a {display:block; margin-top:10px; color:#3358a2; text-decoration:none;}
.sch_list a:nth-of-type(1) {margin-top:0px;}
.sch_list ul {display:none;}


.tbl03 {width:100%; border-top:1px dashed #ddd; font-size:13px;}
.tbl03 th, .tbl03 td {width:25%; height:70px; line-height:70px; text-align:center; border-bottom:1px dashed #ddd; padding:0 10px;}
.tbl03 th {background:#3358a2; color:#fff; font-size:14px; letter-spacing:-0.07em;}
.tbl03 select, .tbl03 input[type=text] {border:1px solid #ddd; height:40px; line-height:40px; font-size:13px; color:#666; padding:0 10px; outline:none;}
.tbl03 textarea {height:200px;margin:10px 0;border:1px solid #ddd;}
.tbl03 .add_sel {display:none;}
.tbl03 .add_time {display:none;}
.tbl03 .ui-datepicker-trigger {border:0; background:none; margin-left:5px; line-height:42px; font-size:17px;}



.tbl04 {width:100%; border-top:1px dashed #ddd; font-size:13px;}
.tbl04 th, .tbl04 td {height:70px; line-height:70px; text-align:center; border-bottom:1px dashed #ddd; padding:0 10px;}
.tbl04 th {background:#3358a2; color:#fff; font-size:14px; letter-spacing:-0.07em;}
.tbl04 td a {color:#000;}



.tbl_dayoff {width:100%; margin:10px;}
.tbl_dayoff th {height:50px !important; line-height:50px !important; background:#537ac9; border:0px;}
.tbl_dayoff th:first-child {width:3% !important;}
.tbl_dayoff th:nth-child(2) {width:150px !important;}
.tbl_dayoff th:nth-child(3) {width:150px !important;}
.tbl_dayoff th:nth-child(4) {width:50px !important;}
.tbl_dayoff th:nth-child(6) {width:180px !important;}
.tbl_dayoff td {height:30px !important; border-left:1px dashed #ddd;}
.tbl_dayoff td:nth-child(3), .tbl_dayoff td:nth-child(4) {text-align:center;}
.tbl_dayoff td:first-child {border-left:0px;}


.tbl_dayoff_view {width:100%; margin:10px;}
.tbl_dayoff_view th {height:50px !important; line-height:50px !important; background:#537ac9; border:0px;}
.tbl_dayoff_view th:nth-child(1) {width:150px !important;}
.tbl_dayoff_view th:nth-child(2) {width:150px !important;}
.tbl_dayoff_view th:nth-child(3) {width:50px !important;}
.tbl_dayoff_view th:nth-child(5) {width:150px !important;}
.tbl_dayoff_view td {height:30px !important; border-left:1px dashed #ddd;}
.tbl_dayoff_view td:nth-child(2), .tbl_dayoff_view td:nth-child(3) {text-align:center;}
.tbl_dayoff_view td:first-child {border-left:0px;}



.frmsch {width:100%; overflow:hidden;}
.frmsch table {float:left; width:calc(100% - 120px); border-top:3px solid #1a5490;}
.frmsch th, .frmsch td {padding:10px; border-bottom:1px dashed #ddd;}
.frmsch th {width:15%; background:#d3e9ff; border-bottom:1px dashed #fff; font-weight:normal;}
.frmsch td {width:35%;}
.frmsch td input, .frmsch td select {width:100%; height:35px; padding:5px; border:1px solid #ddd; box-sizing:border-box;}
.frmsch .datepicker {width:47%;}
.frmsch .spandatepicker {display:inline-block; width:6%; text-align:center;}
.frmsch button[type=submit] {float:left; width:100px; margin-left:20px; height:227px; background:#1960a9; border:0; color:#fff; font-size:15px; font-family:inherit;}
.frmsch .submit01 {height:115px !important;}
.frmsch .submit02 {height:59px !important;}



.schbtn {height:42px; margin-left:10px; display:inline-block; background:#1960a9; font-size:15px; color:#fff; padding:7px 14px; border:0;}
.btndiv .btn_submit, .btndiv .btn_cancel {display:inline-block; background:#1960a9; font-size:15px; color:#fff; padding:7px 14px; border:0px; margin-top:10px;}


.topfigure {float:left;}
.toptbl {float:right; border-top:1px solid #ddd; border-left:1px solid #ddd; font-size:14px; margin-bottom:20px;}
.toptbl th, .toptbl td {border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; line-height:20px; padding:10px 20px;}
.toptbl th {background:#1960a9; color:#fff;}
.toptbl td {font-size:13px;}


.divpayslip {border:2px solid #333;}
.tbl05 {width:100%; border-top:1px solid #333; border-left:1px solid #333;}
.tbl05 .title {padding:50px 0; font-size:20px;}
.tbl05 th, .tbl05 td {text-align:center; border-bottom:1px solid #333; border-right:1px solid #333; padding:10px 0;}
.tbl05 th {width:15%;}
.tbl05 td {width:35%;}
.tbl05 td.bg {background:#eee;}

.tbl06 {width:100%; border-top:1px solid #333; border-left:1px solid #333;}
.tbl06 td {text-align:center; border-bottom:1px solid #333; border-right:1px solid #333; padding:10px 0;}
.tbl06 td:first-child, .tbl06 td:nth-child(2), .tbl06 td:nth-child(4) {width:15%;}
.tbl06 td:nth-child(3), .tbl06 td:nth-child(5) {width:27.5%;}
.tbl06 td.bg {background:#eee;}



.dayoff {overflow:hidden; width:100%;}
.dayoff li:first-child {float:left;}
.dayoff li+li {float:right;}

.sub00 h1, .sub01 h1 {margin-bottom:10px;}
.sub00 h1 select, .sub01 h1 select {font-size:20px; padding:5px 10px;}


.section00 {overflow:hidden;}
.section00 h1 {float:left;}
.section00 h2 {float:right; margin-left:10px;}
.section00 h2 span {font-size:15px; margin-right:10px;}
.section00 h2 a {background:#1a3b5d; color:#fff; padding:10px; font-size:15px; font-weight:normal;}



.scrollx {width:100%; overflow-x:scroll; border-top:3px solid #1a5490; z-index:9;}
.scrollx table {/*width:4000px !important;*/}

.scrollx {
	position:relative;
	max-width:100%;
	overflow:hidden;
}
.table-wrap {
	width:100%;
	max-height:700px;
	overflow:auto;
}
.table-wrap .fixed-side {
	position:sticky;
	background:#c1d4e8;
	z-index:999;
}
.table-wrap .fixed-side1 {
	left:0px;
}
.table-wrap .fixed-side2 {
	/*left:130px;*/
}
.table-wrap .fixed-side3 {
	/*left:200px;*/
}
.table-wrap .fixed-side4 {
	/*left:59px;*/
}
.table-wrap .fixed-side5 {
	/*left:165px;*/
}
.table-wrap .fixed-side6 {
	/*left:246px;*/
}
.table-wrap .fixed-th {
	/*height:103px;*/
}
.scrollx table {
	width:100%;
	margin:0;
	border-collapse:separate;
	border-spacing:0;
	border-top:0px !important;
}
.scrollx th, .scrollx td {
	white-space:nowrap;
	vertical-align:top;
}
.scrollx thead, .scrollx tfoot {
}
tr.fixed-top {
	position:sticky;
	top:0;
	z-index:1112;
}
tr.fixed-top2 {
	position:sticky;
	top:51px;
	z-index:1112;
}

.clone {
	position:absolute;
	top:0;
	left:0;
	pointer-events:none;
}
.clone th, .clone td {
	visibility:hidden
}
.clone td, .clone th {
	/*border-color:transparent*/
}
.clone tbody th {
	/*visibility:visible;*/
}
.clone td.fixed-side {
	background:#fafafa;
	visibility:visible;
}
.clone th.fixed-side {
	background:#cbe0f5;
	visibility:visible;
}

.clone thead, .clone tfoot{background:transparent;}



#frmhidden {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 48%; height: 59%;}
#spanX {position:absolute; right:5px; cursor:pointer; font-size:1.5em;}
#frmhidden > .hiddendiv {margin-top:35px; border:1px solid #000; background:#fff; overflow-y:scroll; height:500px;}
.divhidden {padding:10px 0;}



.info {color:#992828; font-size:12px;}
.noti {display:inline-block; background:red; width:6px; height:6px; border-radius:6px; top:-15px; margin-left:3px;}


/* ============= 반응형 ============= */
@media screen and (min-width:1201px)
{
.sub00 {margin:50px auto 0 auto; width:1200px;}
.px1200_02 {width:100%; margin:0 auto;}
}



@media screen and (min-width:1800px)
{
body, html {height:100%; margin:0;}
.px1200 {width:1200px; margin:0 auto;}
.px1200_02 {width:1200px; 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 {right:0;}

#cesco_PC {display:block; position:fixed; right:30px; bottom:10px; z-index:9999;}
#cesco_M {display:none;}




/* ====== 공통 ====== */
/* 헤더 */
header {width:calc(100% - 80px); margin:0 auto; border-bottom:1px solid rgba(255,255,255,0.2); position:relative; background:#fff; height:80px; padding:10px 40px; border-bottom:1px solid #ddd;}
.container {width:100%;}
.container h1 {float:left; margin:0; left:0;}
.container h1 a {color:#fff;}
.div_PCfixed1 {text-align:right; display:block;}
.div_Mfixed1 {display:none;}
.fixed1 {float:right; width:300px; right:0; position:absolute; top:16px;}
.fixed1 a {display:block; font-size:20px; color:#ffe052;}
.fixed1 a img, .fixed1 a strong {display:inline-block; vertical-align:middle; line-height:45px; font-size:25px;}
.fixed1 ul li {display:inline-block; padding:3px; background:#304678;}
.fixed1 ul li a {color:#fff; font-size:12px;}
.fixed1 ul li.mb_name {color:#333; font-size:12px; background:none;}
/* 
.container > ul {display:block; float:left; width:calc(100% - 260px); text-align:center;}
.container > ul li {display:inline-block; margin:0 30px; line-height:66px;}
.container > ul li a {Color:#fff;}
*/
.nav_cate01 > li > a {line-height:60px; height:60px; font-size:20px; text-align:left;}
.navXbtn01 img {width:50px; height:50px; cursor:pointer;}

#sidebar {width:calc(100% - 40px);}
#navigation {width:calc(100% - 450px); margin:0 auto; z-index:97; display:block;}
#navigation::after {content:"";}
.navul01 {width:100%; margin:0 auto; text-align:center; float:left; text-align:Center;}
.navul01 > li {font-size:16px; /*float:left; */display:inline-block; width:200px; height:90px; line-height:90px; margin-left:-4px;}
.navul01 > li a {color:#333; display:block;}
.subgnb01 {display:none; position:absolute; top:90px; background:#fff; border-top:1px solid #ddd;}
.subgnb01 li {width:200px; height:50px; line-height:50px; border-bottom:1px solid #ddd; font-size:14px;}
.subgnb01 li a {color:#666;}
.subgnb01 li a:hover {background:#326dd0; color:#fff;}
.hov1 {border-bottom:2px solid #326dd0; color:#326dd0 !important; font-weighT:900;}

.navulsub01 {position:absolute; top:104px; 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 50px; vertical-align:top; text-align:center;}
.navulsub01 ul li:first-child {font-size:18px; margin:0 0 15px 0; font-weight:900; color:#222;}
.navulsub01 ul li {margin:3px 0 0 0;}
.navulsub01 ul li a {color:#333; font-size:14px; margin:13px 0 0 0;}
.navulsub01 ul li a:hover {color:#456bab;}

#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:#f6fdfd;}
.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;}



/* 푸터 */
footer {text-align:left;}
footer p {Float:left;}
footer h3 {Float:Right;}




/* ====== 메인 ====== */
/* 메인공통 */
.hgroup_title h3 br {display:none;}

/* 비주얼 */
#main01 {display:table; width:100%; height:100%;}
#mobile_mainvisual {display:none;}
#mainvisual_new {margin:1px auto 0 auto; overflow:hidden; width:100%; height:100% !important;}
#mainvisual_new #mainslides {width:100%; height:100% !important;}
#mainvisual_new .slidesjs-container {width:100% !important; height:100% !important;}
#mainvisual_new .slidesjs-control {width:100% !important; height:100% !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 {width:100% !important;}
#mainvisual_new .slidesjs-previous, .slidesjs-next {display:block; position:absolute; top:500px; z-index:310; font-size:0;}
/*
#mainvisual_new.slidesjs-previous {background:url(/images/mainarrow_left.jpg) no-repeat center; left:30px;}
#mainvisual_new.slidesjs-next {background:url(/images/mainarrow_right.jpg) no-repeat center; right:30px;}
*/
.article_mtxt {padding:0 0 0 146px; background:url(/img/bar01.png) no-repeat left center;}
.maintxt {left:50px; top:346px;}
.maintxt h3 {font-size:55px;}
.maintxt p {font-size:27px; line-height:45px; margin:45px 0;}

.main01_figure_bottom {width:1200px; margin:-67px auto 0 auto;}
.main01_figure_bottom section {width:323px; float:left;}
.main01_figure_bottom section:nth-child(even) {margin:0 25px;}
.main01_figure_bottom section:hover {background:#ddd;}





/* ====== 서브 ====== */
/* 서브공통 */

/* 서브01 */
.tab0101 article {float:left;}
.tab0101 figure {float:right;}

/* 서브02 */
.sub0201_wrap01 section {width:338px; float:left;}
.sub0201_wrap01 section:nth-child(3n+2) {margin:30px 30px 0 30px;}
.sub0201_wrap02 section:nth-child(odd) figure {float:right;}
.sub0201_wrap02 section:nth-child(even) article {float:right; width:48%; text-align:right;}
.sub0201_wrap02 section:nth-child(odd) article {text-align:left;}
.sub0201_wrap02 section:nth-child(even) article h3 {background:url(/img/bar01.jpg) no-repeat right bottom;}
.sub0201_wrap02 figure {width:50%; float:left;}
.sub0201_wrap02 article {float:left; width:50%;}
.sub0201_wrap02 article h3 {background:url(/img/bar01.jpg) no-repeat left bottom; padding:0 0 80px 0;}
.sub0201_wrap03 section {padding:30px; width:calc(49% - 62px);}

/* 서브04 */
.sub0401_wrap li {width:calc(49% - 42px); float:left;}
.sub0401_wrap li + li {float:right;}
.tabul0400 li {float:left; width:32%; margin:0;}
.tabul0400 li:nth-child(2) {margin:0 2%;}
.sub0401_wrap > .sub0201_wrap03 > section p {min-height:150px;}


#tbl00dkssud .change_header00 th:first-child {}
.change_header00 {position:fixed; top:0; width:1200px; background:#d3e9ff; z-index:999; margin:0 auto;}
.col01 {width:188px;}
.col02 {width:157px;}
.col03 {width:167px;}
.col04 {width:100px;}
.col05 {width:147px;}
.col06 {width:147px;}
.col07 {width:147px;}
.col08 {width:147px;}


#tbl00dkssud .change_header00 th:first-child {width:188px;}
#tbl00dkssud .change_header00 th:nth-child(2) {width:157px;}
#tbl00dkssud .change_header00 th:nth-child(3) {width:167px;}
#tbl00dkssud .change_header00 th:nth-child(4) {width:100px;}
#tbl00dkssud .change_header00 th:nth-child(5) {width:147px;}
#tbl00dkssud .change_header00 th:nth-child(6) {width:147px;}
#tbl00dkssud .change_header00 th:nth-child(7) {width:147px;}
#tbl00dkssud .change_header00 th:nth-child(8) {width:147px;}



}












@media screen and (min-width:769px) and (max-width:1799px)
{
img {max-width:100%;}
.tablewrap {overflow-x:auto; white-space:nowrap;}



/* ====== 공통 ====== */
.container > ul {display:none;}
.px1200 {width:90%;}
.px1200_2 {width:100%;}



/* ====== 메인 ====== */
/* 비주얼 */
#mobile_mainvisual {display:none;}
#mainvisual_new .slidesjs-pagination {bottom:30px;}
#mainvisual_new .slidesjs-navigation {display:none;}
.article_mtxt {padding:0 0 0 30px; background:url(/img/bar01.png) no-repeat left center;}
.maintxt {left:20px; top:30%;}
.maintxt h3 {font-size:35px;}
.maintxt p {font-size:18px; line-height:30px; margin:25px 0;}
.maintxt a {width:195px;}

#main01_figure figure {margin:0 auto; overflow:hidden;}

/* 메인02 */












/* ====== 서브 ====== */
/* 서브공통 */
.sitemap > .px1200 {width:100% !important;}
.subvis00 > hgroup {margin:224px auto 0 auto;}
.sub00 {width:90%;}

/* 서브01 */
.tab0101 article {text-align:center;}
.tab0101 article h4 {text-align:Center;}
.tab0101 figure {width:60%; margin:0 auto; text-align:center;}

/* 서브02 */
.sub0201_wrap01 section {width:calc(49% - 42px); float:left;}
.sub0201_wrap01 section:nth-child(even) {float:right;}
.sub0201_wrap02 section article {margin:20px auto 0 auto;}
.sub0201_wrap02 section article h3 {background:url(/img/bar03.jpg) no-repeat center bottom; font-size:30px;}
.sub0201_wrap02 section article h3 br {Display:none;}

}












@media screen and (min-width:0px) and (max-width:768px)
{
img {max-width:100%;}
footer p {font-size:12px; line-height:25px; margin:0 auto;}
footer h3 {margin:20px auto 0 auto;}
.tablewrap {overflow-x:auto; white-space:nowrap;}


/* ====== 메인 ====== */
/* 메인공통 */
.hgroup_title h1 {font-size:25px; line-height:34px; height:30px; font-weight:600;}
.hgroup_title h3 {font-size:14px; margin:15px auto 0 auto; line-height:27px;}



/* 비주얼 */
#mainvisual_new {display:none;}
.container > ul {display:none;}
.flex-control-paging {display:none;}
.flex-direction-nav {position:absolute; top:40%; width:100%; height:58px;}
.flex-direction-nav li {position:Absolute;}
.flex-direction-nav a {display:block; font-size:0; width:28px; height:58px;}
.flex-nav-prev {background:url(/images/main01arrow01.png) no-repeat; left:10px;}
.flex-nav-next {background:url(/images/main01arrow02.png) no-repeat; right:10px;}
#snsicons {display:none;}
.hgroup_main h1 {font-size:35px; padding:0 0 50px 0;}

/* 메인02 */
#main02 {padding:60px 0;}
#main02 p {font-size:13px;}

/* 메인03 */
#main03 {padding:60px 0;}
.table_main03 th, .table_main03 td {font-size:12px; padding:10px;}






/* ====== 서브 ====== */
/* 서브공통 */
.subvis00 {height:auto; padding:100px 0;}
.subvis00 > hgroup {margin:0 auto;}
.subvis00 > hgroup h1 {font-size:65px;}
.subvis00 > hgroup h3 {font-size:11px;}
.sitemap {display:none;}
.hgroup_SUB h1 {font-size:35px; line-height:35px;}
.sub00 {width:90%;}
.h3text {font-size:12px; line-height:18px;}


/* 서브01 */
.tab0101 article {text-align:center;}
.tab0101 article h3 {font-size:20px;}
.tab0101 article p {font-size:13px; line-height:25px;}
.tab0101 article p > br {display:none;}
.tab0101 article h4 {text-align:Center;}
.tab0101 figure {width:60%; margin:0 auto; text-align:center;}


/* 서브02 */
.ulliwidth02 li {font-size:13px; margin:0 5px; display:block; padding:5px; margin:0 0 10px 0;}
.ulliwidth02 li a {padding:10px;}
.tab0200 > h3 {font-size:18px; padding:10px;}
.sub0201_wrap01 section {padding:15px;}
.sub0201_wrap02 section article {margin:20px auto 0 auto;}
.sub0201_wrap02 section article h3 {background:url(/img/bar03.jpg) no-repeat center bottom; font-size:25px;}
.sub0201_wrap02 section article p br {Display:none;}
.sub0201_wrap03 section:nth-child(even), .sub0201_wrap03 section {width:calc(100% - 42px); float:none;}


/* 서브04 */
.tab0400 > h3 {font-size:15px; padding:10px;}
.sub0401_wrap li {padding:10px;}
.sub0401_wrap > figure {padding:10px;}
.sub0401_wrap > .sub0201_wrap03 > section p {font-size:13px; line-height:26px;}


/* 서브07 */
.sub07_Form {padding:20px;}
.sub07_Form li {width:100% !important; float:none !important; height:auto; line-height:inherit;}
.sub07_Form li strong, .sub07_Form li > input, .sub07_Form li select {float:none !important; line-height:60px;}

.sub07_Form li strong {font-size:13px; width:70px;}
.sub07_Form li input {width:calc(100% - 2px); margin:15px 0 0 0;}
.sub07_Form li textarea {width:calc(100% - 34px); margin:15px 0 0 0;}

.frmsch table {width:100%; font-size:12px;}
.frmsch button[type=submit] {width:100%; height:45px !important; margin: 10px 0 0 0; font-size:13px;}

.xscroll {overflow-x:scroll !important; white-space:nowrap;}

.subconfigwrite {width:100% !important;}
.subconfigwrite li strong {width:30% !important;}
.subconfigwrite li span {width:calc(70% - 10px) !important;}

.pconly {display:none !important;}

.tblapprove tr th:nth-child(1), .tblapprove tr th:nth-child(3), .tblapprove tr th:nth-child(6), .tblapprove tr th:nth-child(7), 
.tblapprove tr td:nth-child(1), .tblapprove tr td:nth-child(3), .tblapprove tr td:nth-child(6), .tblapprove tr td:nth-child(7){display:none;}
}


.ytp-chrome-top, .ytp-show-cards-title {display:none !important;}