@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;}



*,body {margin:0; padding:0; font-family:'Pretendard-Regular';}
body {font-family:'Pretendard-Regular'; max-width:640px; margin:0 auto;}
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; max-width:100%;}
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(/m/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);}
.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;}

.px1400 {width:90%; margin:0 auto;}





#addHomeBtn {border:none; padding:0; background:none; position:fixed; bottom:10px; right:10px;}
#addHomeBtn img {width:80px;}






/* ================== 헤더 ================== */
#main00 {max-width:640px; background:url(/m/img/mainbg.jpg) no-repeat center top #1d0504; background-size:100%;}
header {width:100%; top:0; left:0; height:80px; z-index:999;}
header::after {content:"";}
.addition {width:100%; padding:15px 0;}
.addition > h1 {position:absolute; left:20px; z-index:90; TOP:9px; width:80%;}
.fixed1 {width:38px; position:absolute; z-index:999; height:30px; top:28px; 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:180px;}
#sidebar > h3 img {width:100%;}
#sidebar > .nav_btn01 {overflow:hidden; text-align:left; width:100%; margin:20px auto;}
#sidebar > .nav_btn01 > li {display:inline-block; width:calc(31% - 2px); height:40px; line-height:40px; margin:0 10px 0 0; text-align:center; font-size:14px; 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(/m/img/mobilenav_bar01.png) no-repeat 95% 23px; background-size:15px;}
.nav_cate01 > li.active {background:#fff url(/m/img/mobilenav_bar02.png) no-repeat 95% 23px; background-size:15px;}
.nav_cate01 > li.active > a {color:#1452c5; font-weight:600;}
.nav_cate01 > li > a {color:#000; 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:14px; font-weight:normal;}
.subgnb01 > li:last-child {border-bottom:1px solid #eee;}
.subgnb01 > li > a {color:#555;}
.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:#7e0808;}
.section_ma02cscenter div h1 a, .section_ma02cscenter div h1 a img {color:#7e0808; 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:#7e0808; 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;}
footer {width:90%; background:#3f0b0b; padding:40px 5%; text-align:Center; color:#ccc; font-size:13px; line-height:27px; margin:0 auto;}












/* ================== 메인 ================== */
.main01 {width:77%; margin:0 auto; padding:0;}
.main01 img {display:block; width:100%;}
.main02 {width:90%; margin:15px auto 0 auto;}
.main02 > figure {text-align:center; margin:40px auto;}
.main03 {overflow:hidden; margin:0 auto; padding:40px 0 30px 0; width:90%;}
.main03 ul {overflow:hidden;}
.main03 li {width:47%; float:left; margin:15px auto;}
.main03 li:nth-child(even) {float:right;}
.main03 li img {Width:100%; display:block;}









/* ========= 서브 ========= */
.subvisual00 {width:90%; padding:70px 5% 100px 5%; text-align:center;}
.subvisual00 h1 {font-family:'WavvePADO-Regular'; color:#fff; font-weight:400; font-size:35px; display:inline-block; background:rgba(0,0,0,0.8); padding:5px;}
.subvisual00 h3 {font-weight:400; font-size:15px; margin:20px auto 0 auto; color:#fff; letter-spacing:-0.07em; display:inline-block; background:rgba(0,0,0,0.7);}
.subvisual01 {background:url(/m/img/subvisual01.jpg) no-repeat center top; background-attachment:fixed;}
.subvisual02 {background:url(/m/img/subvisual02.jpg) no-repeat center top; background-attachment:fixed;}
.subvisual03 {background:url(/m/img/subvisual03.jpg) no-repeat center top; background-attachment:fixed;}
.subvisual04 {background:url(/m/img/subvisual04.jpg) no-repeat center top; background-attachment:fixed;}
.subvisual05 {background:url(/m/img/subvisual05.jpg) no-repeat center top; background-attachment:fixed;}
.subvisual06 {background:url(/m/img/subvisual06.jpg) no-repeat center top; background-attachment:fixed;}

.hgroupcommon {text-align:center; color:#333; overflow:hidden; width:90%; margin:0 auto;}
.hgroupcommon h1 {font-size:35px; font-family:'WavvePADO-Regular'; font-weight:400; line-height:41px; letter-spacing:-0.07em;}
.hgroupcommon h6 {margin:20px auto 0 auto; font-weight:400; font-size:16px; color:#555;}
.hgroupcommon h3 {margin:0 auto 25px auto; font-weight:400; font-size:12px; display:inline-block; color:#fff; background:#333; padding:5px 20px; text-transform:uppercase;}

.div_boxforfour {overflow:hidden; margin:30px 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); padding:30px 0; width:calc(100% - 22px); margin:25px auto 0 auto; border:1px solid #eee;}
.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:14px; line-height:23px; color:#555; margin:15px auto 0 auto;}
.divboxff01 h3 {color:#224998;}

.subpage {width:100%; overflow:hidden; margin:50px auto;}
.subpage .div_boxforfour section h3 {font-size:10px;}
.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;}

#main05 {width:100%; margin:70px auto 0 auto; overflow:hidden;}
#main05 > div {margin:50px auto 0 auto;}
#main05 > div section {width:90%; text-align:Center; margin:30px auto 0 auto; padding:0 0 20px 0; border-bottom:1px dashed #ddd;}
#main05 > div section h3 {font-family:'GmarketSansBold'; font-size:10px; color:#fff; text-transform:uppercase; display:inline-block; background:rgba(0,0,0,0.9); padding:5px 10px; margin:20px auto 0 auto; font-weight:400;}
#main05 > div section h1 {font-family:'WavvePADO-Regular'; font-weight:400; color:#333; font-size:25px; margin:15px auto; line-height:41px;}
#main05 > div section p {color:#666; margin:0 auto; line-height:24px;}

.tablewrap {overflow-x:auto; white-space:nowrap;}
.tablecommon {width:100%; margin:50px auto 0 auto;}
.tablecommon th, .tablecommon td {padding:10px 5px; text-align:center; font-size:12px;}
.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;}

.h1title {overflow:hidden; height:50px; line-height:50px; margin:50px auto 0 auto;}
.h1title span {display:block; float:left; width:2px; background:#333; height:50px;}
.h1title strong {display:block; float:left; font-size:20px; letter-spacing:-0.07em; color:#333; margin:0 0 0 10px; font-weight:400;}
.h3title {margin:10px 0 0 13px; font-size:15px; color:#666; font-weight:400; line-height:26px;}
.article_TXT01 {padding:15px; background:#f9f9f9; color:#555; font-size:14px; line-height:27px; margin:30px auto 0 auto;}
.article_TXT01 strong {font-weight:600; color:#000; font-size:16px;}

.subboard {margin:70px auto; overflow:Hidden;}
#daumRoughmapContainer1722393598091 {width:100% !important;}












@media screen and (min-width:0px) and (max-width:351px)
{
.addition > h1 {width:190px; top:12px;}
.fixed1 {top:25px;}
}