@charset "utf-8";

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

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

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



*/

/* 초기화 */
html {overflow-y:scroll;}
body {margin:0;padding:0;font-size:0.75em;font-family:'Noto Sans KR', sans-serif;overflow:hidden;}
.body_main	{ background:#1d2224; }
html, h1, h2, h3, h4, h5, h6, form, fie7ldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Noto Sans KR', sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul {margin:0;padding:0;list-style:none}
ol,li,dl,dt,dd {margin:0;padding:0} 
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:'Noto Sans KR', sans-serif;font-size:1em}
button {cursor:pointer}
textarea, select {font-family:'Noto Sans KR', sans-serif;font-size:1em}
select {margin:0;background-color:#fff;}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
word-break:keep-all;
}

.animate,
.my_tap_wrap2 a .score:after,
.my_tap_wrap2 a .score,
.portfolio_list .item .moreBtn,
.my_tap_wrap li,
.portfolio_list .item .po_tit,
.portfolio_list .item .thum,
.las_type1 td,
button,
.list li a .bod_tit,
.list li a .bod_con,
.por_wrap .tap_wrap a:before,
.recommend_section .stu_list .item .stu_name,
.recommend_section .stu_list .item img.red,
.best_section .lastest .swiper-slide .img_wrap,
.top .container,
a,
select,
input[type="tel"],
input[type=text],
input[type=password],
input[type=submit],
textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}
 
input[type=text]:focus,
input[type=password]:focus, 
textarea:focus,
select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}

select,
input[type="text"],
input[type="password"],
input[type="tel"]									{ width:100%; height:46px; line-height:46px; padding:0px 10px; font-size:14px; border:1px solid #ddd; }
textarea											{ width:100%; padding:10px 10px; font-size:14px; border:1px solid #ddd; }

select:hover,													
input[type="text"]:hover,							
input[type="password"]:hover,
input[type="tel"]:hover								{ border:1px solid #999999 !important; box-shadow:0px 0px 10px rgba(0,0,0,0.3); }
textarea:hover										{ border:1px solid #999999 !important; box-shadow:0px 0px 10px rgba(0,0,0,0.3); }

.register textarea:hover							{ border:none !important; box-shadow:none !important; }

select:focus,										
input[type="text"]:focus,							
input[type="password"]:focus,
input[type="tel"]:focus								{ border:1px solid #ee3242 !important; box-shadow:0px 0px 10px rgba(238,50,66,0.3); }
textarea:focus										{ border:1px solid #ee3242 !important; box-shadow:0px 0px 10px rgba(238,50,66,0.3); }

.register textarea:focus							{ border:none !important; box-shadow:none !important; }

.gnbBtn										{ position:fixed; right:165px; top:80px; width:25px; height:25px; line-height:16px; 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; }


.btn_submit											{ width:100%; height:48px; border:1px solid #ee3242; background:#ee3242; color:#fff; }
.btn_submit:hover									{ background:#222; border-color:#222; }

#bo_w .btn											{ display:inline-block; padding:0px 30px; width:auto !important; height:42px; line-height:40px; border:1px solid #ddd; border-radius:3px; }
#bo_w .btn_submit									{ border:1px solid #999; }
#bo_w .btn_confirm									{ text-align:center !important; padding:20px 0px !important; }

.chk_box input[type="checkbox"] + label span		{ transform:translate(0,2px); }
#bo_list .chk_box input[type="checkbox"] + label span		{ transform:translate(0,0px); }

.hd_wrap											{ position:fixed; width:100%; left:0px; top:0px; min-width:1300px; z-index:5000; } 
#hd_login_msg										{ position:absolute; right:60px; top:10px; z-index:10; color:#fff; font-size:12px; }
#hd_login_msg a										{ display:inline-block; background:#fff; color:#000; padding:5px 10px; font-size:12px; margin:0px 0px 0px 10px; }
#hd_login_msg a:hover								{ background:#ee3242; color:#fff; }
													
.top												{ position:fixed; left:0px; top:0px; width:100%; height:130px; overflow:hidden; z-index:2000; min-width:1300px; }
.top .container										{ position:relative; width:100%; height:100%; padding:60px 60px 10px 60px; background:rgba(0,0,0,0); }
.top.active .container								{ background:rgba(0,0,0,0.8); }
													
.gnbWrap											{ position:absolute; left:50%; top:80px; width:auto; transform:translate(-50%,0); z-index:9; white-space:nowrap; }
.gnbWrap > li										{ position:relative; display:inline-block; vertical-align:top; }
.gnbWrap > li > a									{ display:inline-block; color:#fff; font-size:20px; padding:0px 30px; text-align:center; }
.gnbWrap > li > ul									{ position:absolute; left:50%; top:50px; width:auto; transform:translate(-50%,0); white-space:normal; }
.gnbWrap > li > ul > li								{ position:relative; display:inline-block; width:100%; white-space:nowrap; }
.gnbWrap > li > ul > li > a							{ color:#fff; font-size:16px; text-align:center; display:inline-block; width:100%; padding:5px 0px }
.gnbWrap li a:hover									{ color:#ee3242; }
													
.simMenu											{ position:absolute; right:60px; top:77px; }
.simMenu a											{ margin:0px 0px 0px 10px; }
													
.mBannerWrap										{ position:relative; width:100%; height:100vh; overflow:hidden; min-width:1300px; }
.mask												{ position:absolute; left:0px; top:0px; width:100%; height:100%; background:url(../img/line.png); z-index:9; }

.main_player											{ z-index:-4; }
.m_typo													{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:right; z-index:99; }
.m_typo > span											{ display:inline-block; }
.m_typo .typo1											{ letter-spacing:-30px; line-height:100%; }
.m_typo .typo2											{ letter-spacing:0px;}
.m_typo .typo2.sup										{ display:inline-block; vertical-align:top; transform:translate(20px,-50px); }
.m_typo .typo2.sub										{ display:inline-block; transform:translate(0,-10px); }
.m_typo .typo3											{ position:absolute; right:380px; top:120px; white-space:nowrap; }
.m_typo .typo4											{ max-width:700px; font-weight:400; }
														
/* 메인 베스트 포트폴리오 */
.best_section											{ position:relative; width:100%; min-width:1300px; padding:130px 0px 20px 360px; background:#1d2224; }
.best_section h2										{ position:absolute; left:350px; top:120px; transform:rotate(90deg); letter-spacing:20px; transform-origin: 0 0; font-size:150px; font-weight:600; color:#ee3242; }
.best_section .sub_title .redColor						{ letter-spacing:20px; margin:0px 0px 0px 20px; font-weight:500; color:#ee3242; }
.best_section .sub_title								{ margin:0px 0px 60px 0px; display:inline-block; font-size:30px; font-weight:300; color:#fff; }
.best_section .lastest									{ position:relative; width:100%; display:inline-block; overflow:hidden; }
.best_section .lastest .swiper-slide					{ width:350px; }
.best_section .lastest .swiper-slide.no_data			{ width:calc(100% - 20px); height:345px; line-height:345px; background:rgba(255,255,255,0.1); color:#fff; text-align:center; font-size:16px; }
.best_section .lastest .swiper-slide .img_wrap			{ position:relative; width:100%; border:3px solid #1d2224; margin:0px 0px 30px 0px; }
.best_section .lastest .swiper-slide .img_wrap img		{ width:100%; }
.best_section .lastest .swiper-slide:hover .img_wrap	{ border-color:#ee3242; }
.best_section .lastest .bod_txt							{ position:relative; width:100%; }
.best_section .lastest .bod_txt > a						{ display:inline-block; vertical-align:top; width:100%; color:#fff; padding:10px 0px 0px 0px; }
.best_section .lastest .bod_txt > a:before				{ position:absolute; left:0px; top:0px; width:12px; height:3px; background:#fff; content:""; }
.best_section .lastest .bod_txt > a > span				{ display:inline-block; vertical-align:top; width:100%; }
.best_section .lastest .bod_txt > a > .m_title			{ font-size:18px; font-weight:400; }
.best_section .lastest .bod_txt > a > .s_title			{ font-size:16px; color:#999999; font-weight:300; }
.best_section .swiper-button-next						{ left:0px; top:50%; right:auto; background:none; color:#fff; font-size:50px; width:60px; height:60px; text-align:center; line-height:60px; margin:-60px 0px 0px 0px; }
.best_section .swiper-button-prev						{ background:none; color:#fff; font-size:40px; display:none; }
.best_section .bg_squ									{ position:absolute; left:20px; top:300px; z-index:2; }
.best_section .bg_squ .squ1								{ position:absolute; left:0px; top:0px; width:153px; height:142px; border:1px solid #303436; }
.best_section .bg_squ .squ2								{ position:absolute; left:136px; top:106px; width:79px; height:77px; border:1px solid #ee3242; }
.best_section .bg_squ .squ3								{ position:absolute; left:100px; top:217px; width:18px; height:18px; border:1px solid #656667; }



/* 학생리스트 */
.recommend_section										{ position:relative; width:100%; min-width:1300px; display:inline-block; background:#1d2224; vertical-align:top; text-align:center; z-index:2; }
.recommend_section .container							{ position:relative; width:1300px; display:inline-block; vertical-align:top; padding:120px 0px 600px 0px; }
.recommend_section .container .title					{ position:relative; width:100%; text-align:right; margin:0px 0px 60px 0px; overflow:hidden; }
.recommend_section .container .title h2					{ font-size:72px; color:#fff; font-weight:600; letter-spacing:20px; transform:translate(20px,0); }
.recommend_section .container .title .hs_title			{ width:100%; font-size:18px; color:#999999; display:inline-block; width:100%; font-weight:300; }
.recommend_section .container .bg_squ					{ position:absolute; left:0px; top:0px; z-index:1; }
.recommend_section .container .squ1						{ position:absolute; left:730px; top:50px; width:142px; height:140px; border:1px solid rgba(255,255,255,0.2); }
.recommend_section .container .squ2						{ position:absolute; left:810px; top:80px; width:172px; height:164px; background:rgba(255,255,255,0.05); }
.recommend_section .container .squ3						{ position:absolute; left:836px; top:120px; width:96px; height:93px; border:1px solid #ef3848; }
.recommend_section .container .squ4						{ position:absolute; left:1000px; top:50px; width:22px; height:22px; border:1px solid rgba(255,255,255,0.5); }
.recommend_section .container .squ5						{ position:absolute; left:1250px; top:95px; width:50px; height:50px; border:1px solid rgba(255,255,255,0.2); }
.recommend_section .container .squ6						{ position:absolute; left:1100px; top:400px; width:172px; height:164px; background:rgba(255,255,255,0.05); }
.recommend_section .container .squ7						{ position:absolute; left:1250px; top:450px; width:50px; height:50px; border:1px solid rgba(255,255,255,0.2); }
.recommend_section .stu_list							{ position:relative; width:100%; display:inline-block; vertical-align:top; z-index:2; }
.recommend_section .stu_list .no_data					{ position:relative; width:100%; height:137px; line-height:137px; background:rgba(255,255,255,0.1); color:#fff; text-align:center; font-size:16px; display:inline-block; }
.recommend_section .stu_list .item						{ position:relative; display:inline-block; float:left; width:calc(100% / 7); }
.recommend_section .stu_list .item .img					{ position:relative; display:inline-block; }
.recommend_section .stu_list .item img					{ margin:0px 0px 10px 0px; }
.recommend_section .stu_list .item img.red				{ position:absolute; left:0px; top:0px; z-index:2; opacity:0; }
.recommend_section .stu_list .item .stu_name			{ display:inline-block; vertical-align:top; width:100%; text-align:center; font-size:18px; color:#fff; font-weight:300; }
.recommend_section .stu_list .item:hover img.red		{ opacity:1; }
.recommend_section .stu_list .item:hover .stu_name		{ color:#ee3242; }

/* 포트폴리오 */
.por_section											{ position:absolute; left:0px; top:500px; width:100%; min-width:1300px; padding:50px 0px 0px 360px; padding-left:calc((100% - 1280px) / 2); overflow:hidden; vertical-align:top; }
.por_section .title										{ position:relative; width:100%; text-align:left; padding:0px 0px 0px 80px; margin:0px 0px 70px 0px; vertical-align:top; }
.por_section .title h2									{ font-size:72px; color:#fff; font-weight:600; letter-spacing:20px; }
.por_section .bg_squ									{ position:absolute; left:0px; top:0px; z-index:1; }
.por_section .squ1										{ position:absolute; left:730px; top:20px; width:50px; height:50px; border:1px solid rgba(255,255,255,0.2); }
.por_section .squ2										{ position:absolute; left:1000px; top:0px; width:172px; height:164px; border:1px solid rgba(255,255,255,0.2); }
.por_section .squ3										{ position:absolute; left:1300px; top:130px; width:96px; height:93px; border:1px solid #ef3848; }
.por_section .squ4										{ position:absolute; left:1375px; top:190px; width:48px; height:48px; background:#ee3242; }
.por_section .squ5										{ position:absolute; left:1285px; top:270px; width:22px; height:22px; border:1px solid rgba(255,255,255,0.2); }
.por_wrap												{ position:relative; width:100%; display:inline-block; background:#2e2e2e; padding:140px 0px 0px 80px; vertical-align:top; }
.por_wrap .tap_wrap										{ position:relative; width:30%; float:left; }
.por_wrap .tap_wrap a 									{ position:relative; display:inline-block; vertical-align:top; float:left; width:100%; text-align:left; font-size:30px; color:#fff; padding:12px 0px 12px 40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.por_wrap .tap_wrap a:before							{ position:absolute; left:0px; top:50%; transform:translate(-30px,-50%); font-size:20px; content:"\f178"; font-family:"FontAwesome"; opacity:0; color:#ee3242; }
.por_wrap .tap_wrap a:hover:before,
.por_wrap .tap_wrap a.active:before						{ transform:translate(0px,-50%); opacity:1; }
.por_wrap .tap_wrap a:hover								{ color:#ee3242; }
.por_wrap .tap_wrap a.active							{ color:#ee3242; letter-spacing:5px; }
.por_list												{ position:relative; width:70%; float:left; overflow:hidden; }
.por_list .portfolio									{ position:relative; width:640px; height:532px; overflow:hidden; }
.por_list .portfolio .swiper-slide						{ position:relative; width:100%; }
.por_list .portfolio .swiper-slide img					{ width:100%; }
.por_list .portfolio .swiper-button-next				{ color:#ee3242; font-size:40px; background:none; width:60px; height:60px; line-height:50px;  }
.por_list .portfolio .swiper-button-prev				{ color:#ee3242; font-size:40px; background:none; width:60px; height:60px; line-height:50px; left:0px; }
.por_list .portfolio .swiper-button-next i				{ width:60px; height:60px; line-height:60px; }
.por_list .portfolio .swiper-button-prev i				{ width:60px; height:60px; line-height:60px; }
.por_list .portfolio .no_data							{ position:relative; background:rgba(255,255,255,0.1); color:#fff; font-size:16px; }
.por_list .portfolio .no_data span						{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.por_list .thum											{ position:absolute; left:350px; top:320px; z-index:9; width:calc(100% - 350px); overflow:hidden; box-sizing:border-box; }
.por_list .thum .swiper-slide							{ position:relative; width:170px; box-sizing:border-box; }
.por_list .thum .swiper-slide img						{ width:100%; box-sizing:border-box; height:auto !important; }
.por_list .thum .no_data								{ height:100%; padding:40px 0px; background:rgba(255,255,255,0.1); color:#fff; font-size:16px; }
.por_list .thum .swiper-slide-thumb-active img			{ border:10px solid #ee3242; }


/* 소개 */
.int_section											{ position:relative; width:100%; min-width:1300px; padding:450px 0px 90px 0px; background:#fff; z-index:1; overflow:hidden; text-align:center; }
.int_section .bg1										{ position:absolute; left:0px; top:247px; z-index:3; }
.int_section .bg2										{ position:absolute; left:50%; top:455px; z-index:2; margin-left:-774px; }
.int_section .bg3										{ position:absolute; left:50%; top:620px; z-index:2; margin-left:330px; }
.int_section .container									{ position:relative; width:1280px; display:inline-block; vertical-align:top; z-index:4; }
.int_section .container .area1							{ text-align:left; width:100%; }
.int_section .container .area1 h3						{ display:inline-block; width:100%; vertical-align:top; letter-spacing:25px; margin:0px 0px 20px 0px; }
.int_section .container .area1 h3 .red_bg				{ padding:0px 0px 0px 25px; }
.int_section .container .area1 > span					{ display:inline-block; width:100%; vertical-align:top; }
.int_section .container .area1 .typo6					{ margin:0px 0px 40px 0px; }
.int_section .container .area1 .typo7					{ line-height:170%; }
.int_section .container .area2							{ text-align:right; }
.int_section .container .area2 h3						{ display:inline-block; width:100%; vertical-align:top; letter-spacing:25px; margin:0px 0px 20px 0px; transform:translate(25px,0); }
.int_section .container .area2 > span					{ display:inline-block; width:100%; vertical-align:top; }
.int_section .container .area2 .typo7					{ line-height:170%; }
 
 /* 플랫폼 소개 */
.pla_int												{ position:relative; width:100%; min-width:1300px; height:546px; background:url(../img/bt_bg1.png) center center no-repeat; display:inline-block; vertical-align:top; text-align:center; z-index:1; }
.pla_int .container										{ position:relative; width:1300px; height:100%; display:inline-block; vertical-align:top; text-align:left; }
.pla_int .container .title								{ position:absolute; left:0px; top:50%; transform:translate(0,-50%); z-index:9; }
.pla_int .container .title h2							{ margin:0px 0px 20px 0px; }
.pla_int .container .title span							{ display:inline-block; width:100%; margin:0px 0px 20px 0px; }

/* 최신글 */
.lastestWrap											{ position:relative; width:100%; min-width:1300px; padding:180px 0px 140px 0px; background-color:#fff; z-index:1; text-align:center; }
.lastestWrap .bg1										{ position:absolute; left:50%; top:-350px; transform:translate(-50%,0); z-index:2; }
.lastestWrap .container									{ position:relative; width:1280px; display:inline-block; vertical-align:top; }
.lastestWrap .lastList									{ z-index:3; display:none; }
.lastestWrap .list1										{ display:inline-block; }

/* 텝 */
.tap_wrap2												{ position:relative; width:100%; display:inline-block; vertical-align:top; z-index:3; margin:0px 0px 60px 0px; }
.tap_wrap2 a											{ display:inline-block; width:215px; height:58px; line-height:58px; background:#fff; border:1px solid #cecece; font-size:20px; color:#333333; float:left; border-right:0px; }
.tap_wrap2 a:last-child									{ border-right:1px solid #cecece; }
.tap_wrap2 a:hover,
.tap_wrap2 a.active										{ background:#001c41; color:#fff; border-color:#001c41; }

/* 푸터 */
.footer													{ position:relative; width:100%; text-align:center; background:#1d2224; padding:40px 0px; z-index:4; font-size:16px; color:#999999; }
.footer .copy_menu										{ position:relative; width:100%; text-align:center; margin:0px 0px 30px 0px; }
.footer .copy_menu a									{ font-size:16px; color:#fff; margin:0px 10px; }
.footer .copy_menu a:hover								{ color:#ee3242; }
.footer .logo											{ margin:0px 0px 30px 0px; }

/* 서브비쥬얼 */
.subVisualWrap											{ position:relative; width:100%; min-width:1300px; height:440px; background-color:#2d3644; background:url(../img/sub_vi1.png); background-position:center center; background-repeat:no-repeat; }
.subVisualWrap .slogon									{ position:absolute; right:0px; top:177px; z-index:1; }
.subVisualWrap.bg1										{ background:url(../img/sub_vi1.png); }
.subVisualWrap.bg2										{ background:url(../img/sub_vi2.png); }
.subVisualWrap.bg3										{ background:url(../img/sub_vi3.png); }
.subVisualWrap.bg4										{ background:url(../img/sub_vi4.png); }
.subVisualWrap.bg5										{ background:url(../img/sub_vi5.png); }

#container_title										{ position:absolute; left:50%; top:52%; transform:translate(-50%,0); font-size:58px; color:#fff; font-weight:600; letter-spacing:15px; }
.doc_title												{ position:relative; width:100%; text-align:center; margin:80px 0px 40px 0px; font-size:36px; color:#333333; font-weight:500; }
.sub_menu												{ position:relative; width:100%; padding:10px; background:#2d3644; text-align:center; }
.sub_menu > a											{ display:inline-block; color:#fff; font-size:18px; padding:10px 30px; }
.sub_menu > a:hover,
.sub_menu > a.active									{ color:#ee3242; }


/* 마이페이지 */
.mypage_wrap											{ position:relative; width:100%; text-align:center; display:inline-block; }
#smb_my													{ position:relative; width:1300px; display:inline-block; text-align:left; }

/* 텝1 */
.my_tap_wrap											{ position:relative; width:1300px; display:inline-block; margin:0px 0px 50px 0px; text-align:center; }
.my_tap_wrap li											{ position:relative; display:inline-block; float:left; width:calc(100% / 7); font-weight:400; background:#666666; border-right:1px solid #fff; }
.my_tap_wrap li a										{ font-size:18px; color:#fff; display:inline-block; padding:20px 0px; vertical-align:top; width:100%; }
.my_tap_wrap li:last-child								{ border-right:0px; }
.my_tap_wrap li:hover,
.my_tap_wrap li.active									{ background:#ee3242; }

/* 텝2 */
#bo_cate h2												{ display:none; }
.my_tap_wrap2											{ position:relative; width:1300px; display:table; border-collapse:collapse; margin:0px 0px 50px 0px; }
.my_tap_wrap2 a											{ position:relative; display:table-cell; width:calc(100% / 10); text-align:center; font-size:16px; color:#333333; vertical-align:middle; background:#f3f3f3; border:1px solid #ddd; padding:10px 15px; }
.my_tap_wrap2 a:hover,
.my_tap_wrap2 a.active									{ background:#ee3242; border-color:#ee3242; color:#fff; }
.my_tap_wrap2 a .score									{ position:absolute; left:50%; top:-25px; padding:0px 10px; height:30px; line-height:30px; transform:translate(-50%,0); font-size:14px; color:#fff; background:#222222; border-radius:99px; box-shadow:0px 5px 10px rgba(0,0,0,0.4); white-space:nowrap; }
.my_tap_wrap2 a .score:after							{ position:absolute; left:50%; bottom:-10px; transform:translate(-50%,0); border:5px solid #222222; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid transparent; content:""; }
.my_tap_wrap2 a:hover .score,
.my_tap_wrap2 a.active .score							{ background:#222; box-shadow:0px 5px 10px rgba(0,0,0,0.4); }
.my_tap_wrap2 a:hover .score:after,
.my_tap_wrap2 a.active .score:after						{ border:5px solid #222; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid transparent; }

/* 점수텝 */
.my_score												{ position:relative; width:100%; display:inline-block; padding:0px 0px 70px 0px; border-bottom:2px solid #ee3242; text-align:center; margin:0px 0px 50px 0px; }
.my_score .item											{ position:relative; display:inline-block; border:1px solid #ddd; }
.my_score .item h2										{ display:inline-block; width:100%; background:#f7f7f7; font-size:14px; font-weight:500; padding:10px; color:#696969; border-bottom:1px solid #ddd; }
.my_score .item dt										{ position:relative; width:100%; }
.my_score .item dd										{ position:relative; width:100%; padding:20px; }
.my_score .item dd span									{ margin:0px 20px; }

.las_section											{ position:relative; width:100%; text-align:left; margin:0px 0px 50px 0px; }

/* 일반사항 */
.sum_txt												{ position:relative; width:100%; text-align:center; font-size:18px; color:#333333; margin:0px 0px 50px 0px; }
.grad_con												{ position:relative; width:100%; border-bottom:1px solid #222; }
.grad_wrap												{ position:relative; display:inline-block; margin:0px 0px 50px 0px; }
.grad_wrap .tit											{ position:relative; width:100%; }
.grad_wrap .tit strong									{ margin:0px 0px 10px 0px; display:inline-block; }
.grad_wrap .tit *										{ vertical-align:middle; }
.grad_wrap .tit .qu										{ margin:0px 20px 0px 0px; }
.grad_wrap .answer_wrap									{ display:inline-block; text-align:left; }
.grad_wrap .answer_wrap label							{ display:inline-block; vertical-align:middle; }
.grad_wrap .answer_wrap .item							{ margin:10px 0px; }
.grad_wrap .answer_wrap .item input[type="text"],
.grad_wrap .answer_wrap .item input[type="number"]		{ margin:10px 0px 20px 0px; background:#f7f7f7; }
.grad_wrap .delfile_wrap label							{ margin:0px 0px 10px 0px; display:inline-block; }
.downBtn												{ width:100%; background:#222; color:#fff; padding:10px 10px; text-align:center; display:inline-block; margin:10px 0px; font-size:12px; }
.downBtn2												{ position:absolute; right:90px; top:34px; height:30px; line-height:30px; background:#222; color:#fff; padding:0px 10px; text-align:center; display:inline-block; margin:10px 0px; font-size:12px; }

.cap													{ font-size:12px; color:#ee3242; }
.addfile												{ position:relative; width:100%; }
.addfile .file_name										{ position:relative; width:100%; min-width:350px; height:46px; line-height:44px; background:#f7f7f7; padding:0px 100px 0px 10px; border:1px solid #ddd; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.addfile .addBtn										{ position:absolute; right:10px; top:34px; height:30px; line-height:30px; padding:0px 20px; font-size:12px; background:#000; color:#fff; }
.addfile .delfile_wrap									{ font-size:14px; padding:10px 0px 0px 0px; }
.addfile .delfile_wrap a								{ margin:0px 10px 0px 0px; }
.delfile_wrap .thum_img									{ position:absolute; right:0px; top:25px; border:1px solid #ddd; box-shadow:0px 20px 30px rgba(0,0,0,0.3); display:none; }
.delfile_wrap:hover .thum_img							{ display:block; }

.answer_wrap select										{ min-width:400px; width:100% !important; font-size:18px; background:#f7f7f7; margin:20px 0px 20px 0px; }
.answer_wrap.checklist									{ border:1px solid #ddd; border-radius:10px; background:#f7f7f7; padding:20px 40px; width:1000px; margin:0px 0px 30px 0px; }
.answer_wrap.checklist .item							{ position:relative; display:inline-block; float:left; width:33.3333333%; padding:0px 0px 0px 0px; margin:0px; }
.answer_wrap.checklist .item:nth-of-type(3n+1)			{ clear:both; }
.answer_wrap.checklist .item input[type="checkbox"]		{ position:absolute; left:0px; top:10px; }
.answer_wrap.checklist .addfile							{ width:100%; margin:30px 0px 0px 0px; padding:0px; }
.answer_wrap.checklist .addfile .file_name				{ background:#fff; }
.answer_wrap.checklist .addfile input[type="checkbox"]	{ position:relative; left:auto; top:auto; }
.answer_wrap.addfile									{ width:1000px; margin:0px 0px 20px 0px; padding:10px 0px; }
.part_tit												{ font-size:17px; font-weight:600; width:100%; display:inline-block; }

.addFileWrap2											{ position:relative; width:100%; display:inline-block; margin:40px 0px 20px 0px; }
.addFileWrap2 select									{ width:calc(20% - 10px) !important; min-width:auto; background:#fff; float:left; vertical-align:top; margin:0px 10px 0px 0px !important; font-size:14px; }
.addFileWrap2 input[type="text"]						{ float:left; width:calc(55% - 5px); vertical-align:top; margin:0px 5px 0px 0px; }
.addFileWrap2 input[type="file"]						{ display:none; }
.addFileSt												{ position:absolute; left:195px; top:55px; font-size:15px; display:none; }
.addFileWrap2 .addBtnWrap								{ position:relative; width:25%; float:left; }
.addFileWrap2 .addBtnWrap .btnType6						{ width:calc(33.333333% - 10px); float:left; margin:0px 5px; }
.addFileWrap2 .addBtnWrap .btnType7						{ width:calc(33.333333% - 10px); float:left; margin:0px 5px; }

.del													{ position:relative; width:100%; display:inline-block; font-size:14px; text-align:left; margin:0px 0px 5px 0px; }
.del input[type="checkbox"]								{ margin:1px 5px 0px 0px; }

.addfileArea											{ max-width:1000px; margin:0 auto; }

/* 항목별점수 테이블 */
.result_table											{ width:100%; max-width:440px; border-collapse:collapse; margin:20px 0px; }
.result_table th,
.result_table td										{ position:relative; padding:10px; font-size:18px; color:#333333; font-weight:500; white-space:nowrap; }
.result_table th										{ width:60%; }
.result_table th:before									{ position:absolute; left:0px; top:50%; transform:translate(0,-50%); width:2px; height:2px; border-radius:99px; background:#222; content:""; }
.result_table td										{ width:40%; }

/* 포트폴리오 */
.portfolio_list											{ position:relative; width:calc(100% + 30px); display:inline-block; vertical-align:top; margin:0px 0px 50px 0px; transform:translate(-15px,0); }
.portfolio_list .item									{ position:relative; display:inline-block; float:left; width:25%; padding:15px; }
.portfolio_list .item .thum								{ position:relative; width:100%; height:200px; display:inline-block; vertical-align:top; margin:0px 0px 10px 0px; overflow:hidden; border:1px solid #ddd; background:#f7f7f7; }
.portfolio_list .item .thum img							{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; }
.portfolio_list .item .thum.stu							{ width:100%; text-align:center; padding:10px; }
.portfolio_list .item .thum.stu img						{ width:auto; border:0px; }
.portfolio_list .item .moreBtn							{ padding:10px 20px; font-size:16px; color:#fff; background:#333333; display:inline-block; margin:20px 0px 0px 0px; }
.portfolio_list .item .po_tit							{ display:inline-block; width:100%; vertical-align:top; font-size:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0px 0px 5px 0px; }
.portfolio_list .item .st_name							{ font-size:16px; color:#999; width:100%; text-align:left; display:inline-block; vertical-align:top; }
.portfolio_list .item:hover .thum						{ border-color:#ee3242; }
.portfolio_list .item:hover .po_tit						{ color:#ee3242; }
.portfolio_list .item:hover .moreBtn					{ background:#ee3242; }
.portfolio_list .por_noData								{ position:relative; width:100%; text-align:center; font-size:16px; }
.portfolio_list.stu_list .item							{ width:20% !important; margin:0px 0px 40px 0px; }

.bo_sch													{ border:0px; }
fieldset												{ border:0px; }

.bo_btn_wrap											{ margin:0px 0px 30px 0px; }

.portfolio_view															{ position:relative; width:100%; margin:0px 0px 50px 0px; vertical-align:top; display:inline-block; border-bottom:1px solid #222; }
.portfolio_view .thum													{ position:relative; width:540px; height:405px; float:left; display:inline-block; vertical-align:top; overflow:hidden; margin:0px 0px 50px 0px; }
.portfolio_view .thum .swiper-slide										{ position:relative; width:100%; height:405px; border:1px solid #ddd; }
.portfolio_view .thum img												{ position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%,-50%); }
.portfolio_view .port_info												{ position:relative; width:640px; float:right; }
.portfolio_view .port_info .wr_info										{ position:relative; width:100%; margin:0px 0px 20px 0px; }
.portfolio_view .port_info .wr_info > span								{ display:inline-block; width:100%; padding:10px 0px; font-size:16px; color:#333333; }
.portfolio_view .port_info .wr_info > span strong						{ font-weight:400; display:inline-block; width:80px; }
.portfolio_view .port_info .port_tit									{ display:inline-block; vertical-align:top; width:100%; padding:20px 0px; margin:0px 0px 20px 0px; font-size:30px; color:#ee3242; border-top:2px solid #ee3242; border-bottom:2px solid #ee3242; }
.portfolio_view .port_info .port_thum									{ position:relative; width:100%; overflow:hidden; }
.portfolio_view .port_info .port_thum .swiper-slide						{ position:relative; height:90px; border:1px solid #ddd; overflow:hidden; cursor:pointer; }
.portfolio_view .port_info .port_thum .swiper-slide img					{ position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%,-50%); }
.portfolio_view .port_info .port_thum .swiper-slide-thumb-active		{ border:1px solid #ee3242; }
.portfolio_view .pro_cont												{ position:relative; width:100%; display:inline-block; font-size:16px; color:#333333; line-height:170%; margin:0px 0px 40px 0px; }
.portfolio_view .pro_cont h3											{ display:inline-block; width:100%; text-align:left; font-size:16px; color:#333333; margin:0px 0px 10px 0px; }
.portfolio_view .pro_cont a:hover										{ color:#ee3242; }

.portfolio_write														{ position:relative; width:100%; max-width:800px; margin:0 auto; }
.portfolio_write .write_div												{ position:relative; width:100%; margin:0px 0px 30px 0px; }
.portfolio_write .write_div .delfile_wrap								{ position:absolute; right:0px; top:0px; }
.portfolio_write .write_div .delfile_wrap label							{ width:auto; font-size:1em; margin:0px 0px 2px 0px; }
.portfolio_write .write_div .delfile_wrap input[type="checkbox"]		{ margin:0px 0px 0px 10px; }
.portfolio_write label													{ display:inline-block; width:100%; text-align:left; margin:0px 0px 10px 0px; font-size:14px; }
.portfolio_write label strong											{ font-size:12px; font-weight:400; color:#ee3242; float:right; }
.portfolio_write .wr_content,
.portfolio_write #wr_content											{ position:relative; width:100%; height:300px; border:1px solid #ddd; padding:10px; font-size:14px; }
.portfolio_write .bo_w_flie input[type="file"]							{ width:100%; height:46px; line-height:46px; border:1px solid #ddd; padding:0px 10px; }
.portfolio_write input[type="text"],
.portfolio_write input[type="file"],
.portfolio_write textarea,
.portfolio_write select													{ background:#f7f7f7; }
.pro_sec																{ position:relative; width:100%; display:inline-block; vertical-align:top; margin:0px 0px 50px 0px; }

/* 테이블 */
caption																	{ display:none; }
.tbl_head01 table														{ border-collapse:collapse; width:100%; border-top:1px solid #222 !important; margin:0px 0px 40px 0px; }
.tbl_head01 table th,								
.tbl_head01 table td													{ font-size:16px; font-weight:400; padding:10px 20px; border-bottom:1px solid #ddd; }
.tbl_head01 table th													{ background:#f7f7f7; }
.tbl_head01 table tbody tr:last-child td								{ border-bottom:1px solid #222; }
.tbl_head01 table tfoot td												{ border-top:1px solid #222; border-bottom:none !important; }
.td_nodata																{ text-align:center; padding:40px !important; }

/* 자가평가 */
.backbg																	{ position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:4000; opacity:0; }
.layPop_cont															{ position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); width:80%; height:80%; max-width:1000px; background:#fff; padding:40px; border-radius:30px; z-index:4001; opacity:0; }
.layPop_cont .container													{ position:relative; width:100%; height:100%; overflow-y:auto; }
.layClose																{ position:absolute; right:20px; top:20px; z-index:1000; font-size:20px; background:rgba(0,0,0,0.7); width:40px; height:40px; line-height:40px; text-align:center; color:#fff; border-radius:99px !important; }



/* 링크 */
.underline												{ position:relative; padding:0px 5px; color:#fff; font-size:18px; font-weight:500; }
.underline:after										{ position:absolute; left:0px; bottom:0px; width:100%; height:1px; border-bottom:1px solid #fff; content:""; }

 
/* 폰트 */
.typo1													{ font-size:272px; font-weight:700; }
.typo2													{ font-size:72px; font-weight:700; }
.typo3													{ font-size:72px; font-weight:600; }
.typo4													{ font-size:20px; font-weight:600; }
.typo5													{ font-size:48px; font-weight:500; }
.typo6													{ font-size:24px; font-weight:400; }
.typo7													{ font-size:18px; font-weight:400; }
.typo8													{ font-size:72px; font-weight:600; }
.typo9													{ font-size:30px; font-weight:400; }
.typo10													{ font-size:100px; font-weight:600; }

/* 폰트 */
.noto_only												{ font-family:'Noto Sans KR', sans-serif !important; }
.rajd_and												{ font-family:'Rajdhani','Noto Sans KR', sans-serif; }

.smt13													{ font-size:13px !important; }
.smt16 i												{ font-size:16px !important; }
														
/* 컬러 */												
.whiteColor												{ color:#ffffff; }
.redColor												{ color:#ee3242; }
.grayColor												{ color:#999999; }
.grayColor2												{ color:#666666; }
.blueColor												{ color:#001c41; }

/* 배경 */
.red_bg													{ background:#ee3242; color:#fff; }

/* 버튼 */
.btn_close												{ border:1px solid #dcdcdc; cursor:pointer; background:#fff; text-align:center; }

/* 페이징 */
.pg_wrap												{ position:relative; width:100%; text-align:center; margin:0px 0px 50px 0px; }
.pg_page,												
.pg_current												{ display:inline-block; overflow:hidden; width:35px; height:35px; line-height:33px; border:1px solid #ced3da; text-align:center; }
.pg_current												{ border-color:#ef442a; color:#ef442a; }
.pg_start												{ text-indent:-999px; overflow:hidden; background:url('../img/btn_first.gif') no-repeat 50% 50% #eee; padding:0; border:1px solid #ced3da; }
.pg_prev												{ text-indent:-999px; overflow:hidden; background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee; padding:0; border:1px solid #ced3da; }
.pg_end													{ text-indent:-999px; overflow:hidden; background:url('../img/btn_end.gif') no-repeat 50% 50% #eee; padding:0; border:1px solid #ced3da; }
.pg_next												{ text-indent:-999px; overflow:hidden; background:url('../img/btn_next.gif') no-repeat 50% 50% #eee; padding:0; border:1px solid #ced3da; }

.pg_page:hover,
.pg_current:hover,
.pg_start:hover,
.pg_prev:hover,
.pg_end:hover,
.pg_next:hover											{ border-color:#ef442a; color:#ef442a; }


/* 최신글 타입1 */
.ta_tit													{ display:inline-block; width:100%; font-size:24px; color:#333333; font-weight:500; margin:0px 0px 15px 0px; }
.ta_tit .absBtn											{ position:absolute; right:0px; top:10px; }
.ta_subtit												{ position:relative; width:100%; margin:0px 0px 20px 0px; padding:0px 10px; }
.ta_subtit li											{ position:relative; width:100%; text-align:left; font-size:14px; color:#666; }
table .ta_subtit										{ margin:0px 0px 0px 0px; }

.las_type1												{ width:100%; border-collapse:collapse; border-top:2px solid #333333; margin:0px 0px 30px 0px; }
.las_type1 th,
.las_type1 td											{ padding:15px; border-bottom:1px solid #cccccc; }
.las_type1 th											{ font-size:16px; font-weight:400; background:#f0f0f0; }
.las_type1 td											{ font-size:18px; color:#666666; }
.las_type1 tr:hover td									{ background:#f7f7f7; }

.las_type2												{ width:100%; border-collapse:collapse; border-top:2px solid #333333; margin:0px 0px 30px 0px; }
.las_type2 th,
.las_type2 td											{ padding:10px; border:1px solid #cccccc; }
.las_type2 th											{ font-size:16px; font-weight:400; background:#f0f0f0; }
.las_type2 td											{ font-size:16px; color:#666666; }
.las_type2 .bg th,
.las_type2 .bg td										{ background:#f7f7f7; }

/* 컨텐츠 영역 */
.content_wrap											{ position:relative; width:1300px; margin:0 auto; }

/* 정렬 */
.txtCenter												{ text-align:center !important; }
.txtLeft												{ text-align:left !important; }
.txtRight												{ text-align:right !important; }

/* 버튼 */
.btnArea												{ position:relative; width:100%; padding:20px 0px 50px 0px; text-align:center; }
.btnType1												{ padding:15px 40px; font-size:18px; color:#fff; background:#333333; border:1px solid #333333; display:inline-block; vertical-align:top; }
.btnType1:hover											{ background:#fff; border-color:#333333; color:#333333; }
.btnType2												{ padding:15px 40px; font-size:18px; color:#fff; background:#5d5d5d; border:1px solid #5d5d5d; display:inline-block; vertical-align:top; }
.btnType2:hover											{ background:#fff; border-color:#000; color:#000; }
.btnType3												{ padding:15px 40px; font-size:18px; color:#fff; background:#ee3242; border:1px solid #ee3242; display:inline-block; vertical-align:top; }
.btnType3:hover											{ background:#fff; border-color:#ee3242; color:#ee3242; }
.btnType4												{ padding:5px 30px; font-size:14px; color:#fff; background:#222222; border:1px solid #222222; display:inline-block; vertical-align:top; }
.btnType4:hover											{ background:#fff; border-color:#ee3242; color:#ee3242; }
.btnType5												{ padding:5px 15px; font-size:12px; color:#fff; background:#222222; border:1px solid #222222; display:inline-block; vertical-align:top; }
.btnType5:hover											{ background:#fff; border-color:#ee3242; color:#ee3242; }
.btnType6												{ height:46px; line-height:46px; padding:0px; font-size:12px; background:#000; color:#fff; display:inline-block; vertical-align:top; text-align:center; }
.btnType7												{ height:46px; line-height:46px; padding:0px; font-size:12px; background:#fff; color:#000; display:inline-block; vertical-align:top; text-align:center; border:1px solid #000; }

.tag													{ display:inline-block; background:#f7f7f7; border:1px solid #ddd; padding:5px 20px; border-radius:99px; }

/* 팝업창 */
.pop_wrap												{ position:relative; width:100%; display:inline-block; padding:40px; vertical-align:top; }

/* 심사평가 */
.judge_dl												{ position:relative; width:100%; margin:0px 0px 40px 0px; }
.judge_dl dt,
.judge_dl dd											{ position:relative; width:100%; vertical-align:top; }
.judge_dl dt											{ padding:5px 0px; cursor:pointer; }
.judge_dl dd											{ display:none; padding:20px; }
.judge_dl dt strong										{ margin:0px; display:inline-block; width:100%; padding:5px 10px; border:1px solid #ddd; background:#f7f7f7; font-size:18px; }
.judge_dl dt.active strong								{ border:1px solid #ee3242; }
.judge_dl dt i											{ position:absolute; right:20px; top:50%; transform:translate(0,-50%); font-size:16px; }
.judge_dl dt .fa-chevron-down							{ display:block; }
.judge_dl dt .fa-chevron-up	 							{ display:none; }

.judge_dl dt.active .fa-chevron-down					{ display:none; }
.judge_dl dt.active .fa-chevron-up	 					{ display:block; }
.judge_dl dt.active strong								{ color:#ee3242; }
/* .judge_dl dd:nth-of-type(1)								{ display:block; } */

.xr_judge												{ position:relative; width:100%; }
.xr_judge label											{ display:inline-block; width:100%; font-size:16px; margin:0px 0px 5px 0px; }
.xr_judge .write_div									{ margin:0px 0px 30px 0px; }
.xr_judge textarea,
.xr_judge input[type="text"]							{ background:#f7f7f7; }
.smbm													{ margin:0px 0px 5px 0px !important; }


/* 검색 */
.bo_sch_wrap											{ position:relative; width:100%; text-align:center; background:rgba(0,0,0,0.4); padding:20px 0px; margin:0px 0px 50px 0px; }
.bo_sch_wrap h3											{ display:none; }
.bo_sch_wrap select										{ max-width:150px; display:inline-block; }
.bo_sch_wrap .sch_bar									{ display:inline-block; }
.bo_sch_wrap input[type="text"]							{ max-width:200px; }
.bo_sch_wrap button										{ width:46px; height:46px; border:1px solid #222; background:#fff; color:#fff; background:#222; font-size:16px; }

/* 캡챠 자동등록(입력)방지 기본 -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;}
#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;}
#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;;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}


.sound_only,
.dis_none												{ display:none !important; }
.cursor													{ cursor:pointer; }


/* 레이아웃 */
.col10													{ width:10%; }
.col15													{ width:15%; }
.col20													{ width:20%; }
.col30													{ width:30%; }
.col40													{ width:40%; }
.col50													{ width:50%; }
.col60													{ width:60%; }
.col70													{ width:70%; }
.col80													{ width:80%; }
.col90													{ width:90%; }
.col100													{ width:100%; }

.deActive												{ overflow: hidden; touch-action: none; }

table table												{ margin:0px 0px 0px 0px !important; }

/* 로딩 */
.loding						{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:3002; background:rgba(0,0,0,0.8); display:table; }
.loding .container			{ display:table-cell; text-align:center; vertical-align:middle; }
							
.loading					{ position: relative; width: 96px; height: 96px; margin: 0 auto; padding: 10px; }
.bar div					{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 10px; height: 40px; margin: auto; background-color: #fff; animation: bar 1s infinite linear; }

.bar div:nth-child(1)		{ left: -30px; animation-delay: -0.15s; }
.bar div:nth-child(2)		{ animation-delay: 0s; }
.bar div:nth-child(3)		{ right: -30px; animation-delay: 0.15s; }

@keyframes bar {
	0%, 50% {
		transform: scaleY(1);
	}
	25% {
		transform: scaleY(1.5);
	}
}

.marginB0					{ margin-bottom:0px !important; }


/* 게시판용 버튼 */
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}

img										{ max-width:100%; }

td .sel_item:last-child:after			{ display:none; }
.sel_item								{ display:inline-block; padding-right:10px; }
.sel_item:after							{ content:","; }

.banner_or_img							{ display:none; }

.empty_table							{ text-align:center; }

@media only screen and (max-width : 1600px) {
	.por_list .thum										{ left:150px; width:calc(100% - 150px); }	
}

@media only screen and (max-width : 1400px) {
	.m_typo									{ transform:translate(-40%,-50%); }
	.m_typo .typo1							{ letter-spacing:-20px; }
	.m_typo .typo2.sup						{ transform:translate(20px,-30px); }
	.m_typo .typo3							{ right:260px; top:70px; }
	
	.typo1									{ font-size:172px; font-weight:700; }
	.typo2									{ font-size:52px; font-weight:700; }
	.typo3									{ font-size:52px; font-weight:600; }
	.typo4									{ font-size:20px; font-weight:600; }

}



@media only screen and (max-width : 900px) {
	/* .m_typo									{ transform:translate(-50%,-50%); text-align:center; } */
	/* .m_typo .typo1							{ letter-spacing:0px; }								   */
	/* .m_typo .typo2.sup						{ transform:translate(0px,0px); }					   */
	/* .m_typo .typo2.sub						{ transform:translate(0px,0px); }					   */
	/* .m_typo .typo3							{ position:relative; right:auto; top:auto; }		   */
	/* 																								   */
	/* .typo1									{ font-size:32px; }									   */
	/* .typo2									{ font-size:32px; }									   */
	/* .typo3									{ font-size:32px; }									   */
	/* .typo4									{ font-size:16px; }									   */
	
}