@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.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-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-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-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-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-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-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;}


*,body {margin:0; padding:0;}
body, html {height:100%; margin:0;}
body {font-family:'S-CoreDream-4Regular', ns,dotum,gullim,Tahoma,Arial,Helvetica,sans-serif;}
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;}
br {font-family:dotum !important;}
img {border:none;}
a {text-decoration:none;}
li {list-style:none;}
button {outline:none;}
label {cursor:pointer; color:#666;}
select {cursor:pointer; border:1px solid #e1e1e1; font-size:12px; color:#666;}
.clr {clear:both;}
.overfl {overflow:hidden;}
.overflV {overflow:visible !important;}
.mrt0 {margin-top:0 !Important;}
.pdt0 {padding-top:0 !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;}
.displaynone {display:none !important;}



.h1title {height:41px; overflow:Hidden;}
.h1title span {display:block; float:left; width:2px; height:41px; background:#000;}
.h1title strong {display:block; float:left; margin:0 0 0 10px; line-height:41px; font-size:17px; color:#000; font-weight:600;}
.h1title a {Display:Block; float:right; font-size:10px; text-transform:uppercase; color:#aaa; font-weight:600; margin:12px 0 0 0;}




/* ========== 인덱스 ========== */
#jy_pop123123 {position:Absolute; width:100%; right:0; height:500px; bottom:0;}
#body_main {background:#fff200; display:table; width:100%; text-align:Center;}
.divindex_table {display:table-cell; vertical-align:middle;}
.divindex_table article {margin:70px auto; overflow:hidden; text-align:center;}
.divindex_table article figure, .divindex_table article ul {display:inline-block;}
.divindex_table ul {margin:0 0 0 100px; overflow:hidden; text-align:Center;}
.divindex_table ul li {width:55px; height:55px; line-height:55px; transition:opacity 0.5s; text-align:Center; margin:30px 0; font-size:13px; font-family:'S-CoreDream-5Medium';}
.divindex_table ul li a {display:Block; width:100%; height:100%; color:#222;}
.divindex_table ul li:first-child {Background:#feb913;}
.divindex_table ul li:nth-child(2) {background:#f386a7;}
.divindex_table ul li:nth-child(3) {background:#bed747;}
.divindex_table ul li:nth-child(4) {background:#72bf44;}
.divindex_table ul li:hover {opacity:0.6;}







/* ========== 헤더 ========== */
/* 상단 */
header {width:95%; width:calc(100% - 60px); padding:0 30px; background:#fff450; height:147px; position:fixed; top:0; border-bottom:1px solid #ddd; z-index:99999999; width:-webkit-calc(100% - 60px); }
header::after, nav::after {content:"";}
header h1 {float:left; width:240px; padding:39px 0;}
header h1 img {width:100%;}
header h3 {float:right; margin:48px 0; width:100px;}
header h3 img {width:100%;}
header nav {float:left; width:calc(100% - 350px); margin:0 auto; text-align:Center;}
.gnb {height:147px; line-height:147px;}
.gnb > li {width:100px; display:inline-block; text-align:center; margin:0; padding:53px 0; font-size:13px;}
.gnb > li > a {display:Block; color:#fff; height:40px; line-height:40px; width:100%; border-radius:30px;}
.gnb > li:first-child > a {background:#fa4540;}
.gnb > li:nth-child(2) > a {background:#ff5f34;}
.gnb > li:nth-child(3) > a {background:#3dae33;}
.gnb > li:nth-child(4) > a {background:#008ecd;}
.gnb > li:nth-child(5) > a {background:#592f9e;}
.gnb > li:nth-child(6) > a {background:#000;}
.gnb > li:nth-child(6) {width:130px;}
.subgnb {display:none; position:absolute; width:100%; top:146px; z-index:9999999999; border-top:1px solid #ddd;}
.subgnb li {height:50px; line-height:50px; width:100%; text-align:Center; background:rgba(255,255,255,0.7); font-size:15px; border-bottom:1px solid #eee;}
.subgnb li a {color:#333; display:block; font-size:12px; width:100%; height:100%;}
.subgnb li:hover {background:#fff450; font-weight:bold;}


/* 레프트 */
#conentswrap {width:100%; height:calc(100% - 147px); margin:147px auto 0 auto;}
#conentswrap::after {content:"";}
.leftnav {width:240px; float:left; overflow:hidden; border-right:1px solid #ddd; height:100%; position:fixed;}
.left01 {height:358px; padding:30px 30px 0 30px; background:#f4efcb;}
.left01 > h1 {text-align:Center; padding:10px 0; color:#fff;}
.left01 > ul {}
.left01 > ul li {height:40px; line-height:40px; border-bottom:1px dashed #aaa; text-align:center; font-size:13px;}
.left01 > ul li a {color:#333; display:block; width:100%; height:100%;}
.left01 > ul li:hover, .activeLI01 {background:rgba(255,255,255,0.7); font-weight:600;}
.h10101 {background:#d84c49; border-top:1px dashed #ffd1d1; border-bottom:1px dashed #ffd1d1;}
.h10201 {background:#ff7b3c; border-top:1px dashed #ffead1; border-bottom:1px dashed #ffead1;}
.h10301 {background:#3dae33; border-top:1px dashed #d1ffd2; border-bottom:1px dashed #d1ffd2;}
.h10401 {background:#008ecd; border-top:1px dashed #e4faff; border-bottom:1px dashed #e4faff;}

.left02 {text-align:center; overflow:Hidden;}
.left02 > div {padding:0 20px;}
.left02 > div h1 {font-size:16px; coloR:#ff9000; margin:10px auto 0 auto;}
.left02 > div p {font-size:12px; color:#666; line-height:20px;}
.left02 > a {Display:Block; width:80%; border-radius:30px; height:45px; line-height:45px; text-align:Center; margin:25px auto 0 auto; color:#fff; background:#ff6521;}







/* ========== 오른쪽 ========== */
/* 푸터 */
footer {width:calc(100% - 60px); background:#e7e8e9; padding:30px; font-size:13px; color:#333; text-align:Center;}
footer h3 {font-size:11px; margin:10px auto 0 auto; text-transform:uppercase;}
footer h3 a {color:#333;}

/* 우측 */
.rightcontents {float:right; width:calc(100% - 241px);  width:-webkit-calc(100% - 241px);}
.rightcontents > div {padding:80px 50px 50px 50px;}
.rightcontents > div > hgroup {padding:0 0 15px 0; width:100%; border-bottom:1px solid #ddd;}
.rightcontents > div > hgroup h3 {font-size:13px; color:#aaa; font-family:'S-CoreDream-2ExtraLight';}
.rightcontents > div > hgroup h1 {font-family:'S-CoreDream-2ExtraLight'; font-size:32px; overflow:hidden; margin:10px 0 0 0; z-index:111;}
.rightcontents > div > hgroup h1 strong {float:left; display:block;}
.rightcontents > div > hgroup h1 ul {float:right; overflow:hidden;}
.rightcontents > div > hgroup h1 ul li {width:120px; height:40px; line-height:40px; text-align:Center; float:left; font-size:13px; margin:0 0 0 10px;}
.rightcontents > div > hgroup h1 ul li a:hover, .rightcontents > div > hgroup h1 ul li.active a {background:rgba(255,255,255,0.2);}
.rightcontents > div > hgroup h1 ul li a {display:block; width:100%; height:100%;}

.sub00 {margin:60px auto; overflow:hidden; text-align:Center;}
.sub00 > figure > img {max-width:100%;}



/* 01 */
.sub0101 {overflow:hidden; text-align:Center;}
.sub0101 figure, .sub0101 article {vertical-align:middle; display:inline-block;}
.sub0101 figure {width:630px; margin:0 50px 0 0;}
.sub0101 article {width:460px; text-align:left;}
.sub0101 p {margin:40px 0 0 0; font-size:15px; color:#666;}
.sub0101 h3 {text-align:right; margin:20px 0 0 0;}

.sub0103 > h1 {font-size:20px; line-height:26px; width:100%; text-align:left; margin:120px auto 10px auto; overflow:hidden;}
.sub0103 > h1:first-child {margin:0 auto;}
.sub0103 > h1 img {vertical-align:middle; padding:0 10px 0 0;}
.sub0103 > article {width:100%; margin:30px auto 0 auto; overflow:hidden; text-align:center;}
.sub0103 > article figure {width:100%; text-align:center;}
.sub0103 > article h3 {font-size:22px; color:#000; margin:25px auto;}
.sub0103 > article p {font-size:15px; line-height:28px; color:#333; }

.sub0103 > section {text-align:left; width:100%; margin:30px auto; overflow:Hidden;}
.sub0103 > section figure, .sub0103 > section article {display:inline-block; vertical-align:middle; margin:0 20px;}
.sub0103 > section p {text-align:left;}
.sub0103 > figure {text-align:left; margin:100px 0 0 0;}



/* 02 */
.sub02figurebgAB01 {position:absolute; right:-120px; top:410px; z-index:110;}
.sub02figurebgAB02 {position:absolute; left:-120px; top:410px; z-index:110;}
.sub02figurebgAB03 {position:absolute; right:-10px; top:90px; z-index:110;}
.sub02figurebgAB04 {position:absolute; right:-90px; top:90px; z-index:110;}
.sub02figurebgAB05 {position:absolute; left:-110px; top:620px; z-index:110;}
.sub02figurebgAB06 {position:absolute; left:-10px; bottom:500px; z-index:5110;}



.ul_whitemode li {border:1px solid #fff;}
.ul_whitemode li a {color:#fff;}
.ul_bkmode li {border:1px solid #aaa;}
.ul_bkmode li a {color:#333; background:#fff;}
.ul_bkmode li a:hover, .ul_bkmode li.active a {background:rgba(0,0,0,0.1) !important;}

.bg_gryw {background:linear-gradient( to bottom, #fff799, #fff450);}
.bgbottomboreder01 > hgroup {border-bottom:1px solid #333 !important;}
.bgbottomboreder01 > hgroup h3 {color:#333 !important;}

.bg_blue {background:#2c8ecf;}
.bgbottomboreder02 > hgroup {border-bottom:1px solid #fff !important;}
.bgbottomboreder02 > hgroup h1, .bgbottomboreder02 > hgroup h3 {color:#fff !important;}

.bg_blue02 {background:#3ea3cb;}
.bg_green {background:#bed747;}

.bg_yellow {Background:#ffdd00;}
.bg_pink {Background:#ee99b8;}
.bg_sky {Background:#afd7e6;}
.bg_lightgreen {Background:#bed747;}
.pinkhgle {background:url(/img/gksrmfBG.png) top center #f386a1;}
.greenhgle {background:url(/img/gksrmfBG.png) top center #bed747;}
.bluehgle {background:url(/img/gksrmfBG.png) top center #ade0ee;}

.pinknumber {background:url(/img/tntwkBG.png) top center #f386a1;}
.greennumber {background:url(/img/tntwkBG.png) top center #bed747;}
.bluenumber {background:url(/img/tntwkBG.png) top center #ade0ee;}


.mar80 {padding:80px 0px 50px 80px !important;}
.mar80 > hgroup {width:calc(100% - 80px) !important; margin:0 80px 0 0 !important;}


/* 03 */
.bg_blue03 {Background:#ccdde7;}
.sub0301 {}
.sub0301 figure {overflow:Hidden;}
.sub0301 img {display:block; float:right;}
.sub0302bg {Background:url(/img/0302bg.jpg) repeat-x left center;}


.sub0302 section {width:calc(100% - 164px); border-radius:50px; background:#fff56d; overflow:visible; padding:56px 80px; border:2px solid #fff;}
.sub0302 section figure {text-align:left;}
.sub0302 section article {margin:30px auto 0 226px; text-align:left;}
.sub0302 section article h1 {font-size:45px; letter-spacing:-0.07em; line-height:45px;}
.sub0302 section article h2 {font-size:17px; margin:25px 0; color:#555; line-height:25px; font-weight:400;}
.sub0302 section article p {margin:20px 0 0 0; font-size:15px; line-height:30px;}
.sub0302 section article h3 {margin:50px auto 0 auto; font-size:20px;}
.sub0302 section article ul {margin:30px 0 0 0;}
.sub0302 section article ul li {margin:10px auto 0 auto;}
.sub0302 section article ul li img {vertical-align:middle; padding:0 15px 0 0;}



/* 04 */
.sub04 {text-align:left;}