@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Noto+Sans+KR:wght@300;400;500;700&display=swap');

/*
font-family: 'Montserrat', sans-serif;
Regular 400
Medium 500
Semi-bold 600
Bold 700

font-family: 'Noto Sans KR', sans-serif;
Light 300
Regular 400
Medium 500
Bold 700

*/



* 							{ margin:0; padding:0; border:0; line-height:1.3; font-family: 'Montserrat','Noto Sans KR', sans-serif; }
html, body					{ width:100%; height:100%; }
html						{ overflow-y:scroll; }
body						{ background-color:#fff; *word-break:break-all; -ms-word-break:break-all; -webkit-text-size-adjust:none; }
img,fieldset,iframe			{ border:0 none; }
ul,ol,li					{ list-style:none; }
em,address					{ font-style:normal; }
img,input,select,textarea	{ vertical-align:middle; }

a							{ color:#818181; text-decoration:none; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
a:link						{ color:#818181; text-decoration:none; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
a:visited					{ color:#818181; text-decoration:none; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
a:hover						{ color:#333333; text-decoration:none; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }

button,label				{ cursor:pointer; cursor:pointer; }
.blind, 
legend, 
caption						{ display:block; overflow:hidden; position:absolute; left:0; top:-5000px; }
hr							{ display:none; }
legend						{ *width:0; }
caption						{ *line-height:0; }

.text						{ white-space:nowrap; }/*텍스트줄바꿈방지*/
.link						{ cursor:pointer; }
/*단어별 자르기*/
.wordKeep					{ word-break:keep-all !important; -ms-word-break:keep-all !important; -webkit-word-break:keep-all !important; -moz-word-break:keep-all !important; }

*{-webkit-text-size-adjust:none} /*모바일 가로시 폰트 커기는거 방지*/


.noEvent					{ pointer-events:none !important; }

.otherSite					{ position:fixed; right:65px; top:110px; z-index:9999; font-size:14px; color:#fff !important; line-height:25px; }
.otherSite span				{ position:relative; float:right; width:25px; height:25px; border-radius:5px; background:#fff; margin:0px 0px 0px 8px; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.otherSite:hover span		{ background:#ff0000; transform:rotate(-90deg); }

*{margin:0;padding:0; font-family:'Montserrat','Noto Sans KR', sans-serif; word-break:keep-all; }
body{ font-size:11px; line-height:110%; color:#666; text-align:center;}
input, select, textarea{ color:#666; font-family:'Montserrat','Noto Sans KR', sans-serif; }
img,fieldset,iframe{border:0 none;}
ul li{list-style:none; margin:0; padding:0;}
legend{ display:none;}
.text{white-space:nowrap;}/*텍스트줄바꿈방지*/

a:link {color:#818181; text-decoration:none; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out;}
a:visited {color:#818181; text-decoration:none; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out;}
a:hover {color:#333333; text-decoration: none; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out;}
button	{ -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }

input[type=text],
input[type=file],
input[type=password]{vertical-align:middle; position:relative; border:1px solid #999; height:44px; line-height:42px; width:100%; padding:0px 20px; font-size:16px; border:1px solid #ddd; background:#f7f7f7;-webkit-appearance: none; }
input[type=checkbox]	{ border:1px solid #ddd; background:#f7f7f7; -webkit-appearance:checkbox; }
textarea{width:100%; border:1px solid #ddd; background:#f7f7f7; min-height:250px; padding:20px; -webkit-appearance: none;}
select{border:1px solid #999; height:20px; line-height:20px;}


/*레이어 팝업*/
.layerPop												{ position:relative; width:90%; max-width:1100px; margin:5% auto; border:2px solid #000; border-radius:5px; display:inline-block; zoom:1; *display:inline; background:#fff; padding:20px; box-sizing:border-box; }
.layerPop .content										{ position:relative; width:100%; display:inline-block; zoom:1; *display:inline; padding:0px 0px 60px 0px; }
.layPopContWrap											{ position:relative; width:100%; display:inline-block; zoom:1; *display:inline; }
.layerPop .closeBtn										{ position:absolute; right:-20px; top:-20px; width:44px; height:44px; line-height:40px; font-size:1.5em; background:#eb0000; color:#fff; border-radius:99px; border:2px solid #000; }
.laypopLayout											{ position:relative; width:100%; padding:0px 60px; box-sizing:border-box; display:inline-block; zoom:1; *display:inline; }
.overflowHidden											{ position:fixed; width:100%; height:100%; overflow:hidden !important; box-sizing:border-box; }
.blackArea												{ position:fixed; width:100%; height:100% !important; background:rgba(0,0,0,0.7); z-index:9999 !important; left:0px; top:0px; opacity:0; overflow-y:scroll !important; -webkit-overflow-scrolling:touch; }


#hd_pop													{ z-index:9999999; }
#hd_pop .hd_pops										{ position:absolute; left:50% !important; top:50% !important; transform:translate(-50%,-50%); max-width:600px; max-height:80%; text-align:center; overflow-y:auto; z-index:999999; background:#000; }
#hd_pop .hd_pops .hd_pops_con							{ width:100% !important; }
#hd_pop .hd_pops .hd_pops_con img						{ width:100%; }
#hd_pop .hd_pops .hd_pops_con p							{ margin:0px !important; }
#hd_pop .hd_pops .hd_pops_footer						{ position:relative; width:100%; padding:5px; background:#000; }
#hd_pop .hd_pops .hd_pops_footer button					{ background:#000; color:#fff !important; }
#hd_pop .hd_pops .hd_pops_footer .hd_pops_reject		{ float:left; }
#hd_pop .hd_pops .hd_pops_footer .hd_pops_close			{ float:right; }

#loadingWrap											{ position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.9); z-index:99; opacity:0; }
#loadingWrap > div										{ position:absolute; left:50%; top:50%; margin:-100px 0px 0px -100px; }
@keyframes lds-double-ring {
	0%			{ -webkit-transform:rotate(0); transform:rotate(0); }
	100%		{ -webkit-transform:rotate(360deg); transform:rotate(360deg); }
}
@-webkit-keyframes lds-double-ring {
	0%			{ -webkit-transform:rotate(0); transform:rotate(0); }
	100%		{-webkit-transform:rotate(360deg); transform:rotate(360deg); }
}
@keyframes lds-double-ring_reverse {
	0%			{ -webkit-transform:rotate(0); transform:rotate(0); }
	100%		{ -webkit-transform:rotate(-360deg); transform:rotate(-360deg); }
}
@-webkit-keyframes lds-double-ring_reverse {
	0%			{ -webkit-transform:rotate(0); transform:rotate(0); }
	100%		{ -webkit-transform:rotate(-360deg); transform:rotate(-360deg); }
}

.lds-double-ring						{ position:relative; }
.lds-double-ring div					{ position:absolute; width:160px; height:160px; top:13px; left:13px; border-radius:50%; border:8px solid #000; border-color:rgba(77.64705882352942%,26.66666666666667%,51.37254901960785%,0.474) transparent rgba(77.64705882352942%,26.66666666666667%,51.37254901960785%,0.474) transparent; -webkit-animation:lds-double-ring 2s linear infinite;  animation:lds-double-ring 2s linear infinite; }
.lds-double-ring div:nth-child(2)		{ width:140px; height:140px; top:23px; left:23px; border-color:transparent #c64483 transparent #c64483; -webkit-animation:lds-double-ring_reverse 2s linear infinite; animation:lds-double-ring_reverse 2s linear infinite; }
.lds-double-ring						{ width:200px !important; height:200px !important; -webkit-transform:translate(-100px, -100px) scale(1) translate(100px, 100px); transform:translate(-100px, -100px) scale(1) translate(100px, 100px); }


*					{ box-sizing:border-box; }
html,body			{ position:relative; width:100%; height:100%; padding:0px; margin:0px; }
span,
div,
ul,
li,
dl,
dt,
dd,
a								{ display:inline-block; zoom:1; *display:inline; }

#sceneWrap						{ position:relative; width:100%; height:100%; }
#sceneWrap .scene				{ position:fixed; width:100%; height:100%; left:0px; top:100%; vertical-align:top; float:right; overflow:hidden; z-index:1; }
#sceneWrap .scene .arrow		{ position:absolute; left:50%; bottom:10px; margin:0px 0px 0px -23px; }
#sceneWrap .scene .typo			{ position:absolute; left:50%; top:50%; }
#sceneWrap .active				{ border:10px solid red; }

.mask							{ position:absolute; left:0px; top:0px; width:100%; height:100%; background:url(../img/line.png); z-index:9; }

.jb-box							{ width: 100%; height: 100%; overflow: hidden;margin: 0px auto; position: relative; }
video							{ position:absolute; left:50%; top:0px; width: 100vw; transform: translate(-50%,0); }

.logo							{ position:fixed; left:65px; top:65px; z-index:999; }
.logo.active					{ top:20px; }

.copyRight						{ position:fixed; left:65px; bottom:65px; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight:500; z-index:999; color:#fff; }
.copyRight1						{ position:fixed; left:65px; bottom:85px; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight:500; z-index:999; color:#fff; }
.copyRight1	a					{ color:#fff; cursor: pointer;}
.paging							{ position:fixed; right:65px; bottom:65px; z-index:999; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight:500; z-index:999; color:#fff; width:30px; height:30px; }
.paging > span					{ position:absolute; }
.paging > span:first-child		{ left:0px; top:0px; }
.paging > span:last-child		{ right:0px; bottom:0px; }
.paging:before					{ position:absolute; left:50%; top:50%; width:1px; height:20px; background:#fff; content:""; transform:translate(-50%,-50%) rotate(30deg); }

.text							{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:11; }
.text1							{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:11; color:#fff; font-weight:700; font-family: 'Montserrat', sans-serif; font-size: 123px; font-weight:700; pointer-events: none; }
.redColor						{ color:#ff0000 !important; }
/* 	.blackColor						{ color:#323232 !important; }	 */

.redBox							{ position:absolute; left:50%; bottom:0px; width:246px; height:40px; padding:0px 0px; background:#ff0000; z-index:99999999; cursor:pointer; transform:translate(-50%,0); text-align:center; font-family: 'Montserrat', sans-serif; font-size: 16px; color:#fff; font-weight:700; display:table; opacity:0; }
.redBox span					{ display:table-cell; vertical-align:middle; }
.redBox:hover					{ box-shadow:0px 0px 20px rgba(255,0,0,1); }
.redBox.active					{ height:100%; }

.redBox2						{ position:absolute; left:50%; top:0px; width:246px; height:40px; padding:0px 0px; background:#ff0000; z-index:99999999; cursor:pointer; transform:translate(-50%,0); text-align:center; font-family: 'Montserrat', sans-serif; font-size: 16px; color:#fff; font-weight:700; display:table; opacity:0; }
.redBox2 span					{ display:table-cell; vertical-align:middle; }
.redBox2:hover					{ box-shadow:0px 0px 20px rgba(255,0,0,1); }


#scene1.scene					{ top:0px; }

#sceneWrap .scene.active		{ z-index:9; }

#scene3 .subText				{ position:absolute; left:50%; top:50%; z-index:5; transform:translate(-50%,-50%); margin-top:120px; color:#fff; font-size:16px; text-align:center; line-height:180%; pointer-events: none; }
#scene4 .subText				{ position:absolute; left:50%; top:50%; z-index:5; transform:translate(-50%,-50%); margin-top:120px; color:#fff; font-size:16px; text-align:center; line-height:180%; pointer-events: none; }


.br								{ position:fixed; left:0px; top:0px; width:100%; height:100%; text-align:center; display:table; z-index:99999; background:#fff; }
.br > div						{ display:table-cell; vertical-align:middle; }
.br > div .ico					{ width:100%; text-align:center; margin-top:50px; }
.br > div .ico img				{ margin:0px 10px; }

.gnbBtn										{ position:fixed; right:65px; top:65px; width:25px; height:25px; line-height:25px; z-index:9999; cursor:pointer; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.gnbBtn.active								{ top:35px; }
.gnbBtn span								{ position:absolute; width:10px; height:10px; background:#fff; border-radius:99px; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.gnbBtn span:nth-of-type(1)					{ left:0px; top:0px; }
.gnbBtn span:nth-of-type(2)					{ right:0px; top:0px; background:#ff0000; }
.gnbBtn span:nth-of-type(3)					{ left:0px; bottom:0px; }
.gnbBtn span:nth-of-type(4)					{ right:0px; bottom:0px; }

.gnbBtn:hover span:nth-of-type(1)			{ left:0px; top:100%; margin-top:-10px; }
.gnbBtn:hover span:nth-of-type(2)			{ right:100%; margin-right:-10px; }
.gnbBtn:hover span:nth-of-type(3)			{ left:100%; margin-left:-10px; }
.gnbBtn:hover span:nth-of-type(4)			{ bottom:100%; margin-bottom:-10px; }

.gnbWrap									{ position:fixed; right:-300px; top:0px; width:300px; height:100%; background:#333333; z-index:99999; padding:20px 0px 20px 20px; text-align:left; overflow-y:auto; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.gnbWrap.active								{ right:0px; box-shadow:-10px 0px 20px rgba(0,0,0,0.5); }
.gnb										{ position:relative; width:100%; }
.gnb > li									{ position:relative; width:100%; padding:20px 0px; border-bottom:1px solid rgba(255,255,255,0.5); }
.gnb > li > a								{ display:inline-block; width:100%; vertical-align:top; font-size:20px; color:#fff; padding:5px; }
.gnb > li > ul								{ position:relative; width:100%; }
.gnb > li > ul > li							{ position:relative; width:100%; }
.gnb > li > ul > li > a						{ display:inline-block; width:100%; vertical-align:top; font-size:14px; color:#999999; padding:5px; }
.gnb > li > ul > li > a:hover				{ color:#fff; }
.gnb .closeBtn								{ padding:0px; border-bottom:0px; }

/* #scene1 .typoWrap							{ position:absolute; width:100%; max-width:920px; left:50%; top:50%; transform:translate(-50%,-50%); z-index:999; text-align:left; } */
#scene1 .typoWrap							{ position:absolute; width:100%; max-width:1200px; left:50%; top:50%; transform:translate(-50%,-50%); z-index:999; text-align:left; }
#scene1 .typoWrap > span					{ display:inline-block; width:100%; line-height:110%; }
/* #scene1 .typoWrap .textType4				{ padding-left:360px; line-height:180%; transform:translate(0,-100px); } */
#scene1 .typoWrap .textType4				{ line-height:180%; transform:translate(0,0px); }
#scene1 .typoWrap .textType16				{ vertical-align:top; }
#scene1 .typoWrap .textType16 .textType3	{ font-size:70px !important; }

#scene3 .typoWrap							{ position:absolute; width:100%; left:0px; top:50%; transform:translate(0,-50%); z-index:999; text-align:center; pointer-events: none; }
#scene3 .typoWrap > span					{ display:inline-block; width:100%; line-height:110%; }
/* #scene3 .typoWrap .textType4				{ width:100%; max-width:800px; line-height:180%; padding:0px 40px; } */
#scene3 .typoWrap .textType4				{ width:100%; max-width:900px; line-height:180%; padding:0px 40px; }
#scene3 .typoWrap .textType5				{ width:100%; }
#scene3 .typoWrap .redColor					{ display:inline-block; }

#scene4 .typoWrap							{ position:absolute; width:100%; left:0px; top:50%; transform:translate(0,-50%); z-index:999; text-align:center; pointer-events: none; }
#scene4 .typoWrap > span					{ display:inline-block; width:100%; line-height:110%; }
/* #scene4 .typoWrap .textType4				{ width:100%; max-width:800px; line-height:180%; padding:0px 40px; } */
#scene4 .typoWrap .textType4				{ width:100%; max-width:900px; line-height:180%; padding:0px 40px; }
#scene4 .typoWrap .textType5				{ width:100%; }
#scene4 .typoWrap .redColor					{ display:inline-block; }

.textType1									{ color:transparent; -webkit-text-stroke: 2px #ffffff; font-size:70px; font-weight:700; }
.textType2									{ color:#ff0000; font-size:70px; font-weight:700; }
.textType3									{ color:transparent; -webkit-text-stroke: 2px #ff0000; font-size:123px; font-weight:700; }
.textType4									{ color:#fff; font-size:19px; font-weight:500; }
.textType5									{ color:#ffffff; font-size:123px; font-weight:700; }
.textType6									{ color:#3f3f3f; font-size:32px; font-weight:300; }
.textType6 strong							{ font-weight:500; }
.textType7									{ color:#3f3f3f; font-size:60px; font-weight:300; line-height:110%; }
.textType7 strong							{ font-weight:700; }
.textType8									{ font-size:28px; color:#3f3f3f; font-weight:500; }
.textType9									{ font-size:18px; color:#3f3f3f; font-weight:500; }
.textType10									{ font-size:15px; color:#3f3f3f; font-weight:500; }
.textType11									{ font-size:16px; color:#8b8b8b; font-weight:500; }
.textType12									{ font-size:20px; color:#6b6b6b; font-weight:500; }
.textType13									{ font-size:40px; color:#000000; font-weight:700; }
.typoWrap .textType13						{ display: block; color: #fff}
.textType14									{ font-size:15px; color:#8b8b8b; font-weight:500; }
.textType15									{ font-size:15px; color:#3f3f3f; font-weight:500; padding-top: 20px;}
.textType16									{ color:transparent; -webkit-text-stroke: 2px #ffffff; font-size:70px; font-weight:700; }

.section .textType13						{ color:#000; }

.redColor									{ color:#ffffff; }
.blackColor									{ color:#000000; }
.grayColor									{ color:#8f8f8f; }

.subVisual									{ position:relative; width:100%; height:508px; background:#000; border-bottom:5px solid #ff0000; background-size:cover !important; overflow:hidden; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.subbg1										{ background:url(../img/subvi1.png) center center no-repeat; }
.subbg2										{ background:url(../img/subvi2.png) center center no-repeat; }
.subbg3										{ background:url(../img/subvi3.png) center center no-repeat; }
.subbg4										{ background:url(../img/subvi4.png) center center no-repeat; }
.subVisual .container						{ position:relative; width:100%; height:100%; max-width:1360px; margin:0 auto; }
.docTitle									{ position:absolute; left:30px; bottom:-45px; text-shadow:0px 20px 10px rgba(0,0,0,0.4); white-space:nowrap; }

.docWrap									{ position:relative; width:100%; min-height:500px; max-width:1360px; margin:0 auto; vertical-align:top; display:inline-block; }
.docWrap img								{ max-width:100%; margin:0px 0px 50px 0px; }
.docInfo									{ position:relative; width:100%; margin:70px 0px; padding:0px 30px; }
.snbWrap									{ position:relative; float:left; }
.snbWrap > li								{ position:relative; }
.snbWrap > li > a							{ display:inline-block; padding:5px 20px; font-size:16px; color:#797979; border:2px solid #797979; border-radius:99px; line-height:160%; font-weight:500; }
.snbWrap > li > a:hover,
.snbWrap > li > a.active					{ border:2px solid #ff0000; background:#ff0000; color:#fff; }

.subTitle									{ position:relative; padding:0px 0px 40px 0px; margin:0px 0px 40px 0px; }
.subTitle:before							{ position:absolute; left:0px; bottom:0px; width:60px; height:5px; background:#3f3f3f; content:""; }

.contTitle									{ display:inline-block; margin:0px 0px 30px 0px; }
.contTitle2									{ display:inline-block; margin:0px 0px 10px 0px; }

.locationInfo								{ position:relative; float:right; font-size:14px; color:#7e7e7e; margin:20px 0px 0px 0px; }

.section									{ position:relative; display:inline-block; vertical-align:top; text-align:left; padding:0px 30px; width:100%; }
p											{ display:inline-block; width:100%; font-size:19px; color:#8b8b8b; margin:0px 0px 60px 0px; line-height:170%; }
.new_win p									{ margin:0px 0px 0px 0px; }
.textIn										{ text-indent:-25px; margin-left:25px; }
.textIn2									{ text-indent:-10px; margin-left:10px; }

.galleryWrap1								{ position:relative; width:calc(100% + 20px); margin:0px 0px 60px -10px;}
.galleryWrap1 .item							{ position:relative; width:25%; padding:10px; float:left; margin:0px 0px 60px 0px; }
.galleryWrap1 .item .detail					{ position:relative; display:inline-block; width:100%; vertical-align:top; margin-bottom:15px; }
.galleryWrap1 .item .detail:before			{ position:absolute; right:10px; bottom:10px; width:40px; height:40px; line-height:40px; text-align:center; content:"\f002"; font-family: 'FontAwesome'; background:#eb0000; color:#fff; border-radius:5px; font-size:20px; }
.galleryWrap1 .item .detail img				{ width:100%; border-radius:10px; margin:0px 0px 0px 0px; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.galleryWrap1 .item > span					{ display:inline-block; width:100%; vertical-align:top; padding:2px 0px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.galleryWrap1 .item .name					{ padding-bottom:10px; }
.galleryWrap1 .item .tel					{ text-decoration:underline; }
.galleryWrap1 .item:hover .detail img		{ box-shadow:0px 20px 20px rgba(0,0,0,0.3); }


.professor_table							{ position:relative; width:100%; margin:40px 0px 0px 0px; overflow:auto; }
.professor_table table						{ border-collapse:collapse; width:100%; text-align:left; font-size:14px; }
.professor_table table th					{ background:#f7f7f7; text-align:center; width:15%; }
.professor_table table th,
.professor_table table td					{ padding:10px; font-size:14px; border:1px solid #ddd; line-height:180%; }
.professor_table table th p,
.professor_table table td p					{ font-size:14px; margin:0px; }
.professor_table table th h4,
.professor_table table td h4				{ display:none; }
.professor_table table td div				{ max-height:200px; }


.imgWrap1									{ position:relative; width:100%; margin:0px 0px 180px 0px; }
/* .imgWrap1 .typoWrap							{ position:absolute; left:-100px; top:80px; width:100%; max-width:380px; } */
.imgWrap1 .typoWrap							{ position:absolute; left:-400px; top:40px; width:100%; max-width:380px; text-align: right;}
.imgWrap1 .typoWrap > span					{ display:inline-block; width:100%; line-height:100%; margin:0px 0px 10px 0px; }

.imgWrap2									{ position:relative; float:right; width:100%; max-width:530px; margin:0px 0px 180px 0px; }
.imgWrap2 img								{ margin:0px 0px 20px 0px; }
.imgWrap2 .typoWrap							{ position:relative; width:100%; }
.imgWrap2 .typoWrap > span					{ display:inline-block; width:100%; line-height:100%; margin:0px 0px 10px 0px; }

.imgWrap3									{ position:relative; float:right; width:100%; min-width:680px; margin:0px 0px 180px 0px; }
.imgWrap3 .typoWrap							{ position:absolute; left:-300px; bottom:70px; text-align:right; }
.imgWrap3 .typoWrap > span					{ display:inline-block; width:100%; line-height:100%; margin:0px 0px 10px 0px; }

.imgWrap4									{ position:relative; float:right; width:100%; max-width:530px; margin:0px 0px 180px 0px; }
.imgWrap4 .typoWrap							{ position:absolute; left:-170px; bottom:100px; }
.imgWrap4 .typoWrap > span					{ display:inline-block; width:100%; line-height:100%; margin:0px 0px 10px 0px; }

.imgWrap5									{ position:relative; float:left; width:100%; max-width:530px; margin:290px 0px 140px 0px; }
.imgWrap5 .typoWrap							{ position:absolute; right:-300px; top:25%; }
.imgWrap5 .typoWrap > span					{ display:inline-block; width:100%; line-height:100%; margin:0px 0px 10px 0px; }

.imgWrap6									{ position:relative; float:left; width:100%; max-width:343px; margin:0px 0px 180px 0px; }
.imgWrap6 .typoWrap							{ position:absolute; right:-300px; top:-50px; }
.imgWrap6 .typoWrap > span					{ display:inline-block; width:100%; line-height:100%; margin:0px 0px 10px 0px; }

.imgWrap7									{ position:relative; float:left; width:100%; min-width:680px; margin:0px 0px 180px 0px; }
.imgWrap7 img								{ margin:0px 0px 15px 0px; }
.imgWrap7 .typoWrap							{ position:relative; width:100%; }
.imgWrap7 .typoWrap > span					{ display:inline-block; width:100%; line-height:100%; margin:0px 0px 10px 0px; }

.iframe_height								{ position:relative; width:100%; height:1042px; }

.tapWrap									{ position:relative; width:100%; display:inline-block; margin:0px 0px 50px 0px; }
.tapWrap a									{ display:inline-block; padding:10px 20px; font-size:16px; color:#3f3f3f; font-weight:500; background:#f7f7f7; border:1px solid #ddd; float:left; }
.tapWrap a.active							{ background:#3f3f3f; border:1px solid #3f3f3f; color:#ffffff; }

.tapContWrap								{ position:relative; width:100%; display:inline-block; vertical-align:top; margin:0px 0px 50px 0px; }
.tapContWrap .item							{ position:relative; width:100%; display:inline-block; vertical-align:top; display:none; }
.tapContWrap .item:nth-of-type(1)			{ display:block; }

.basic_table								{ border-collapse:collapse; width:100%; border-top:2px solid #333333; margin:0px 0px 20px 0px; }
.basic_table th,
.basic_table td								{ font-size:16px; padding:15px; border:1px solid #ddd; }
.basic_table th								{ background:#f7f7f7; text-align:center; }
.basic_table tfoot td						{ background:#f7f7f7; }

.divTable									{ display:table; margin:0 auto; }
.divTable .tr								{ display:table-row-group; }
.divTable .tr .td							{ display:table-cell; padding:5px 20px; }

.thumType1									{ position:relative; width:100%; margin:0px 0px 0px 0px; padding:30px; }
.thumType1 .item							{ position:relative; width:33.333333%; float:left; padding:10px; text-align:left; margin:0px 0px 70px 0px; }
.thumType1 .item img						{ margin:0px 0px 0px 0px; }
.thumType1 .item .typoWrap					{ position:relative; width:100%; padding:0px 25px; z-index:2; margin-top:-25px; }
.thumType1 .item:nth-of-type(3n+1)			{ clear:both; }

.thumType2									{ position:relative; width:100%; margin:0px 0px 0px 0px; padding:30px; }
.thumType2 .item							{ position:relative; width:20%; float:left; padding:10px; text-align:left; margin:0px 0px 70px 0px; }
.thumType2 .item img						{ margin:0px 0px 0px 0px; }
.thumType2 .item .typoWrap					{ position:relative; width:100%; padding:0px 25px; z-index:2; margin-top:-25px; }
.thumType2 .item:nth-of-type(5n+1)			{ clear:both; }


.thumList									{ position:relative; width:calc(100% + 20px); margin:0px 0px 0px -10px; }

.secTitle									{ position:relative; width:100%; text-align:left; margin:0px 0px 50px 0px; }
.secTitle > span							{ display:inline-block; width:100%; }

.galBoList											{ position:relative; width:100%; border-top:2px solid #1b1b1b; padding:30px 0px; }
.galBoList .item									{ position:relative; width:33.333333%; float:left; padding:10px; margin:0px 0px 40px 0px; }
.galBoList .item a									{ position:relative; width:100%; display:inline-block; vertical-align:top; }
.galBoList .item a img								{ margin:0px 0px 10px 0px; }
.galBoList .item a .title							{ display:inline-block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0px 0px 5px 0px; }
.galBoList .item a .info							{ display:inline-block; width:100%; margin-left:-10px; }
.galBoList .item a .info > span						{ position:relative; padding:0px 10px; font-weight:400; }
.galBoList .item a .info > span:after				{ position:absolute; right:0px; top:50%; width:1px; height:10px; background:#ddd; content:""; transform:translate(0,-50%); }
.galBoList .item a .info > span:last-child:after	{ display:none; }
.galBoList .item input[type=checkbox]				{ position:absolute; left:20px; top:20px; z-index:1; }

.boView												{ position:relative; width:100%; text-align:left; padding:0px 30px; }
.boView .title										{ position:relative; width:100%; line-height:160%; margin:0px 0px 10px 0px; }
.boView .content									{ position:relative; width:100%; text-align:left; font-size:18px; line-height:180%; border-top:2px solid #1b1b1b; margin:40px 0px 40px 0px; padding:40px 0px; border-bottom:1px solid #ddd; }

.boWrite											{ position:relative; width:100%; padding:0px 30px; text-align:left; }
.inputWrap											{ position:relative; width:100%; margin:0px 0px 30px 0px; }
.inputWrap label									{ font-size:20px; color:#4f4f4f; margin:0px 0px 5px 0px; display:inline-block; }
.noticeCheck										{ position:absolute; right:0px; top:0px; }
.noticeCheck input,
.noticeCheck label									{ vertical-align:middle; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.noticeCheck label .fileName						{ max-width:100px; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:top; }
.noticeCheck input									{ margin:-5px 0px 0px 0px; }

.addFileLink										{ position:relative; width:100%; }
.addFileLink > a									{ display:inline-block; background:#f7f7f7; border:1px solid #ddd; font-size:16px; padding:5px 20px; border-radius:99px; margin:0px 5px 5px 0px; float:left; }

.bo_list											{ position:relative; width:100%; border-top:2px solid #1b1b1b; margin:0px 0px 50px 0px; }
.bo_list .item										{ position:relative; width:100%; display:inline-block; vertical-align:top; padding:30px 20px; border-bottom:1px solid #ddd; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.bo_list .item:hover								{ background:#f7f7f7; }
.bo_list .item input[type=checkbox]					{ margin:0px 0px 10px 0px; }
.bo_list .item > a									{ position:relative; display:inline-block; width:100%; }
.bo_list .item > a .notice							{ display:inline-block; background:#1b1b1b; color:#fff; padding:5px 10px; font-size:12px; border-radius:3px; vertical-align:top; margin:4px 10px 0px 0px; }
.bo_list .item > a .subject							{ display:inline; font-size:22px; color:#646464; font-weight:500; line-height:160%; }
.bo_list .item > a .info							{ display:inline-block; width:100%; margin:10px 0px 0px -10px; }
.bo_list .item > a .info > span						{ position:relative; display:inline-block; padding:0px 10px; font-size:15px; }
.bo_list .item > a .info > span:after				{ position:absolute; right:0px; top:50%; width:1px; height:10px; background:#ddd; transform:translate(0,-50%); content:""; }
.bo_list .item > a .info > span:last-child:after	{ display:none; }
.bo_list .item > a .reply							{ font-size:25px; transform:translate(0,-3px); margin:0px 10px 0px 0px; }



.tx_left									{ text-align:left; }
.tx_right									{ text-align:right; }
.tx_center									{ text-align:center; }



.col5										{ display:inline-block; vertical-align:top; width:5%; }
.col10										{ display:inline-block; vertical-align:top; width:10%; }
.col15										{ display:inline-block; vertical-align:top; width:15%; }
.col20										{ display:inline-block; vertical-align:top; width:20%; }
.col25										{ display:inline-block; vertical-align:top; width:25%; }
.col30										{ display:inline-block; vertical-align:top; width:30%; }
.col35										{ display:inline-block; vertical-align:top; width:35%; }
.col40										{ display:inline-block; vertical-align:top; width:40%; }
.col45										{ display:inline-block; vertical-align:top; width:45%; }
.col50										{ display:inline-block; vertical-align:top; width:50%; }
.col55										{ display:inline-block; vertical-align:top; width:55%; }
.col60										{ display:inline-block; vertical-align:top; width:60%; }
.col65										{ display:inline-block; vertical-align:top; width:65%; }
.col70										{ display:inline-block; vertical-align:top; width:70%; }
.col75										{ display:inline-block; vertical-align:top; width:75%; }
.col80										{ display:inline-block; vertical-align:top; width:80%; }
.col85										{ display:inline-block; vertical-align:top; width:85%; }
.col90										{ display:inline-block; vertical-align:top; width:90%; }
.col95										{ display:inline-block; vertical-align:top; width:95%; }
.col100										{ display:inline-block; vertical-align:top; width:100%; }

.floatLeft									{ float:left; }
.floatRight									{ float:right; }

.textLeft									{ text-align:left; }
.textRight									{ text-align:right; }

.pc											{ display:inline-block; }
.mo											{ display:none; }

.clearLine									{ position:relative; width:100%; clear:both; }

.otherMargin1								{ margin:100px 0px; }

.blackBox									{ position:fixed; left:0px; top:-100px; width:100%; height:100px; background:rgba(0,0,0,0.7); z-index:998; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.blackBox.active							{ top:0px; }

.footer										{ position:relative; width:100%; background:#272727; }
.footer .container							{ position:relative; width:100%; max-width:1360px; padding:60px 0px; display:inline-block; }

.ftLogo										{ margin:0px 0px 20px 0px; }

.copyLink									{ position:relative; width:100%; margin:0px 0px 15px 0px; }
.copyLink a									{ display:inline-block; padding:5px 20px 5px 0px; font-size:14px; color:#d9d9d9; }

.comInfo									{ position:relative; width:100%; font-size:14px; color:#999999; line-height:170%; margin:0px 0px 20px 0px; }

.copyright									{ position:relative; width:100%; font-size:14px; color:#999999; line-height:170%; }
.copyright1									{ position:relative; width:100%; font-size:14px; color:#999999; line-height:170%; }
.copyright1 a									{color:#999999; cursor: pointer;}

.ftGnb										{ position:relative; display:inline-block; float:right; }
.ftGnb > li									{ position:relative; display:inline-block; float:left; padding:0px 0px 50px 0px; }
.ftGnb > li > a								{ display:inline-block; font-size:18px; color:#ffffff; padding:0px 20px 20px 20px; float:left; }
.ftGnb > li > ul							{ position:relative; float:left; clear:both; }
.ftGnb > li > ul > li						{ float:left; clear:both; }
.ftGnb > li > ul > li > a					{ font-size:14px; color:#999999; display:inline-block; padding:4px 20px; }
.ftGnb > li > ul > li > a:hover				{ color:#fff; }

.layTitleWrap								{ position:relative; width:100%; background:#eb0000; font-size:32px; color:#fff; padding:20px; }

.overflow									{ overflow:auto; width:100%; }

.btnWrap									{ position:relative; margin:0px 0px 50px 0px; }
.boBtn1										{ display:inline-block; font-size:16px; border:1px solid #797979; background:#fff; color:#000; padding:10px 30px; margin:0px 2px; }
.boBtn1:hover								{ background:#000; color:#fff; border:1px solid #000; }

.boBtn2										{ display:inline-block; font-size:14px; border:1px solid #000; background:#000; color:#fff !important; padding:10px 30px; }
.boBtn2:hover								{ background:#000; color:#fff; border:1px solid #000; }

.pagingWrap									{ position:relative; width:100%; margin:0px 0px 50px 0px; text-align:center; }
.pagingWrap a								{ display:inline-block; width:42px; height:42px; border:1px solid #797979; line-height:42px; font-size:16px; text-align:center; }
.pagingWrap a.active						{ background:#000; color:#fff; border:1px solid #000; }
.pagingWrap > span							{ margin:0px 20px; }

.commentWrap									{ position:relative; width:100%; display:inline-block; vertical-align:top; margin:0px 0px 50px 0px; }
.commentWrap .head								{ position:relative; width:100%; display:inline-block; vertical-align:top; padding:0px 0px 20px 0px; border-bottom:1px solid #ddd; }
.commentWrap .item								{ position:relative; width:100%; padding:20px 0px; border-bottom:1px solid #ddd; }
.commentWrap .writeInput						{ position:relative; width:100%; border-top:1px solid #ddd; padding:10px 0px; }
.commentWrap .writeInput input[type="text"],
.commentWrap .writeInput input[type="password"]	{ width:49%; max-width:150px; float:left; margin:0px 1% 10px 0px; }
.commentWrap .writeInput textarea				{ width:100%; min-height:100px; background:#f7f7f7; line-height:160%; margin:0px 0px 10px 0px; }
.commentWrap .item .writeInput					{ display:none; }
.commentWrap .writerInfo						{ position:relative; width:100%; }
.commentWrap .writerInfo .name					{  }
.commentWrap .writerInfo .date					{  }
.commentWrap .commentCont						{ position:relative; width:100%; font-size:14px; padding:10px 0px; }
.commentWrap .btnWrap							{ position:relative; margin:10px 0px 10px 0px; text-align:right; }
.commentWrap .btnWrap a,
.commentWrap .btnWrap button					{ position:relative; display:inline-block; padding:5px 10px; font-size:12px; background:none; border:0px; }
.commentWrap .btnWrap a:after,
.commentWrap .btnWrap button:after				{ position:absolute; right:0px; top:50%; transform:translate(0,-50%); width:1px; height:10px; background:#ddd; content:""; }
.commentWrap .btnWrap a:last-child:after,
.commentWrap .btnWrap button:last-child:after	{ display:none; }
.commentWrap .btnWrap a:first-child,
.commentWrap .btnWrap button:first-child		{ padding-left:0px; }


/* add youtube */
.youtube_section {position: relative; text-align: center;}
.youtube_section iframe {width: 100% !important; height: auto; padding: 20px 0;min-height: 500px; max-width: 950px;}

/* add img size */
.docWrap img.maxImg {max-width: 800px; margin: 0 auto; text-align: center; display:block;}


.list_box_1 li		{ width:100%; }


.arrowWrap										{ position:fixed; right:50px; top:50%; transform:translate(0,-50%); width:40px; height:84px; border:2px solid rgba(255,255,255,0.2); z-index:9999; vertical-align:top; cursor:pointer; }
.arrowWrap a									{ display:inline-block; width:100%; height:40px; line-height:40px; font-size:26px; color:#fff; background:rgba(0,0,0,0.7); vertical-align:top; }
.arrowWrap a:first-child						{ border-bottom:1px solid rgba(255,255,255,0.2); }
.arrowWrap a:last-child							{ border-top:1px solid rgba(255,255,255,0.2); }
.arrowWrap a:hover								{ background:rgba(255,0,0,0.4); }


.ctt_admin										{ display:none; }


/* 페이징 */
.pg_wrap {clear:both;float:left;display:inline-block}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px}
.pg_page:hover {background-color:#fafafa}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

.pg_current {display:inline-block;background:#ff0000;border:1px solid #ff0000;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px}

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}





.dis_none	{ display:none; }


@media screen and (max-aspect-ratio: 1219/685) {
	video {
		width: auto;
		height: 100vh;
	}
}



@media only screen and (max-width : 1200px) {
	.thumType1 .item .textType13				{ font-size:30px; }
	.thumType2 .item .textType13				{ font-size:30px; }
}

@media only screen and (max-width : 1024px) {

	#scene1 .typoWrap							{ left:0px; top:50%; transform:translate(0,-50%); padding:0px 60px; }
	#scene1 .typoWrap .textType4				{ transform:translate(0,0); position:relative; }
	#scene1 .typoWrap .textType16 .textType3	{ font-size:60px !important; }

	.textType1									{ font-size:60px; font-weight:700; }
	.textType2									{ font-size:60px; font-weight:700; }
	.textType3									{ font-size:100px; font-weight:700; }
	.textType4									{ font-size:16px; font-weight:500; }
	.textType5									{ font-size:100px; font-weight:700; }
	.textType16									{ font-size:60px; font-weight:700; }



	.subVisual									{ height:408px; }
	.docTitle									{ left:10px; bottom:-30px; }

	.docInfo									{ padding:0px 20px; }
	.section									{ padding:0px 20px; }

	.thumType1									{ padding:20px; }
	.thumType2									{ padding:20px; }
	.galleryWrap1 .item							{ width:33.33333333%; }


}


@media only screen and (max-width : 900px) {
	.thumType1 .item							{ width:50%; }
	.thumType1 .item:nth-of-type(2n+1)			{ clear:both; }
	.thumType1 .item:nth-of-type(3n+1)			{ clear:none; }

	.thumType2 .item							{ width:50%; }
	.thumType2 .item:nth-of-type(2n+1)			{ clear:both; }
	.thumType2 .item:nth-of-type(5n+1)			{ clear:none; }
}


@media only screen and (max-width : 800px) {
	.textType5									{ font-size:80px; font-weight:700; }
	.textType6									{ font-size:32px; font-weight:300; }
	.textType7									{ font-size:40px; font-weight:300; }
	.textType8									{ font-size:20px; font-weight:500; }
	.textType12									{ font-size:16px; }
	.textType13									{ font-size:30px; }

	p											{ font-size:16px; }

	.col5										{ width:100%; }
	.col10										{ width:100%; }
	.col15										{ width:100%; }
	.col20										{ width:100%; }
	.col25										{ width:100%; }
	.col30										{ width:100%; }
	.col35										{ width:100%; }
	.col40										{ width:100%; }
	.col45										{ width:100%; }
	.col50										{ width:100%; }
	.col55										{ width:100%; }
	.col60										{ width:100%; }
	.col65										{ width:100%; }
	.col70										{ width:100%; }
	.col75										{ width:100%; }
	.col80										{ width:100%; }
	.col85										{ width:100%; }
	.col90										{ width:100%; }
	.col95										{ width:100%; }
	.col100										{ width:100%; }

	.pc											{ display:none; }
	.mo											{ display:inline-block; }

	.otherMargin1								{ margin:0px 0px 50px 0px; }

	.ftGnb										{ display:none; }

	.imgWrap1									{ margin:0px 0px 40px 0px; }
	.imgWrap1 img								{ margin:0px 0px 20px 0px; }
	/* .imgWrap1 .typoWrap							{ position:relative; left:auto; top:auto; max-width:100%; } */
	.imgWrap1 .typoWrap							{ position:relative; left:auto; top:auto; max-width:100%; text-align: left;}
	.imgWrap1 .typoWrap > span					{ margin:0px 0px 5px 0px; }

	.imgWrap2									{ margin:0px 0px 40px 0px; }
	.imgWrap2 img								{ margin:0px 0px 20px 0px; }
	.imgWrap2 .typoWrap							{ position:relative; left:auto; top:auto; max-width:100%; }
	.imgWrap2 .typoWrap > span					{ margin:0px 0px 5px 0px; }

	.imgWrap3									{ margin:0px 0px 40px 0px; min-width:auto; }
	.imgWrap3 img								{ margin:0px 0px 20px 0px; }
	.imgWrap3 .typoWrap							{ position:relative; left:auto; top:auto; bottom:auto; max-width:100%; width:100%; text-align:left; }
	.imgWrap3 .typoWrap > span					{ margin:0px 0px 5px 0px; }

	.imgWrap4									{ margin:0px 0px 40px 0px; min-width:auto; }
	.imgWrap4 img								{ margin:0px 0px 20px 0px; }
	.imgWrap4 .typoWrap							{ position:relative; left:auto; top:auto; bottom:auto; max-width:100%; width:100%; text-align:left; }
	.imgWrap4 .typoWrap > span					{ margin:0px 0px 5px 0px; }

	.imgWrap5									{ margin:0px 0px 40px 0px; min-width:auto; }
	.imgWrap5 img								{ margin:0px 0px 20px 0px; }
	.imgWrap5 .typoWrap							{ position:relative; left:auto; top:auto; bottom:auto; right:auto; max-width:100%; width:100%; text-align:left; }
	.imgWrap5 .typoWrap > span					{ margin:0px 0px 5px 0px; }

	.imgWrap6									{ margin:0px 0px 40px 0px; min-width:auto; }
	.imgWrap6 img								{ margin:0px 0px 20px 0px; }
	.imgWrap6 .typoWrap							{ position:relative; left:auto; top:auto; bottom:auto; right:auto; max-width:100%; width:100%; text-align:left; }
	.imgWrap6 .typoWrap > span					{ margin:0px 0px 5px 0px; }

	.imgWrap7									{ margin:0px 0px 40px 0px; min-width:auto; }
	.imgWrap7 img								{ margin:0px 0px 20px 0px; }
	.imgWrap7 .typoWrap							{ position:relative; left:auto; top:auto; bottom:auto; right:auto; max-width:100%; width:100%; text-align:left; }
	.imgWrap7 .typoWrap > span					{ margin:0px 0px 5px 0px; }

	.iframe_height								{ position:relative; width:100%; height:1042px; }


	.bo_list .item > a .subject							{ font-size:18px; }
	.bo_list .item > a .info > span						{ font-size:15px; }
	.bo_list .item > a .reply							{ font-size:20px; }

	/* add 2021-08-26 */
	.docWrap img.maxImg {width: 100%; padding: 20px 0;}
}

@media only screen and (max-width : 640px) {

	.gnbBtn										{ right:35px; top:60px; }
	.logo										{ left:35px; top:45px; }
	.logo img									{ width:140px; }
	.copyRight									{ left:35px; bottom:45px; width:calc(100% - 70px); text-align:center; font-size:11px; }
	.copyRight1									{ left:35px; bottom:65px; width:calc(100% - 70px); text-align:center; font-size:11px; }

	#scene1 .typoWrap							{ left:0px; top:50%; transform:translate(0,-50%); padding:0px 30px; }
	#scene1 .typoWrap .textType4				{ padding-left:0px; line-height:180%; transform:translate(0,0); }

	.textType1									{ font-size:40px; font-weight:700; }
	.textType2									{ font-size:40px; font-weight:700; }
	.textType3									{ font-size:40px; font-weight:700; }
	.textType4									{ font-size:16px; font-weight:500; }
	.textType5									{ font-size:60px; font-weight:700; }
	.textType10									{ font-size:12px; }
	.textType11									{ font-size:14px; }
	.textType16									{ font-size:40px; }

	#scene1 .typoWrap .textType16 .textType3	{ font-size:40px !important; }


	.redBox										{ width:180px; height:26px; font-size: 12px; }
	.redBox2									{ width:180px; height:26px; font-size: 12px; }

	.paging										{ display:none; }

	.subVisual									{ height:208px; }
	.docTitle									{ bottom:-20px; }

	.docInfo									{ display:none; }

	.docWrap									{ padding:40px 0px; }

	.galleryWrap1 .item							{ margin:0px 0px 40px 0px; }

	.ftLogo										{ width:140px; }

	.textIn										{ text-indent:-20px; margin-left:20px; }

	.thumType1 .item .textType13				{ font-size:20px; }
	.thumType2 .item .textType13				{ font-size:20px; }

	.galBoList .item							{ width:100%; }
	.galBoList .item img						{ width:100%; }

	.btnWrap									{ margin:0px 0px 30px 0px; }
	.boBtn1										{ font-size:14px; padding:5px 15px; }
	.pagingWrap									{ margin:0px 0px 30px 0px; }
	.pagingWrap a								{ width:36px; height:36px;line-height:36px; font-size:14px; }
	.pagingWrap > span							{ margin:0px 10px; }

	.inputWrap label									{ font-size:16px; }

	.boView .content									{ font-size:16px; }
	.bo_list .item > a .subject							{ font-size:16px; }

	/* add 2021-08-26 */
	.youtube_section iframe {min-height: 400px;}


	.arrowWrap										{ right:10px; top:auto; bottom:45px; transform:translate(0,0); }
	.arrowWrap a									{ display:inline-block; width:100%; height:40px; line-height:40px; font-size:26px; color:#fff; background:rgba(0,0,0,0.7); vertical-align:top; }

}

@media only screen and (max-width : 540px) {

	#scene1 .typoWrap							{ left:0px; top:50%; transform:translate(0,-50%); }
/* 	#scene1 .typoWrap .textType4				{ padding-left:0px; line-height:180%; transform:translate(0,0); } */

	.textType1									{ font-size:25px; font-weight:700; }
	/* add 2021-08-26 ldy */
	.textType1									{ word-break: break-all;}
	.textType2									{ font-size:25px; font-weight:700; }
	.textType3									{ font-size:25px; font-weight:700; }
	.textType4									{ font-size:14px; font-weight:500; }
	.textType5									{ font-size:25px; font-weight:700; }
	.textType12									{ font-size:14px; }
	.textType13									{ font-size:23px; }
	.textType16									{ font-size:25px; }
	.textType16 .textType3						{ font-size:25px !important; }

	.docTitle									{ bottom:-15px; }

	.galleryWrap1 .item							{ width:50%; }

	.thumType1 .item							{ width:100%; margin:0px 0px 30px 0px; }
	.thumType1 .item img						{ width:100%; }
	.thumType1 .item .textType13				{ font-size:30px; }

	.thumType2 .item							{ width:100%; margin:0px 0px 30px 0px; }
	.thumType2 .item img						{ width:100%; }
	.thumType2 .item .textType13				{ font-size:30px; }
}




#ft_link {text-align:left}
#ft_link a {display:block;color:#fff;line-height:2em;font-weight:bold}
#ft_company h2 {font-size:1.2em;margin-bottom:20px}
#ft_company {font-weight:normal;color:#e3e3e3;line-height:2em}
#ft_catch {margin:20px 0 10px}
#ft_copy {text-align:center;width:1200px;margin:0 auto;padding:20px 0;color:#5b5b5b;font-size:0.92em;border-top:1px solid #383838}
#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover {border-color:#3059c7;background:#3059c7;color:#fff}

/* 게시물 선택복사 선택이동 */
#copymove {}
#copymove .win_desc {text-align:center;display:block}
#copymove .tbl_wrap {margin:20px}
#copymove .win_btn {padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span {display:none}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../img/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* ckeditor 태그 기본값 */
#bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con li {display:list-item}

/* 버튼 */
a.btn,.btn {line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;font-size:1.4em;
-webkit-transition:background-color 0.3s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:right} /* 서식단계 진행 */

.btn_submit {border:0;background:#ff0000;color:#fff;cursor:pointer;border-radius:3px}
.btn_submit:hover {background:#ff0000}
.btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff}
a.btn_close {text-align:center;line-height:50px}

a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa}
a.btn_frmline, button.btn_frmline {display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;color:#bababa;text-decoration:none;vertical-align:middle;border:0;background:transparent}
.btn_b01:hover, .btn_b01:hover {color:#000}
a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover {background:#0025eb}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;color:#d13f4a;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {color:#ff3746}


/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #ececec} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px; width:100%;}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:20px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ececec;height:40px}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666;padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all}
.tbl_head01 tbody tr:hover td {background:#fafafa}
.tbl_head01 a:hover {text-decoration:underline}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

#bo_btn_top			{ width:100%; }

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content		{ width:100%; }
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px}

.full_input {width:100%}
.half_input {width:49.5%}
.twopart_input {width:385px;margin-right:10px}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/*기본 리스트*/
.list_01 ul {border-top:1px solid #ececec}
.list_01 li {border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative}
.list_01 li:nth-child(odd) {background:#f6f6f6}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover {background:#f9f9f9}
.list_01 li.empty_li {text-align:center;padding:20px 0;color:#666}

/*폼 리스트*/
.form_01 h2 {font-size:1.167em}
.form_01 li {margin-bottom:10px}
.form_01 ul:after,
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 .left_input {float:left}
.form_01 .margin_input {margin-right:1%}
.form_01 textarea {height:100px;width:100%}
.form_01 .frm_label {display:inline-block;width:130px}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;color:#666;text-align:center}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}

/* 테이블 항목별 정의 */
.td_board {width:80px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:80px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {position:relative}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);
box-shadow:0 1px 10px rgba(0,0,0,.1)}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin-bottom:15px;padding:0 20px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}
.new_win .win_ul li:first-child {margin-left:0}
.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3}
.new_win .win_ul .selected {background:#ff0000;border-color:#ff0000;position:relative;z-index:5}
.new_win .win_ul .selected a {color:#fff;font-weight:bold}
.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}
.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}
.new_win .frm_info {font-size:0.92em;color:#919191}
.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#ff0000;background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con {margin:20px 0;padding:20px}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:20px 0}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn {text-align:center;width:100%;}
.new_win .btn_close {height:45px;width:60px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em}

/* 검색결과 색상 */
.sch_word {color:#fff;background:#ff005a;padding:2px 5px 3px;line-height:18px;margin:0 2px}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 페이징 */
.pg_wrap {clear:both;float:left;display:inline-block}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px}
.pg_page:hover {background-color:#fafafa}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

.pg_current {display:inline-block;background:#ff0000;border:1px solid #ff0000;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px}

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

#bo_v_con p{ margin:0px !important; }


.dis_none	{ display:none !important; }