@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); 
@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:ns; src:url(/font/notokr-regular.eot); src:local('※'), url(/font/notokr-regular.woff) format('woff');}
@font-face {font-family:ns; font-weight:100; src:url(/font/notokr-demilight.eot); src:local('※'), url(/font/notokr-demilight.woff) format('woff');}
@font-face {font-family:ns; font-weight:500; src:url(/font/notokr-medium.eot); src:local('※'), url(/font/notokr-medium.woff) format('woff');}
@font-face {font-family:bb; font-weight:500; src:url(/font/BebasNeue.eot); src:local('※'), url(/font/BebasNeue.woff) format('woff');}@font-face {font-family:ns; src:url(/font/notokr-regular.eot); src:local('※'), url(/font/notokr-regular.woff) format('woff');}
@font-face {font-family:'Cafe24Simplehae'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Simplehae.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'Diphylleia-Regular'; src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_JAMO@1.0/Diphylleia-Regular.woff2') format('woff2'); font-weight:normal; font-style:normal;}
@font-face {font-family:'Pretendard-Thin'; src:url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff'); font-weight:100; font-style:normal;}
@font-face {font-family:'Pretendard-ExtraLight'; src:url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff'); font-weight:200; font-style:normal;}
@font-face {font-family:'Pretendard-Light'; src:url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff'); font-weight:300; font-style:normal;}
@font-face {font-family:'Pretendard-Regular'; src:url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); font-weight:400; font-style:normal;}
@font-face {font-family:'Pretendard-Medium'; src:url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff'); font-weight:500; font-style:normal;}
@font-face {font-family:'Pretendard-SemiBold'; src:url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff'); font-weight:600; font-style:normal;}
@font-face {font-family:'Pretendard-Bold'; src:url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff'); font-weight:700; font-style:normal;}
@font-face {font-family:'Pretendard-ExtraBold'; src:url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff'); font-weight:800; font-style:normal;}
@font-face {font-family:'Pretendard-Black'; src:url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff'); font-weight:900; font-style:normal;}
@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:'WavvePADO-Regular'; src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/2404@1.0/WavvePADO-Regular.woff2') format('woff2'); font-weight:normal; font-style:normal;}
@font-face {font-family:'GMarketSans'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: 300; font-display: swap;}
@font-face {font-family:'GMarketSans'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: 500; font-display: swap;}
@font-face {font-family:'GMarketSans'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: 700; font-display: swap;}




*,body {margin:0; padding:0; font-family:'Pretendard-Regular';}
body {font-family:'Pretendard-Regular';}
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 {font-family:'Pretendard-Regular';}
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; font-family:'Pretendard-Regular';}
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:#666;}
select {cursor:pointer; border:1px solid #ddd; font-size:12px; color:#666;}
input[type="checkbox"] {-webkit-appearance:button; width:14px !important; height:14px; display:block; border:1px solid #ddd;}
input[type="checkbox"]:checked {background-image:url(/img/checkbox_on.jpg); background-position:center;}
.clr {clear:both;}
.overfl {overflow:hidden;}
.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;}
.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);}
.px1400 {width:1400px; margin:0 auto;}
.div_popup {font-size:13px;}
#divpop3aa {position:absolute; text-align:center; left:0%; top:200px; z-index:9161; width:100%; visibility:none;}
#divpop3aa input, #divpop_youtube1 input {display:inline-block; top:2px;}
#divpop3aa img {display:block; margin:0 auto;}
#divpop_youtube1 {position:absolute; text-align:center; left:0%; top:250px; z-index:9161; width:100%; visibility:none;}
#divpop_youtube1 table {width:1000px;}

















/* ========= 헤더 ========= */
aside {width:100%; height:45px; line-height:45px; border-bottom:1px dashed #ddd; overflow:Hidden; font-size:11px; text-transform:uppercase;}
aside a {display:block; font-family:'GmarketSansMedium'; font-weight:400; color:#333; opacity:0.6;}
aside h3 {float:left;}
aside ul {float:right; overflow:hidden;}
aside ul li {float:left; margin:0 0 0 10px;}
header {border-bottom:1px dashed #ddd; height:130px;}
header::after, header .px1400 {content:"";}

/*
header h1 {Float:left; height:63px; line-height:63px; padding:20px 0;}
header nav {float:right;}
*/

header .px1400 {display:flex; justify-content:space-between; align-items:center; height:100%;}
#addi001 {width:110px; text-align:center; font-size:12px;}
#addi001 img {width:80px;}
#addi001 strong {padding:5px; font-size:12px; background:red; color:#fff; margin:2px 0 0 0; display:block;}

.nav_cate01 {}
.nav_cate01 > li {font-size:18px;float:left; text-align:center; height:102px; line-height:102px;}
.nav_cate01 > li:first-child {background:url(/img/bar01.png) no-repeat left 43px;}
.nav_cate01 > li > a {color:#333; padding:0 30px; display:block; background:url(/img/bar01.png) no-repeat right 43px;}
.nav_cate01 > li a:hover, .hov1 {font-weight:700 !important;}
.subgnb01 {background:#fff; display:none; position:absolute; top:74px; width:100%; z-index:9999;}
.subgnb01 li {height:50px; line-height:50px;}
.subgnb01 li a {color:#777; font-size:15px; border-bottom:1px solid #ddd; display:block; width:100%;}











/* ========= 푸터 ========= */
footer {width:100%; margin:100px auto 0 auto; overflow:hidden; padding:50px 0; background:#fbfbfb;}
footer figure {}
footer figure img {filter:grayscale(100%) brightness(150%);}
footer article {padding:30px 0 0 0; margin:30px 0 0 0; font-size:15px; line-height:27px; color:#444; border-top:1px solid #ddd;}









/* ========= 메인 ========= */
#main01 {height:900px !important; overflow:hidden; width:100%;}
#mainvisual_new {margin:1px auto 0 auto; overflow:hidden; width:100%; height:900px !important; display:block;}
#mainvisual_new .slidesjs-container {width:100% !important; height:900px !important;}
#mainvisual_new .slidesjs-control {width:100% !important; height:900px !important;}
#mainvisual_new .slidesjs-control li {height:900px !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 {margin:0 auto;}
#mainvisual_new .slidesjs-pagination {bottom:70px; width:1400px; margin:0 auto; left:0; text-align:center; z-index:102}
#mainvisual_new .slidesjs-pagination li {display:inline-block;}
#mainvisual_new .slidesjs-pagination li a {color:#fff; z-index:100; font-size:0; width:40px; height:5px; background:rgba(255,255,255,0.5); display:Block;}
#mainvisual_new .slidesjs-pagination li a.active {background:#fff;}
#mainvisual_new .slidesjs-previous, .slidesjs-next {display:block; position:absolute; top:500px; z-index:121310; font-size:0;}
#mainvisual_new .slidesjs-previous {background:url(/img/mainarrow_left.png) no-repeat center; left:30px;}
#mainvisual_new .slidesjs-next {background:url(/img/mainarrow_right.png) no-repeat center; right:30px;}
#mainvisual_new .slidesjs-previous, .slidesjs-next {width:88px; height:30px;}
.maintxt {width:100%; position:absolute; left:0; top:0; z-index:300; overflow:hidden; color:#FFF; text-align:left; height:100vh;}
.article_mtxt {width:1400px; margin:0 auto 0 auto; display:flex; overflow:hidden; text-align:center; flex-wrap:wrap; align-content:center; heighT:calc(100% - 60px);}
.article_mtxt h1, .article_mtxt h2, .article_mtxt p {width:100%;}

.article_mtxt h1 {font-size:130px; color:#ffeb7a; font-weight:900; font-family:'GMarketSans';}
.article_mtxt h2 {font-size:45px; font-weight:400; font-family:'WavvePADO-Regular'; margin:30px auto;}
.article_mtxt p {font-size:20px; letter-spacing:-0.05em; color:#eee; margin:0 auto; line-height:26px;}


#main02 {margin:100px auto; overflow:hidden; width:100%;}
.hgroupcommon {text-align:center; color:#333; overflow:hidden; width:90%; margin:0 auto;}
.hgroupcommon h1 {font-size:45px; font-family:'WavvePADO-Regular'; font-weight:400; line-height:41px;}
.hgroupcommon h6 {margin:30px auto 0 auto; font-weight:400; font-size:18px;}
.hgroupcommon h3 {margin:0 auto 25px auto; font-weight:400; font-size:14px; display:inline-block; color:#fff; background:#333; padding:5px 20px; text-transform:uppercase;}
.main02section00 {overflow:hidden;}
.main02section00 figure img {width:auto; display:block;}
.main02section00 figcaption {width:450px;}
.main02section00 figcaption h3 {display:inline-block; padding:5px 20px; text-align:center; color:#fff; font-size:11px; text-transform:uppercase; background:#1d2f4f; font-family:'GmarketSansMedium';}
.main02section00 figcaption h1 {font-size:40px; color:#1d2f4f; font-family:'WavvePADO-Regular'; font-weight:400; margin:25px auto;}
.main02section00 figcaption h5 {font-size:20px; color:#333; font-weight:400;}
.main02section00 figcaption h5 strong {color:#1c3d7a;}
.main02section00 figcaption article {font-size:17px; color:#555; line-height:29px; padding:100px 0 0 0; background:url(/img/bar02.jpg) no-repeat left top; margin:25px 0 0 0;}
.main02section00 a {display:block; position:absolute; top:30px; opacity:0.7;}
.main02section01 figure {float:left;}
.main02section01 figcaption {float:right; padding:124px 50px; background:url(/img/main02bg01.png) no-repeat right 400px #fafafa;}
.main02section01 a {right:30px;}
.main02section02 {margin:25px auto 0 auto;}
.main02section02 figure {float:right;}
.main02section02 figcaption {float:left; padding:95px 50px; background:url(/img/main02bg02.png) no-repeat 370px 440px #fafafa;}
.main02section02 a {left:470px;}
.main02section03 figure {float:left;}
.main02section03 figcaption {float:right; padding:91px 50px; background:url(/img/main02bg03.png) no-repeat right 400px #fafafa;}


#main03 {background:#f3fbff; padding:100px 0; margin:100px auto 0 auto; overflow:hidden; width:100%;}
.div_boxforfour {overflow:hidden; margin:50px auto 0 auto; padding:0 0 10px 0;}
.div_boxforfour section {background:#fff; text-align:Center; box-shadow:10px 10px rgba(0,0,0,0.1); float:left; padding:50px 0; width:323px; float:left; margin:0 0 0 30px; border:1px solid #eee;}
.div_boxforfour section:first-child {margin:0;}
.div_boxforfour section h3 {font-family:'GmarketSansBold'; font-weight:400; text-transform:uppercase; font-size:15px; margin:20px auto 15px auto;}
.div_boxforfour section h1 {font-family:'WavvePADO-Regular'; font-weight:400; color:#132344;}
.div_boxforfour section article {font-size:16px; line-height:25px; color:#555; margin:15px auto 0 auto;}
.divboxff01 h3 {color:#224998;}
#main04 {background:#fffdf0; padding:100px 0; margin:0 auto; overflow:hidden; width:100%;}
.divboxff02 h3 {color:#f0b840;}


#main05 {width:100%; margin:100px auto 0 auto; overflow:hidden;}
#main05 > div {margin:50px auto 0 auto;}
#main05 > div section {width:33.33333333333%; float:left; text-align:Center; padding:10% 0;}
#main05 > div section figure {position:absolute; top:0; left:0; width:100%;}
#main05 > div section figure img {width:100%; filter:brightness(0.9);}
#main05 > div section h3 {font-family:'GmarketSansBold'; font-size:14px; color:#fff; text-transform:uppercase;}
#main05 > div section h1 {font-family:'WavvePADO-Regular'; font-weight:400; color:#fff; font-size:45px; margin:27px auto; line-height:41px;}
#main05 > div section p {color:#ddd; background:url(/img/bar03.png) no-repeat center top; padding:35px 0 0 0; margin:35px auto 0 auto; line-height:26px;}


#main06 {width:100%; margin:100px auto 0 auto; overflow:hidden;}
.tablecommon {width:100%; margin:50px auto 0 auto;}
.tablecommon th, .tablecommon td {padding:15px; text-align:center; font-size:15px;}
.tablecommon th {background:#667085; color:#fff;}
.tablecommon td {color:#333; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.tablecommon td:first-child {border-left:none;}









/* ========= 서브 ========= */
.subvisual00 {width:90%; padding:150px 5%; text-align:center;}
.subvisual00 h1 {font-family:'WavvePADO-Regular'; color:#fff; font-weight:400; font-size:55px;}
.subvisual00 h3 {font-weight:400; font-size:20px; margin:25px auto 0 auto; color:#fff; letter-spacing:-0.07em;}
.subvisual01 {background:url(/img/subvisual01.jpg) no-repeat center -30%; backdrop-filter:brightness(60%); background-attachment:fixed;}
.subvisual02 {background:url(/img/subvisual02.jpg) no-repeat center -30%; backdrop-filter:brightness(60%); background-attachment:fixed;}
.subvisual03 {background:url(/img/subvisual03.jpg) no-repeat center -30%; backdrop-filter:brightness(60%); background-attachment:fixed;}
.subvisual04 {background:url(/img/subvisual04.jpg) no-repeat center -30%; backdrop-filter:brightness(60%); background-attachment:fixed;}
.subvisual05 {background:url(/img/subvisual05.jpg) no-repeat center -30%; backdrop-filter:brightness(60%); background-attachment:fixed;}
.subpage {width:100%; overflow:hidden; margin:100px auto 0 auto;}
.subpage .div_boxforfour section h3 {font-size:12px;}
.sub01 #main05 > div section figure img {filter:brightness(0.75);}
.sub02 #main05 > div section figure img {filter:brightness(0.75);}
.wnsqlwnd {text-align:Center; padding:60px 0; width:100%; background:#f9f9f9; margin:20px auto;}
.sub04 .div_boxforfour section article {font-size:15px; line-height:28px;}