@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css');
@import url('reset.css');
/*본고딕 웹폰트 가져오기*/
/*Noto Sans KR(korean) http://www.google.com/font/earlyacceess*/
@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');

}
@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');

}
@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');

}
@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');

}
@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');

}
@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 900;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');

}

@page {

size: A3;

margin: 0;

}
@media print{
.sns_share3{display:none}
.side{display:none}
footer:{display:none}
body{width:auto}

}


/* skipToContent */
#skipToContent a {position:absolute; top:0; left:0; z-index:9999; width:100%; height:1px; margin-top:-1px; display:block; background-color:#3875c1; font-size:14px; font-weight:bold; color:#fff; line-height:1; text-align:center; overflow:hidden}
#skipToContent a:focus, #skipToContent a:active {margin-top:0; height:auto; padding:10px 0px}

a, a:hover {color:#252525}

/* common */
.img-responsive {display:block; max-width:100%; height:auto}
.img-circle {border-radius:50%}
.photo-feature {overflow:hidden}
.photo-feature img {-webkit-transition:all 200ms ease 0s; transition:all 200ms ease 0s}
.photo-feature:hover>img{-webkit-transform:scale(1.05,1.05); -ms-transform:scale(1.05,1.05); transform:scale(1.05,1.05)}
.overflow {overflow:hidden}
.float-left {float:left}
.float-right {float:right}
.text-left {text-align:left}
.text-right {text-align:right}
.text-center {text-align:center}
.auto {margin:0 auto}
.width100 {width:100%}
.width45 {width:45%}
.width47 {width:47%}
.width60 {width:60%}
.width74 {width:74%}
.width90{width:90%}
#wrap {overflow:hidden}
/*.btnStyle01 {font-family:'Noto Sans KR', serif; color:#000; font-size:18px; font-weight:600; display:inline-block;}
.btnStyle01:after {content:""; width:13px; height:3px; text-align:center;margin:30px 0; color:#000000;border:1px solid red;display:block}*/

.mt10 {margin-top:10px !important}
.mt20 {margin-top:20px !important}
.mt30 {margin-top:30px !important}
.mt35 {margin-top:35px !important}
.mt40 {margin-top:40px !important}
.mt50 {margin-top:50px !important}
.mt60 {margin-top:60px !important}
.mt70 {margin-top:70px !important}
.mt75 {margin-top:75px !important}
.mt80 {margin-top:80px !important}
.mt90 {margin-top:90px !important}
.mt100 {margin-top:100px !important}
.mt110 {margin-top:110px !important}
.mt120 {margin-top:120px !important}
.mt130 {margin-top:130px !important}
.mt150 {margin-top:130px !important}
.mt180 {margin-top:180px !important}
.mt250 {margin-top:250px !important}

.mt2 {margin-top:2% !important}
.mt4 {margin-top:4% !important}
.mt5 {margin-top:5% !important}
.mt6 {margin-top:6% !important}
.mt8 {margin-top:8% !important}
.mt10 {margin-top:10% !important}
.mt12 {margin-top:12% !important}
.mt17 {margin-top:17% !important}
.mb8 {margin-bottom:8% !important}
.pt4{padding-top:4%}
.mb5{margin-bottom:5%}
.caption{font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', serif;font-size:12px;color:#7d7d7d}

.mo_on {display:none}
.mo_off {display:block}

.m02_on {display:none}
.m02_off {display:block}

/* side */
#side {position:fixed; top:0 left:0;height:100%; min-height:700px;width:344px; padding:1.5% 0 1.5% 0; box-sizing:border-box;border-left:1px solid #e8e8e8; margin-left:72px;}
header > h1 {margin-bottom:23%}
header > h1 .btn_side {display:none; float:right; width:10%; color:#000; font-size:24px; text-align:center;}
.gnb > li {position:relative;font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', serif; font-size:16px;display:block;padding:3% 0 3% 72px;width:344px;box-sizing:border-box}
.gnb > li > a {color:#7d7d7d}
.gnb > li > a:hover {color:#fff;background:#768100;padding:3% 0 3% 72px;margin:-3% 0 -3% -72px;display:block}
.gnb > li .on {color:#fff;background:#768100;padding:3% 0 3% 72px;margin:-3% 0 -3% -72px;display:block;}

.gnb > li > ul.dep02 {display:none; z-index:9999; margin:20px 0 0 0}
.gnb > li > ul.dep02 > li {font-size:14px; color:#5d5d5d; margin-bottom:10px; padding-left:10px}
.gnb > li > ul.dep02 > li a {color:#5d5d5d}
.gnb > li > ul.dep02 > li a:hover {color:#ff89d7}
.all-menu h2 {display:none; color:#fff; line-height:50px; text-indent:15px; font-weight:700; }
.all-menu .close {display:none}
.qLink {clear:both;position:relative;margin:10% 0 0 -30px; display:block; float:left;}
.qLink02 {width:100%;clear:both;position:relative;margin:10% 0 0 -10px; display:inline-block;line-height:30px}
.qLink02 a{width:100%;font-size:14px; color:#626262}
.qLink02 img{ display:inline-block;margin:10px 10px 0 0}
.brMobile02{display:none}

/*메뉴*/
.sidebar-toggle {
  margin-left: -240px;
}
.sidebar {
position:relative;font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', serif;
box-sizing:border-box;
  width: 271px;
  background: #fff;
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 100;
}
.sidebar #leftside-navigation ul,
.sidebar #leftside-navigation ul ul {
  margin: -2px 0 0;
  padding: 0;
}
.sidebar #leftside-navigation ul li {
  list-style-type: none;margin-left:-72px
}
.sidebar #leftside-navigation ul li.active > a {
  color: #fff; background: #429dbd;
}
.sidebar #leftside-navigation ul li.active ul {
  display: block;
}
.sidebar #leftside-navigation ul li a {
  color: #7d7d7d;
  text-decoration: none;
  display: block;
  padding: 3.2% 0 3.2% 72px;
  font-size: 16px;
  outline: 0;
  -webkit-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  -ms-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}
.sidebar #leftside-navigation ul li a:hover {
  color: #fff;background: #429dbd;
}
.sidebar #leftside-navigation ul li a span {
  display: inline-block;
}

.sidebar #leftside-navigation ul li a i .fa-angle-left,
.sidebar #leftside-navigation ul li a i .fa-angle-right {
  padding-top: 3px;
}
.sidebar #leftside-navigation ul ul {
  display: none;
}
.sidebar #leftside-navigation ul ul li {
background: #eeeeee;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  border-bottom: none;
}
.sidebar #leftside-navigation ul ul li a {
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #000;
  font-weight:500
}
.sidebar #leftside-navigation ul ul li a:hover{
color:#fff
}
.sidebar #leftside-navigation ul ul li a:active{
color:#fff
}




/* footer */
#side > footer {clear:both;width:100%; padding:5% 0 3% 0; box-sizing:border-box;position:absolute; bottom:2%; left:0;}
#side > footer p {font-size:11px; font-weight:700; color:#999; line-height:16px; margin-top:10px}

/* main */
#main {width:100%; padding-left:344px; box-sizing:border-box}
#main > footer {background:black; width:100%; padding:11% 8% 15% 8%; box-sizing:border-box; display:none;clear:both;}
#main > footer p {font-size:11px; font-weight:700; color:#999; line-height:16px; margin-top:10px}

/* main 바로가기 */
.more02{color:#000; font-size:16px;font-weight:600; padding:10px 35px;background-color:#7dcdf4; border-radius:30px 30px}
.more02:after {content:""; width:5px; height:10px; display:inline-block; padding:0 0 0 15px;background: url('../images/menu_arr_02.png') 100% 0 no-repeat; }
.more02:hover{color:#000;background-color:#c0c0c0}

.more03{overflow:hidden;color:#fdd000; font-size:16px;font-weight:600; padding:10px 35px;background-color:#000; border-radius:30px 30px;margin-bottom:5%}
.more03:after {content:""; width:5px; height:10px; display:inline-block; padding:0 0 0 15px;background: url('../images/menu_arr_03.png') 100% 0 no-repeat; }
.more03:hover{color:#000;background-color:#c0c0c0}


.more05{overflow:hidden;color:#fff; font-size:16px;font-weight:600; padding:10px 35px;background-color:#000; border-radius:30px 30px;}
.more05 a{color:#fff;}

.more04{margin:5% auto;width:20%;overflow:hidden;color:#fff; font-size:16px;font-weight:500; padding:10px 35px;background-color:#000; border-radius:30px 30px;text-align:center;}
.more04:hover{color:#fff;background-color:#7dcdf4}
.more04 a{color:#fff;}


.more04_m{overflow:hidden;color:#fff; font-size:14px;font-weight:400; padding:10px 25px;background-color:#000; border-radius:30px 30px;margin:30px 40px; display:none; text-align:center;width:70%;}
.more04_m:hover{color:#000;background-color:#429dbd}
.more04_m a{color:#fff;}



/* mainVisual */
#mainVisual {position:relative}
.mainTxt1 {position:absolute; top:25%; left:30%; text-align:center; background:#fff;opacity:0.85;padding:4% 4% 5% 4%;margin:0 auto;font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', serif;}
.mainTxt1 > p {font-size:50px; font-weight:500; color:#000;line-height:120%;letter-spacing:-0.033em}
.stitle_main{font-size:26px;font-weight:300;display:block;margin-bottom:10%}
h3 .btnStyle01 {font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', serif; color:#000; font-size:18px; font-weight:600; display:inline-block;}
h3 .btnStyle01:after {content:""; width:13px; height:3px; display:block; background:#000; margin:25% auto}

h3 .btnStyle06 {font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', serif; color:#000; font-size:18px; font-weight:600; display:inline-block;}
h3 .btnStyle06:after {content:""; width:13px; height:3px; display:block; background:#000; margin:25% auto}


/*menu on
.gnb > li > a.on {color:#922600}

*/


/* con01 */
#con01_1 {padding:0; height:100%;text-align:center;background:#ebe7f5}
.con01_left{float:left;width:50%}
.con01_right{float:right;width:50%;}
.con01_right .mainTxt22 {text-align:center;padding:10% 0 2% 0;margin:0 auto;font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', serif}
.con01_right .mainTxt22 > p {font-size:30px; font-weight:500; color:#000;margin:0 0 0 0;}
.con01_right .mainTxt22 .stitle_main02 {font-size:18px;font-weight:300;display:block;margin:1% 0 0 0}
.con01_img01{position:relative;width:70%; margin:3% auto 0 auto;}

#con01 {clear:both;padding:7% 7%; text-align:center;}
#con01 > a {display:inline-block; padding:0.5%; vertical-align:top; }
.con01_photo{display:inline-block;padding:1% 2%;width:24%;box-sizing:border-box;}
.con01_txt{text-align:center;font-size:16px;font-weight:300;color:#434343;padding:5% 0 7% 0;line-height:170%}
.con01_photo02{border:5px solid #429dbd;margin-top:5%}

.mainTxt2 {text-align:center;padding:0 6% 0 6%;margin:0 auto;font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', serif;}
.mainTxt2 > p {font-size:30px; font-weight:500; color:#000;margin:0 0 5% 0;margin-top:-10%}
.stitle_main02 {font-size:18px;font-weight:300;display:block;margin:1% 0 3% 0}
.mainTxt2 .bg_eng{font-size:110px; font-weight:800; opacity:0.06;color:#000;padding-top:5%;text-transform: uppercase;}

h3 .btnStyle02 {font-family:'Noto Sans KR', serif; color:#000; font-size:18px; font-weight:600; display:inline-block;line-height:100%}
h3 .btnStyle02:after {content:""; width:13px; height:3px; display:block; background:#000; margin:40% auto}


/*con02*/
#con02 {width:100%;clear:both}
.con02_wrap{position:relative;width:50%;float:left;margin:0; padding:0}
.mainTxt3 {position:absolute; bottom:4%; left:8%; text-align:left; font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', serif}
.mainTxt3 > p {font-size:26px; font-weight:500; color:#dcdcdc}
.mainTxt3 > p a{color:#dcdcdc}
.stitle_main03{font-size:16px;font-weight:300;display:block;margin-bottom:10%}

.con02_wrap_01{position:relative;width:100%;float:left;margin:0; padding:0}


h3 .btnStyle03 {font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', serif; color:#dcdcdc; font-size:16px; font-weight:500; display:inline-block;}
h3 .btnStyle03:after {content:""; width:13px; height:3px; display:block; background:#7dcdf4; margin:18% 0;text-align:left;}

h3 .btnStyle08 {font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', serif; color:#1b1b1b; font-size:16px; font-weight:500; display:inline-block;}
h3 .btnStyle08:after {content:""; width:13px; height:3px; display:block; background:#7dcdf4; margin:18% 0;text-align:left;}

/* con03 */
#con03 {overflow:hidden;position:relative;width:100%;height:100%;float:left;/*background:#b3d9d9;background:url('../images/main_event_bg.jpg') no-repeat 100% 100%;background-size:cover;*/}
.event_l {position:relative;width:66.66%;float:left;/*background:linear-gradient(15deg, #aca8f1, #9ac7fa);*/background:#ecf8fd;box-sizing:border-box;padding:0 0 5% 0}

.event_top{position:relative;width:100%;margin:0 auto;background:url('../images/main_event01.jpg') no-repeat 0 0;box-sizing:border-box;background-size:100%}
.event_top img{margin:0 auto;text-align:center;}
.event_title{font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', serif; font-size:34px; color:#616161;font-weight:300;text-align:center;padding:15% 0 3% 0;}
.event_title span{font-weight:600;}

.event_txt{text-align:center;font-size:16px; font-weight:300; color:#707070;line-height:170%;padding:4% 2%;}

.event_date{overflow:hidden; position:relative;padding:2% 0;width:40%;margin:0 auto;}
.event_date li{list-style:none;font-size:16px; color:#707070;font-weight:400;line-height:180%;margin:1% 3%}
.event_date li .btn01{background:#78c6e3; color:#fff; font-size:14px; font-weight:400; border-radius:20px; max-width:150px; box-sizing:border-box; text-align:center; padding:5px 17px}

.ebox{background:#fff;color:#9ac7fa;font-weight:600}
.main_event02{margin:0 auto;}
/*
.event_l p {font-size:100px; letter-spacing:-0.04em;font-weight:200;line-height:100%;color:#fff}
.event_l p .t1{font-size:100x;letter-spacing:0.4em;font-weight:500;color:#fff}
.event_l p .t2{font-size:100x;letter-spacing:0.15em;font-weight:800;color:#fff}
.event_l .s1{font-size:16px;font-weight:400;margin-top:5%;line-height:170%;color:#fff}
*/

.event_r {position:relative;width:33.33%;float:left;background:#fff;padding:5% 2% 5% 2%;box-sizing:border-box;}
.event_r p{width:70%;margin:0 auto}
.btnStyle08 {font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', serif; color:#1b1b1b; font-size:16px; font-weight:500;}
.btnStyle08:after {content:""; width:13px; height:3px; display:block; background:#1b1b1b; margin:10% 0;text-align:left;}
/*.event_r p {font-size:24px;font-weight:500;margin:5%;line-height:170%;letter-spacing:-0.03em;;color:#fff}
.hr{clear:both;width:92%;height:1px; border-bottom:1px solid #000;padding-top:5%}
.event_r .t3{width:20%;font-size:20px;font-weight:500;background:#ff89d7;padding:0 8%; text-align:center;margin:-8% auto 0}

.event_r .step {position:relative; width:92%; display:block;padding:7% 5%; margin:0 auto}
.event_r .step li{width:30%;float:left;text-align:center;margin:3% 1% 3% 1%;font-size:15px;font-weight:400;font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', serif}
.event_r .step li img{margin:0 auto}
.event_r .t4 img{text-align:left;padding:3% 0 5% 0;margin-left:5%}

.event_r .s1{font-size:16px;font-weight:400;margin-top:3%;line-height:170%;color:#fff}
.quizbox{clear:both;position:relative;width:75%; padding:2% 3% 2% 3%;background:#fff;color:#6f57a2;text-align:center; margin-left:5%}
.quizbox h4{font-family:'arial', 'verdana', serif;font-weight:bold;font-size:45px;margin:3% 0;}
.quizbox .quiztext{text-align:left;font-size:18px; font-weight:400; color:#6f57a2;margin:2% 5% 5% 5%;line-height:180%}
*/
/*con04*/
#con04 {width:100%;clear:both}
.con04_01{width:100%;position:relative;box-sizing:border-box;float:left;background:#1b1b1b}
.con04_01_m{width:100%;position:relative;box-sizing:border-box;float:left;background:#1b1b1b;display:none}
.con03_wrap{position:relative;width:33.33%;float:left;margin:0; padding:0;display:inline-block}
.mainTxt4 {position:absolute; bottom:6%; left:7%; text-align:left; font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', serif}
.mainTxt4 > p {font-size:20px; font-weight:500; color:#e5e5e5;line-height:150%}
.mainTxt4 > p a{color:#e5e5e5;}

.stitle_main04{font-size:16px;font-weight:400;display:block;margin:-8% 0 0 0;color:#b2b2b2;text-align:center;}
.stitle_main04 a{color:#b2b2b2;}
.stitle_main05{font-size:14px;font-weight:300;display:block;line-height:170%}
.stitle_main06{font-size:18px;font-weight:400;display:block;margin:-7% 0 0 0;color:#fff;text-align:center;}
.stitle_main06 a {color:#fff}

.con03_wrap_titlebox{float:left;width:33.333%;background:#1c1c1d;text-align:center;display:block}
h3 .btnStyle04 {font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', serif; color:#b2b2b2; font-size:16px; font-weight:500; display:inline-block;text-align:center;padding-top:19%;line-height:250%}
h3 .btnStyle04:after {content:""; width:13px; height:3px; display:block; background:#e5e5e5; margin:15% auto 0 auto;text-align:center;}
.con03_wrap_titlebox .bg_eng{font-size:90px; font-weight:800;opacity:0.1; color:#b2b2b2;text-align:center;line-height:100%}
.con03_wrap_titlebox p{padding:0}

.con04_02{width:100%;position:relative;box-sizing:border-box;float:left;background:#429dbd}
.con04_02_m{width:100%;position:relative;box-sizing:border-box;float:left;background:#429dbd;display:none}
.con03_wrap_titlebox2{float:left;width:33.333%;background:#429dbd;text-align:center;display:block}
.con03_wrap_titlebox2 .bg_eng{font-size:90px; font-weight:800;opacity:0.1; color:#070707;text-align:center;line-height:100%;letter-spacing:-0.05em}
.con03_wrap_titlebox2 p{padding:0}
h3 .btnStyle05 {font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', serif; color:#fff; font-size:16px; font-weight:500; display:inline-block;text-align:center;padding-top:19%;line-height:250%}
h3 .btnStyle05:after {content:""; width:13px; height:3px; display:block; background:#fff; margin:15% auto 0 auto;text-align:center;}

.mainTxt5 {position:absolute; bottom:7%; left:7%; text-align:left; font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', serif;}
.mainTxt5 > p {font-size:20px; font-weight:500; color:#e5e5e5;line-height:170%}
.mainTxt5 > p a{color:#e5e5e5;}

/* con06 */
#con06 {padding:5% 10% 5% 10%; text-align:center;clear:both}
#con06 > ul {overflow:hidden; margin-top:5%;padding-left:3%}
#con06 > ul li {float:left; width:14%; margin:0 2% 0 3%; text-align:left; /*white-space:nowrap; overflow:hidden;text-overflow:ellipsis; box-sizing:border-box;*/font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', serif;line-height:120%}
#con06 > ul li a {font-size:14px; font-weight:400; color:#7d7d7d}
#con06 > ul li img{margin:0 auto}

h3 .btnStyle07 {font-family:'Noto Sans KR', serif; color:#000; font-size:18px; font-weight:600; display:inline-block;line-height:100%}
h3 .btnStyle07:after {content:""; width:13px; height:3px; display:block; background:#000; margin:20% auto}



.movie{border:5px solid #429dbd;margin-top:6%}
/*동영상*/
.vimeoWrap{
     position: relative;
    padding-bottom: 52.50%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
    margin: 0;
  }
.vimeoWrap iframe,
.vimeoWrap object,
.vimeoWrap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border: 0px;
}

.vimeoWrap02{
     position: relative;
    padding-bottom: 49.00%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
    margin: 0;
  }
.vimeoWrap02 iframe,
.vimeoWrap02 object,
.vimeoWrap02 embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border: 0px;
}



/*TOP*/
.top {display:block; position:fixed;	bottom:5%; right:5%; z-index:200; width:60px; height:60px; border-radius:30px;background:rgba(212, 191, 146, 0.6); /*color:#000;font-weight:600;font-size:14px;text-align:center;line-height:60px;font-family:font-family:'Cutive Mono', monospace;*/}
.top img{margin:35% auto;opacity:0.8}

.grid30 {width:30%; box-sizing:border-box}
.grid40 {width:40%; box-sizing:border-box}
.grid49 {width:49%; box-sizing:border-box}
.grid60 {width:60%; box-sizing:border-box}
.grid70 {width:70%; box-sizing:border-box}

 
	
}


@media screen and (max-width:1870px) {
	
}

@media screen and (max-width:1800px) {
.event_r{padding:7% 0}

}

@media screen and (max-width:1700px) {
.con01_right .mainTxt22{padding:8% 0 0 0}
.con01_right .mainTxt22 > p {font-size:26px; font-weight:500; color:#000;margin:0 0 0 0;}
.con01_img01{position:relative;width:70%; margin:0 auto;}
.event_r{padding:4% 0}
}

@media screen and (max-width:1650px) {
.mainTxt1 > p {font-size:42px}
.stitle_main{font-size:24px}
h3 .btnStyle01 {font-size:16px}
.mainTxt2 .bg_eng{font-size:90px}
.con01_right .mainTxt22{padding:8% 0 0 0}
.con01_right .mainTxt22 > p {font-size:22px; font-weight:500; color:#000;margin:0 0 0 0;}
.con01_img01{position:relative;width:70%; margin:0 auto;}
.event_r{padding:2% 0}

}

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

.con03_wrap_titlebox2 .bg_eng{font-size:60px;}
.con03_wrap_titlebox .bg_eng{font-size:60px;}
.brMobile {display:none}
.event_r{padding:2% 0}
.event_r p{width:90%;margin:0 auto}
.mainTxt4 > p{font-size:18px}
	.mainTxt5 > p{font-size:18px}
.event_txt{font-size:18px}
}

@media screen and (max-width:1440px) {
	.mainTxt2 .bg_eng{font-size:80px}
	header > h1 {margin-bottom:23%}
.mainTxt2 .bg_eng{font-size:75px}	
.con03_wrap_titlebox .bg_eng{font-size:60px;}
	.con03_wrap_titlebox2 .bg_eng{font-size:60px;}
	.mainTxt3 > p{font-size:18px}
	.mainTxt4 > p{font-size:18px}
	.mainTxt5 > p{font-size:18px}
	.brMobile {display:none}
	.event_r {padding:1% 1%}
	.event_r p{width:100%;margin:0 auto}
	.event_txt{font-size:16px}
	.event_date{width:80%}
}

@media screen and (max-width:1280px) {
	header > h1 {margin-bottom:20%}
	.mainTxt1 > p {font-size:38px}
	.stitle_main{font-size:20px}
	.brMobile {display:none}
	h3 .btnStyle01 {font-size:16px}
	.mainTxt2 > p{font-size:24px;}
	.mainTxt2 .bg_eng{font-size:60px}	
	
	.con03_wrap_titlebox .bg_eng{font-size:60px;}
	.con03_wrap_titlebox2 .bg_eng{font-size:60px;}
	.stitle_main06{margin-top:-10%}
	.more03{overflow:hidden;color:#ff89d7; font-size:14px;font-weight:600; padding:8px 25px;background-color:#000; border-radius:25px 25px;}
	.con01_right .mainTxt22 > p {font-size:18px; font-weight:500; color:#000;margin:0 0 0 0;}
	.con01_right .mainTxt22 .btnStyle02{font-size:12px}
	.event_r {padding:0 0}
	.event_r p{width:100%;margin:0 auto}
	.event_txt{font-size:14px}
	

}

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

	.qLink {margin-top:30px}
	.mainTxt1 {top:80px}
	.brMobile {display:none}

	header > h1 .btn_side {display:block;margin-top:0px;}
	header > h1 {overflow:hidden;margin-bottom:0px;}
	header > h1 .logo {width:80%; float:left;margin-bottom:5%;}
	#side {width:100%; position:relative; min-height:90px; padding:5% 0 0 5%; overflow:hidden;margin:0;}
	#side > footer {display:none}
	.gnb > li{margin-left:0;padding:0;}
	.gnb > li > a:hover{margin:-5% 0 -5% -5%;padding:5% 0 5% 10%}
	.qLink {margin:10% 0 0 5%;}
	.qLink a{width:50%;display:block; float:left}
	#main > footer {display:block;}

	#mask {position:absolute;z-index:1;background:rgba(0,0,0,0.8) 0 0;display:block;left:0;top:0;width:100%;height:100%;overflow:hidden}
	.allWrap {position:fixed; left:0; top:0; width:100%; height:100%; overflow:hidden; display:none; z-index:99;}
	.all-menu {font-size:14px; width:255px; height:100%; background-color:#fff; position:relative; z-index:3; overflow:auto; float:right}
	.all-menu h2 {display:block; background:#000; color:#fff}
	.all-menu .close {display:block; position:absolute; top:15px; right:15px; width:18px; height:18px;background-image:url('http://work5.wsu.ac.kr/dept1/common/images/btn_close.png'); background-position: 0 0;background-size: 18px 18px;text-indent:-9999px; opacity:1}
	.gnb > li {margin-bottom:0px; padding:15px; border-bottom:1px solid #d5d5d5}
	#main {padding-left:0;}
	.event_l{width:100%}
	.event_r{width:100%;padding:2% 0}
	.event_r p{width:70%;margin:0 auto}
	.con03_wrap_titlebox2 .bg_eng{font-size:70px; font-weight:800;opacity:0.1; color:#070707;text-align:center;line-height:100%;letter-spacing:-0.05em}
	.event_txt{font-size:18px}
	.event_date{width:50%}

}


@media screen and (max-width: 986px) {
	header > h1 .btn_side {display:block;margin-top:0px;}
	header > h1 {overflow:hidden;margin-bottom:0px;}
	header > h1 .logo {width:80%; float:left;margin-bottom:5%}
	#side {width:100%; position:relative; min-height:80px; padding:5% 0 0 2%; overflow:hidden;margin:0}
	.sidebar{margin-left:30px}
	#side > footer {display:none}
	.gnb > li{margin-left:0;padding:0;}
	.gnb > li > a:hover{margin:-5% 0 -5% -5%;padding:5% 0 5% 5%}
	.qLink {margin:10% 0 0 5%;}
	.qLink a{width:50%;display:block; float:left}
	#main > footer {display:block}
	#mask {position:absolute;z-index:1;background:rgba(0,0,0,0.8) 0 0;display:block;left:0;top:0;width:100%;height:100%;overflow:hidden}
	.allWrap {position:fixed; left:0; top:0; width:100%; height:100%; overflow:hidden; display:none; z-index:99}
	.all-menu {font-size:14px; width:255px; height:100%; background-color:#fff; position:relative; z-index:3; overflow:auto; float:right}
	.all-menu h2 {display:block; background:#000; color:#fff}
	.all-menu .close {display:block; position:absolute; top:15px; right:15px; width:18px; height:18px;background-image:url('http://work5.wsu.ac.kr/dept1/common/images/btn_close.png'); background-position: 0 0;background-size: 18px 18px;text-indent:-9999px; opacity:1}
	.gnb > li {margin-bottom:0px; padding:15px; border-bottom:1px solid #d5d5d5}
	#main {padding-left:0}
	#con01{padding:8% 8%;}
	/*#con02{padding:8% 0;}*/
	.mainTxt1 {top:25%; left:25%}
	.mainTxt2 > p {font-size:24px}
	.stitle_main02 {font-size:16px}
	.mainTxt2 .bg_eng{font-size:65px}	
	h3 .btnStyle06{font-size:16px}
	.con02_wrap{width:100%}

	.con01_left{width:100%}
	.con01_right{width:100%;}
	.con01_right .mainTxt22 > p {font-size:30px; font-weight:500; color:#000;margin:0 0 0 0;}
	.con01_right .mainTxt22 .btnStyle02{font-size:18px}
	.con01_img01{position:relative;width:50%; margin:0 auto;}

	/*
	.con04_01_m{display:block}
	.con04_01{display:none}
	*/
	.con04_02_m{display:block}
	.con04_02{display:none}
	.con03_wrap{width:100%}
	.con03_wrap_titlebox{width:100%;padding-bottom:17%}
	.con03_wrap_titlebox2{width:100%;padding-bottom:17%}
	h3 .btnStyle04{padding-top:15%}
	h3 .btnStyle05{padding-top:15%}
	.stitle_main04{margin-top:-15%}
	.stitle_main06{margin-top:-3%}
	#con06 > ul{padding-left:0}
	#con06 > ul li {width:100%;margin-bottom:10%;text-align:center;}
		.brMobile {display:none}
		.m_on {display:block}
		.m_off {display:none}
		.m02_on {display:block}
		.m02_off {display:none}
		.subcon_txt {font-size:16px; text-align:left}
		.subcon_txt02 {font-size:16px; text-align:center;padding:0 3%}
		.subcon_txt03 {font-size:18px; text-align:center}
		.event_date{width:60%}

}

@media screen and (max-width:768px) {
	#side {padding:7% 0 3% 2%}
	.mainTxt1 {top:25%; left:25%}
	.mainTxt1 > p {font-size:32px}
	.stitle_main{font-size:18px}
	h3 .btnStyle01 {font-size:14px}
	h3 .btnStyle01:after {margin:15% auto}
	.more02{font-size:12px}
	.more03{font-size:12px}
	.con01_photo{width:48%}
	.con01_txt{margin-bottom:5%}
	.event_l{margin:0 auto}
	.event_date li{font-size:14px}
	.event_date li .btn01{font-size:12px}
	.event_r{width:100%;margin:10% auto 0 auto;}
	
	.quizbox{width:80%; margin:0 auto; padding:2% 2%}
	.quizbox .quiztext{padding:2% 1%;font-size:16px}
	.mainTxt2 > p {font-size:22px}
	.stitle_main02 {font-size:16px}
	.mainTxt2 .bg_eng{font-size:55px}	
	
	.con01_right .mainTxt22 > p{font-size:24px}
	.event_txt{font-size:16px}
	.event_date{width:60%}
	

}



@media screen and (max-width:570px) {
.mainTxt1 {top:17%; left:15%}
.mainTxt2 .bg_eng{font-size:40px}
.mainTxt2 > p{margin-top:-12%}
.con01_txt{text-align:left}
.con03_wrap_titlebox .bg_eng{font-size:70px;letter-spacing:-0.05em}
.con03_wrap_titlebox2 .bg_eng{font-size:70px;letter-spacing:-0.05em}
.event_l {padding:5% 0}
.event_r {padding:2% 2%}
.event_r p{width:90%;margin:2% auto}
.brMobile02{display:block}
.event_txt{font-size:14px;width:80%;margin:0 auto}
.event_date{width:80%}
.more04{width:40%;}
.event_title02{width:80%;margin:0 auto}
.event_title{font-size:24px;}


}

@media screen and (max-width:425px) {
	header > h1 .logo img {width:50%}
	.mainTxt1 {top:15%; left:15%}
	.mainTxt1 > p {font-size:24px}
	.stitle_main{font-size:16px}
	h3 .btnStyle01 {font-size:14px}
	h3 .btnStyle01:after {margin:15% auto}
	.more02{font-size:12px}
	.mainTxt2 .bg_eng{font-size:35px;letter-spacing:-0.06em}	
	.event_date{width:80%}
	.event_date li{font-size:14px}
	.event_date li .btn01{font-size:12px}
	#con01 > a, #con02 > a {width:100%; padding:2% 2%}
	.focusWrap {margin:0}
	.focusWrap ul li {width:100%; margin:5% 0.5%}
	.event_r {padding:0 0}
	.brMobile02{display:block}
	.more04{width:40%;}
	.event_title02{width:80%;margin:0 auto}
	.event_title{font-size:24px;}
}

@media screen and (max-width:375px) {
	header > h1 .btn_side {margin-top:0}
	.mainTxt1 {top:15%; left:10%}
	.mainTxt2 .bg_eng{font-size:30px}	
	.event_r {padding:0 0}
	.mainTxt3 > p {font-size:18px;}
	#main > footer {display:block;font-size:10px}
	.brMobile02{display:block}
	.event_txt{font-size:14px}
	.event_date{width:80%}
	.more04{width:40%;}
	.event_title02{width:80%;margin:0 auto}
	.event_title{font-size:24px;}
}

@media screen and (max-width:320px) {
	.mainTxt1 > p {margin-top:10px}
}