@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&display=swap');




/* reset */
*, *:before, *:after {margin:0; padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;vertical-align:top;padding:0;margin:0;-webkit-font-smoothing:antialiased; font-family: "Roboto", sans-serif;}
html{height:100%; font-size:18px; overflow-x:auto; }
fieldset{border:0 none}
img{border:0 none;vertical-align: top;}
dl,ul,ol,menu,li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
input,select,textarea,button,label{font-size:100%;vertical-align:middle; font-family: "Roboto", sans-serif;}
button{border:0 none;background-color:transparent;}
table{width:100%;border-collapse:collapse;border-spacing:0}
textarea{resize:none;padding:5px 10px;border:1px solid #d0d0d0;}

input{border-radius:0}
input[type="text"],input[type="password"]{padding:0 10px;border:1px solid #d0d0d0;font-size:15px;}
input[type="text"]::placeholder,
input[type="password"]::placeholder { color:#848484; }
input[type="file"]{border:0;}
select{background:#fff; border:1px solid #d0d0d0;}

a, a:active, a:hover{text-decoration:none}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}

body{min-width:1200px; position:relative; color: #060606;word-break: keep-all;word-wrap: break-word;line-height:1.4; overflow-x:hidden;}
.hidden{display:none !important;}

/* common */
.inner{position:relative;width:1200px;margin:0 auto;}
.inner:after { content:''; display:block; visibility:visible; clear:both; }
.dim{display:none; position:fixed; top:0; bottom:0; left:0; width:100%; z-index:100; background:rgba(0,0,0,0.6);}
.ellipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.clear_float:after{content:""; display: block; clear: both;}

/* header */
header{ position:relative;  z-index:1000; }
header h1{ width:100%; padding-top:38px; margin-bottom:36px; z-index:10; }
header h1 a{display: block; width:354px; height:36px; background:url(../images/logo.png) no-repeat top left; font-size:0; text-indent:-99999px; }
header .btn_openGnb{display: none;}

/* util */
.util{ position:absolute; top:38px; right:242px; display:flex; justify-content:end; align-items:center; z-index:1; }
.util a{ height:30px; padding:0 12px; position:relative; font-size:16px; color: #000; line-height:30px; }
.util a+a:before { content:''; width:1px; height:11px; position:absolute; left:0; top:50%; margin-top:-5px; background:#000; }
.util .myInfo{display:none;}
.util .mo { display:none; }
.util .pc { display:block; }

.boxDday { width:214px; height:90px; position:absolute; right:0; top:0; display:flex; align-items:center; justify-content:center; flex-direction: column; background:#000; color:#fff;margin:10px 0; }
.boxDday strong { font-size:30px; font-weight:900;font-family:'Noto Sans KR', sans-serif; }
.boxDday span { font-size:14px; }

#container { position:relative; z-index:2; }

/* gnb */
.menu {  }
.menu .btn_openGnb{display: none;}
.menu .gnb { position:relative; display:flex; align-items:center;background:#007aec; }
.menu .gnb:before { content:''; width:100vw; height:80px; position:absolute; left:50%; top:0; background:#007aec; z-index:1; transform: translateX(-50%); z-index:1; }
.menu .gnb>li { flex:1; position:relative; z-index:10; }
.menu .gnb>li>a{ padding:0 25px; display:flex; align-items:center; justify-content:center; position:relative; height:80px; font-size:20px; color:#fff; text-align:center; z-index:10; }
.menu .gnb .depth02{ width:100%; display:none;position:absolute; top:80px; left:0; padding:28px 25px; background:#006acd; z-index:5; }
.menu .gnb .depth02>li>a { display:block; padding:10px 0; font-size:18px; color:#ffffff; text-align:center; }
.menu .gnb .depth03>li>a { display:block; font-size:18px; color:#fff; line-height:38px; white-space:nowrap; }
.menu .gnb .depth03>li>a:before { content:'- '; }
.menu .gnb .depth02>li>a:hover,
.menu .gnb .depth03>li>a:hover { color:#19c0f5; text-decoration:underline; }

.btn_closeGnb{display:none;}

/* footer */
footer{ position:relative; z-index:1;background:#f5f5f5; }
footer .inner { display:flex; padding:85px 0 75px; }
footer .f_logo { width:118px; height:16px; position:absolute; left:0; top:40px; background:url('../images/f_logo.png') center center no-repeat; font-size:0; text-indent:-99999px; }
footer address { width:50%; font-size:14px; color:#6f6f6f; }
footer address strong { font-weight:500; }
footer .info { font-size:14px; font-weight:500; }
footer .privacy { margin-left:auto; }
footer .privacy a { width:160px; height:44px; display:block; line-height:42px; border-radius:8px; border:1px solid #d0d0d0; background:#ececec; color:#000; font-weight:500; font-size:14px; text-align:center; }


/* main */
.mainVisual { height:500px; position:relative; background-size:auto 100%; background-position:center top; background-repeat:repeat-x; z-index:1; }
.mainVisual .pc { display:block; }
.mainVisual .mo { display:none; }
.mainVisual .boxDday { display:none; }
.mainVisual>.owl-carousel .item { height:500px; background-size:auto 100%; background-position:center top; background-repeat:no-repeat; }

.mainSection { position:relative; background:url('../images/bgMain.jpg') center top no-repeat; z-index:5; }
.mainSection .inner { display:flex; flex-wrap:wrap; }

.boxQuick { width:720px; order:1; }
.boxQuick a { width:240px; height:240px; padding-top:144px; float:left; border-width:10px; border-style:solid; background-position:center 38px; background-repeat:no-repeat; background-size:88px auto; color:#fff; text-align:center; font-size:22px; line-height:1.1; }
.boxQuick a.quick1 { border-color:#368dea; background-color:#368dea; background-image:url('../images/iconQuick1.png'); }
.boxQuick a.quick2 { border-color:#41b6e9; background-color:#41b6e9; background-image:url('../images/iconQuick2.png'); }
.boxQuick a.quick3 { border-color:#c73cfb; background-color:#c73cfb; background-image:url('../images/iconQuick3.png'); }
/* 
.boxQuick a.quick1 { border-color:#c41818; background-color:#c41818; background-image:url('../images/iconQuick1.png'); }
.boxQuick a.quick2 { border-color:#dd8c0c; background-color:#dd8c0c; background-image:url('../images/iconQuick2.png'); }
.boxQuick a.quick3 { border-color:#ded104; background-color:#ded104; background-image:url('../images/iconQuick3.png'); }
*/

.boxQuick a:hover { background-color:#fff; color:#000; }
.boxQuick a:hover.quick1 { background-image:url('../images/iconQuick1_on.png'); }
.boxQuick a:hover.quick2 { background-image:url('../images/iconQuick2_on.png'); }
.boxQuick a:hover.quick3 { background-image:url('../images/iconQuick3_on.png'); }

.boxImportant { width:480px; height:240px; order:2; padding:28px 40px 0 40px; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; background:#fff; }
.boxImportant .title { height:50px; margin-bottom:20px; padding-left:60px; background:url('../images/iconImportant.png') left center no-repeat; line-height:50px; font-size:26px; font-weight:500; color:#000; }
.boxImportant ul li a { display:flex; padding:5px 0; font-weight:500; }
.boxImportant ul li a .cont { margin-right:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#000; font-size:18px; }
.boxImportant ul li a .date { margin-left:auto; color:#c41818; font-size:19px; white-space:nowrap; }

.boxNotice { width:480px; height:314px; order:3; padding:40px 40px 0; position:relative; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; background:#fff; }
.boxNotice .title { margin-bottom:25px; font-size:26px; font-weight:500; color:#000; line-height:1; }
.boxNotice ul li a { display:block; position:relative; padding:7px 0; display:flex; font-size:17px; color:#000; font-weight:500; }
.boxNotice ul li a .cont { margin-right:20px; padding-left:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.boxNotice ul li a .cont:before { content:''; width:4px; height:4px; position:absolute; left:0; top:50%; margin-top:-2px; border-radius:50%; background:#c41818; }
.boxNotice ul li a .date { margin-left:auto; white-space:nowrap;  }
.boxNotice .more { width:36px; height:36px; position:absolute; right:30px; top:35px; background:url('../images/ico_more.png') center center no-repeat; background-size:16px auto; font-size:0; text-indent:-99999px; }

.boxDownload { width:360px; height:314px; order:4; padding:40px 40px 0; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; background:#fff; }
.boxDownload .title { margin-bottom:40px; font-size:26px; color:#000; line-height:1; }
.boxDownload a { height:48px; padding-left:16px; position:relative; display:block; border-radius:8px; font-size:17px; line-height:46px; font-weight:500; color:#fff; overflow:hidden; }
.boxDownload a+a { margin-top:6px; }
.boxDownload a:after { content:''; width:48px; height:46px; position:absolute; right:0; top:0; background-image:url('../images/iconDownload.png'); background-repeat:no-repeat; background-position:center center; background-size:16px auto; }
.boxDownload a.link1 { background:#2454a7; border:1px solid #012055; }
.boxDownload a.link1:after { background-color:#012055; }
.boxDownload a.link2 { background:#0d71bd; border:1px solid #005799; }
.boxDownload a.link2:after { background-color:#005799; }
.boxDownload a.link3 { background:#0da2bd; border:1px solid #006d88; }
.boxDownload a.link3:after { background-color:#006d88; }

.boxInvited { width:100%; height:400px; order:6; padding-top:45px; background:url('../images/bgInvited.png') center top no-repeat #f5f5f5; text-align:center; }
.boxInvited .title { margin-bottom:40px; display:inline-block; position:relative; font-size:26px; font-weight:500; color:#000; }
.boxInvited .title .more { width:36px; height:36px; position:absolute; right:-50px; top:50%; background:url('../images/ico_more.png') center center no-repeat; background-size:16px auto; transform:translateY(-50%); font-size:0; text-indent:-99999px; }
.slideInvited { padding:0 40px; overflow:hidden; }
.slideInvited .owl-carousel { padding:0 38px; }
.slideInvited .owl-carousel .item { display:block; }
.slideInvited .owl-carousel .item a { display:block; }
.slideInvited .owl-carousel .item .thumb { margin:0 30px 15px; border-radius:8px; overflow:hidden; box-shadow: 0 0 10px 0 rgba(108, 108, 108, 0.16); }
.slideInvited .owl-carousel .item .name { font-size:16px; font-weight:500; color:#000; }
.slideInvited .owl-carousel .item .info { font-size:14px; color:#727272; }
.slideInvited .owl-dots{display:none;}
.slideInvited .owl-nav{ margin:0; }
.slideInvited .owl-nav.disabled { display:block; }
.slideInvited .owl-nav .owl-prev{ position:absolute; top:50%; left:0; width:14px; height:24px; margin:-12px 0 0; padding:0; background:url('../images/btn_banner_prev.png') no-repeat center center; background-size:100% auto; font-size:0; text-indent:-999999px;}
.slideInvited .owl-nav .owl-next{position:absolute; top:50%; right:0; width:14px; height:24px; margin:-12px 0 0; padding:0; background:url('../images/btn_banner_next.png') no-repeat center center; background-size:100% auto; font-size:0; text-indent:-999999px;}

.boxVideo { width:360px; height:314px; order:5; padding:40px 40px 0; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; background:#fff; }
.boxVideo .title { margin-bottom:40px; font-size:26px; color:#000; line-height:1; }
.boxVideo .video { height:157px; }
.boxVideo .video iframe { width:100%; height:100%; }

.boxHost { width:100%; height:112px; display:flex; order:7; }
.boxHost .left,
.boxHost .right { flex:1; padding-left:66px; display:flex; align-items:center; }
.boxHost .title { position:relative; padding-right:20px; font-size:18px; color:#000; font-weight:500; }
.boxHost .title:after { content:''; width:4px; height:4px; position:absolute; right:0; top:50%; border-radius:50%; background:#c41818; transform:translateY(-50%); }
.boxHost .cont { margin-left:12px; display:flex; align-items:center; font-size:18px;FONT-WEIGHT:600; color:#000; }

.boxSponsor { background:#535353; }
.boxSponsor .inner { display:flex; }

.titSponsor { display:flex; align-items:center; margin-right:36px; font-size:18px; font-weight:500; color:#fff; }
.bnSponsor { padding:28px 0 26px; overflow:hidden; }
.bnSponsor .owl-carousel { padding:0 30px; }
.bnSponsor .owl-carousel .item { display:block; }
.bnSponsor .owl-carousel .item a { display:block; padding:0 12px; }
.bnSponsor .owl-dots{display:none;}
.bnSponsor .owl-nav{ margin:0; }
.bnSponsor .owl-nav.disabled { display:block; }
.bnSponsor .owl-nav .owl-prev,
.bnSponsor .owl-nav .owl-prev:hover{ position:absolute; top:50%; left:0; width:11px; height:18px; margin:-9px 0 0; padding:0; background:url('../images/btn_banner_prev.png') no-repeat center center; background-size:100% auto; font-size:0; text-indent:-999999px;}
.bnSponsor .owl-nav .owl-next,
.bnSponsor .owl-nav .owl-next:hover{position:absolute; top:50%; right:0; width:11px; height:18px; margin:-9 px 0 0; padding:0; background:url('../images/btn_banner_next.png') no-repeat center center; background-size:100% auto; font-size:0; text-indent:-999999px;}


/* sub page */
/* contents */
section { background:#fff; }
section .inner:after { content:''; clear:both; display:block; }
section .left { position:relative; border-bottom:1px solid #d8d8d8; }

/* contents title */
.box_tit{height:280px; background-position:center center;background-size:auto;}

.contents .left .home { width:60px; height:60px; float:left; background:#fff; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; line-height:60px; text-align:center; }
.contents .left .home img { vertical-align:middle; }
.contents .left h2 { min-width:190px; height:60px; position:relative; float:left; padding:0 80px 0 30px; border-left:1px solid #fff; color:#000; font-size:18px; font-weight:500; line-height:60px; }
.contents .left .select_lnb { min-width:340px; height:60px; float:left; position:relative; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; }
.contents .left .select_lnb.is--active { border-bottom:0; }
.contents .left .select_lnb>a { height:60px; display:block; padding:0 60px 0 30px; color:#007aec; font-size:17px; font-weight:500; line-height:60px; }
.contents .left h2:after,
.contents .left .select_lnb>a:after { content:''; width:14px; height:9px; position:absolute; right:30px; top:50%; margin-top:-4px; background:url('../images/iconLnbArrow.png') no-repeat; }



/* lnb */
.lnb{ position:absolute; left:-1px; top:60px; padding:18px 0; display:none; border:1px solid #d8d8d8; background:#fff; z-index:10; box-sizing:content-box; }
.lnb>li>a{position:relative;display:block;padding:9px 30px; font-size:18px; color:#000; letter-spacing:-0.01em; font-weight:500; white-space :nowrap; }
.lnb>li .depth02 { display:none; }
.lnb>li.is-selected .depth02 { display:block; }
.lnb>li .depth02 a { padding:9px 30px; display:block; color:#000; font-size:17px; font-weight:500; }
.lnb>li .depth02 a:before { content:'- '; }
.lnb>li>a:hover,
.lnb>li .depth02 a:hover { color:#007aec; }
.lnb>li.is-selected	a { color:#007aec; }


/* contents */
.contentsTop { position:relative; }
.contentsTop h3 { margin-bottom:50px; font-size:60px; color:#000; font-weight:500; text-align:center; }

.location { position:absolute; right:0; bottom:28px; display:block; color:#737373; font-size:16px; letter-spacing:-.05em; }
.location img { display:inline-block; margin-bottom:4px; vertical-align:middle; }

.contents .right {padding-top:80px; padding-bottom:150px; border-bottom:1px solid #d8d8d8; }

.contWrap p { display:block; /* margin-bottom:25px */; font-size:18px; }
.contWrap strong { font-weight:500; }

.titleArea { position:relative; margin-bottom:25px; }
.titleArea h4 { position:relative; padding-top:24px; font-size:30px; color:#000; font-weight:500; line-height:1; }
.titleArea h4:before { content:''; width:30px; height:6px; position:absolute; left:0; top:0; background:#007aec; }
h4 { position:relative; padding-top:24px; font-size:30px; color:#000; font-weight:500; /* line-height:1; */ }
h4:before { content:''; width:30px; height:6px; position:absolute; left:0; top:0; background:#007aec; }

h5 { margin:30px 12px 10px 0;    padding-left: 28px; background:url(../images/icon_h5_arr.png) left 5px no-repeat;    font-size: 22px;    font-weight: 600; }
h6 { margin:30px 12px 10px 0; font-size: 20px;    font-weight: 600; } 


.tabArea { margin-bottom:60px; display:flex; align-items:center; justify-content:center; }
.tabArea a { width:338px; padding:15px 20px; border-radius:8px; background:#e4e4e4; font-size:20px; color:#717171; font-weight:500; text-align:center; }
.tabArea a.active { background:#2454a7; color:#fff; }
.tabArea a+a { margin-left:20px; }

.tabCont { display:none; }
.tabCont.active { display:block; }
 
.tabArea2 { margin-bottom:60px; display:flex; align-items:center; justify-content:center; }
.tabArea2 a { width:338px; padding:15px 20px; border-radius:8px; background:#e4e4e4; font-size:20px; color:#717171; font-weight:500; text-align:center; }
.tabArea2 a.active { background:#2454a7; color:#fff; }
.tabArea2 a+a { margin-left:20px; }

.boxPapers { width:100%; margin-bottom:60px; display:flex; align-items:center; justify-content:center; }
.boxPapers .item { width:315px; height:158px; display:flex; align-items:center; justify-content:center; flex-direction:column; border-radius:5px; }
.boxPapers .item.item1 { background:#2454a7; }
.boxPapers .item.item2 { background:#0da2bd; }
.boxPapers .item+.item { margin-left:20px; }
.boxPapers .item .title { margin-bottom:12px; color:#fff; font-size:20px; font-weight:500; }
.boxPapers .item a { width:180px; height:46px; padding:0 40px; background:url('../images/iconPapers.png') 145px center no-repeat #fff; border-radius:10px; font-size:18px; font-weight:500; color:#000; line-height:46px; }





.btn3 {  }
.btn3.left { padding:0; margin:0 0 20px; float:none; text-align:left; }
.btn3.center { text-align:center; }
.btn3.right { padding:0; margin:0 0 20px; float:none; text-align:right; }
.btn3 a { display:inline-block; vertical-align:middle; }

.btnLink { display: inline-block;width:324px; height:62px; border-radius:5px; background:url('../images/iconLink.png') 282px center no-repeat #000; text-align:center; line-height:62px; color:#fff; font-size:18px; }


.boxContact { display:flex; align-items:center; margin-bottom:60px; background:#eff2f7;padding:20px 55px;border-radius:10px;}
.boxContact .icon { width:192px; height:192px; display:flex; align-items:center; flex-direction:column; justify-content:center; border-radius:50%; background:#e1e4e9; font-size:20px; font-weight:500; color:#000; flex-shrink:0; }
.boxContact .icon img { margin-bottom:12px; }
.boxContact .cont { margin-left:32px; font-size:17px; color:#000; }
.boxContact .cont strong { font-weight:500; }

.tableBasic { width:100%; margin-bottom:60px; border-top:2px solid #000; }
.tableBasic th { padding:15px 20px; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; font-size:17px; font-weight:500; color:#000; }
.tableBasic td { padding:15px 20px; border-bottom:1px solid #d8d8d8; background:#f3f3f3; font-size:17px; font-weight:500; color:#000; }

.listBasic { margin-bottom:50px; }
.listBasic li { position:relative; padding-left:10px; font-size:18px; line-height:34px; color:#000; font-weight:500; }
.listBasic>li:before { content:''; width:4px; height:4px; border-radius:50%; background:#000; position:absolute; left:0; top:15px; }
.listBasic li.str { color:#ff4d83; }
.listBasic li ol li { padding-left:0; }

/* 이후 추가 */

.item .thumb {
    overflow: hidden;
}

.item .thumb img {
    display: block;
    width: 100%;
    transition: transform 0.3s ease;
}

.item .thumb:hover img {
    transform: scale(1.05);
}


.res_img {
    max-width: 100%;
}
.boxgray {
    border-radius: 8px;
    background: #f5f5f5;
    padding: 20px;
}

.ta-l {text-align: left !important;}
.ta-r {text-align: right !important;}
.ta-c {text-align: center !important;}
.ta-j {text-align: justify !important;}


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







@media all and (max-width:1023px){/*tablet*/
	body { min-width:auto; }

	/* prevent iphone bouce */
	/* html,body{position: fixed;} */
	.util a:after { display:none; }

	/* header */
	header { height:auto; z-index:1; }
	header:after { display:none; }
	header h1{ width:auto; display:block; padding:20px 0 19px; position:relative; left:0; top:0; margin:0; text-align:center; line-height:1;}
	header h1 a{width:202px; height:21px; margin:0 auto; background:url(../images/logo_m.png) no-repeat; background-size:100% auto; vertical-align:top;}
	header .btn_openGnb{display: block; position:absolute; top:16px; right:24px; width:27px; height:27px; background:url(../images/ico_m_gnb.png) no-repeat top left; background-size:100% auto; font-size:0; text-indent:-99999px; z-index:20;}

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

  /* common */
  .inner{ width:100%; }
	.mBox{padding:20px;}
	.mBox .btnArea{margin-left:0; margin-right:0;}

	.txt{margin:15px 0; font-size:15px; line-height:23px;}
	.box_img{margin:15px 0;}
	.box_border_list{padding:25px;}
	.innerImg span{display:block; margin-bottom:15px; text-align:center;}
	.innerImg span img{display:none;}
	.innerImg span .m{display:inline;}
	.innerImg p{display:block; width:100%; margin-left:0;}

	.tit_commandment{margin-top:20px !important;}
	.commandment{height:auto; padding:20px; background:none;}
	.commandment .bullet_round_blue{width:25px; height:25px; line-height:25px; font-size:15px;}
	.commandment .indent_list_bullet li{padding-left:30px; text-indent:-30px; font-size:15px; line-height: 21px;}

	#container { padding:0; }

	/* footer */
	footer .inner { padding:25px 24px 34px; flex-direction:column; }
	footer .f_logo { width:102px; height:11px; margin-bottom:12px; position:relative; top:0; background:url('../images/f_logo_m.png') center center no-repeat; background-size: auto 100%; }
	footer address { margin-bottom:10px; font-size:11px; }
	footer .info { margin-bottom:16px; font-size:11px; }
	footer .privacy { margin-left:0; }
	footer .privacy a { width:150px; height:40px; border-radius:4px; font-size:12px; line-height:38px; }

	body{width:100%; height:100%; min-width:100%; overflow-x:hidden; overflow-y:auto; -webkit-text-size-adjust:none;  }

	.util{ display:block; position:relative; top:0; right:0; background:#fff; overflow:hidden; }
	.util:before { display:none; }
	.util a{ height:24px; padding:0 16px; float:left; margin-top:18px; font-size:14px; color: #343434; vertical-align: middle; border:1px solid #343434; line-height:1.2; line-height:22px;}
	.util a+a { margin-left:12px; }
	.util .pc{display:none;}
	.util .mo { display:block; }
	.util .name { margin:18px 12px 0 10px; float:left; line-height:24px; }
	.util .myInfo{ display:block; float:left; padding:10px 0 10px 20px; }
	.util .myInfo img{display: inline-block;width:40px;height:40px;vertical-align: middle;}

	/* gnb */
	.menu{ display:block; position:fixed; top:0; bottom:0; left:0; padding:0; margin:0; border-top:0; background:#007aec; overflow-y:auto; z-index:1000; -webkit-overflow-scrolling: touch;
		-webkit-width:calc(100% - 60px);
		-moz-width:calc(100% - 60px);
		width:calc(100% - 60px);
		-webkit-transform:translateX(-100%);
		-moz-transform:translateX(-100%);
		-ms-transform:translateX(-100%);
		transform:translateX(-100%);
	}
	.menu .inner { padding:0; }
	.menu .boxDday { display:none; }
	.menu .btn_openGnb{display: none;}
	.menu .gnb{ padding:0; display:block; }
	.menu .gnb:before { display:none; }
	.menu .gnb>li{width:auto !important; float:none;border-bottom:1px solid #fff;}
	.menu .gnb>li+li{margin-left:0;}
	.menu .gnb>li>a{ height:50px; display: block;padding:0 20px; position:relative;margin:0;font-size:17px; color:#fff; text-align:left; line-height:50px; font-weight:400;}
	.menu .gnb>li>a:hover { color:#fff; }
	.menu .gnb>li>a:after{content:"";display:inline-block;position: absolute;top:23px;right:20px;width:16px; height:9px;background:url(../images/ico_folded.png) no-repeat top left; background-size:16px 9px;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
	.menu .gnb>li>a.is-opened { background:#007aec; color:#fff; }
	.menu .gnb>li>a.is-opened:after{ background:url(../images/ico_folded_active.png) no-repeat top left; background-size:16px 9px;
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
		-o-transform:rotate(180deg);
		-ms-transform:rotate(180deg);
		transform:rotate(180deg);
	}
	.menu .gnb>li+li>a{background:none;}
	.menu .gnb .depth02{display:none; position:relative; top:0; left:0;width:100%;margin:0; padding:0; border:0; background:#fff; box-shadow:none; transform:none;}
	.menu .gnb .depth02 li+li{margin-top:0; border-top:1px solid #aaa}
	.menu .gnb .depth02>li>a{display: block;padding:16px 20px; font-size: 17px; color:#404040;line-height: 1; text-align:left; white-space:normal; }
	.menu .gnb .depth02>li>a:hover { color:#007aec; text-decoration:none; }
	.menu .gnb .depth02:after { display:none; }
	.menu .gnb .last{right:inherit;}
	.menu .gnb .depth03 { padding:20px; border-top:1px solid #aaa; }
	.menu .gnb .depth03 li+li { border-top:0; }
	.menu .gnb .depth03>li>a { font-size:16px; color:#404040; }
	.btn_closeGnb{display: block; position:fixed; top:0; right:0; width:60px;height:60px;background:url(../images/m_close.gif) no-repeat top left;background-size:60px 60px;font-size:0;text-indent:-99999px;z-index:1000;
		-webkit-transform:translateX(100%);
		-moz-transform:translateX(100%);
		-ms-transform:translateX(100%);
		transform:translateX(100%);
	}
	
	/* main */
	.mainVisual { height:auto; }
	.mainVisual .pc { display:none; }
	.mainVisual .mo { display:block; }
	.mainVisual .boxDday { width:145px; height:75px; display:flex; top:auto; bottom:0; background:rgba(0,0,0,.8); z-index:10; }
	.mainVisual .boxDday strong { font-size:20px; }
	.mainVisual .boxDday span { font-size:10px; }
	.mainVisual .owl-carousel .owl-item { height:auto; }
	.mainVisual .owl-carousel .owl-item .item { height:auto; }
	.mainVisual .owl-carousel .owl-item .item > div.mo { display:block; }

	.mainVisual .boxBanner,
	.mainVisual .mainQuick { display:none; }

	.mainSection .inner { display:block; }
	
	.boxQuick { width:auto; display:flex; }
	.boxQuick a { width:auto; height:auto; flex:1; float:none; padding:75px 0 20px; border-width:5px; background-size:44px auto; background-position:center 25px; font-size:15px; }

	.boxImportant { width:auto; height:auto; padding:28px 24px 20px; border-right:0; }
	.boxImportant .title { height:30px; margin-bottom:10px; padding-left:30px; background-size:23px auto; line-height:30px; font-size:20px; }
	.boxImportant ul li a { padding:8px 0; }
	.boxImportant ul li a .cont { margin-right:10px; font-size:16px; }
	.boxImportant ul li a .date { font-size:14px; }

	.boxNotice { width:auto; height:auto; padding:26px 24px 16px; border-right:0; }
	.boxNotice .title { margin-bottom:13px; font-size:20px; }
	.boxNotice ul li a { padding:10px 0; font-size:16px; }
	.boxNotice ul li a .cont { margin-right:10px; padding-left:8px; }
	.boxNotice ul li a .cont:before { width:2px; height:2px; margin-top:-1px; }
	.boxNotice .more { width:18px; height:18px; right:19px; top:27px; background-size:8px auto; }

	.boxDownload { width:auto; height:auto; padding:26px 24px 30px; border-right:0; }
	.boxDownload .title { margin-bottom:20px; font-size:20px; }
	.boxDownload a { height:50px; border-radius:5px; line-height:48px; font-size:16px; }
	.boxDownload a:after { background-size:20px auto; }

	.boxInvited { height:auto; padding:30px 0; background-size:132px auto; }
	.boxInvited .title { margin-bottom:20px; font-size:20px; }
	.boxInvited .title .more { width:26px; height:26px; right:-33px; background-size:16px auto; }

	.slideInvited { padding:0 24px; }
	.slideInvited .owl-carousel { padding:0 15px; }
	.slideInvited .owl-carousel .item .thumb { width:107px; margin:0 auto 12px; border-radius:4px; }
	.slideInvited .owl-carousel .item .name { font-size:16px; }
	.slideInvited .owl-carousel .item .info { font-size:14px; }

	.boxVideo { width:auto; height:auto; padding:28px 24px 40px; border-right:0; }
	.boxVideo .title { margin-bottom:20px; font-size:20px; }
	.boxVideo .video { height:auto; }

	.boxHost { flex-direction:column;}
.boxHost { width:100%; height:150px; display:flex; order:7; }
.boxHost .left,
.boxHost .right { flex:1; padding:0 20px; display:flex; align-items:center; }
.boxHost .title { position:relative; padding-right:20px; font-size:14px; color:#000; font-weight:500; }
.boxHost .title:after { content:''; width:4px; height:4px; position:absolute; right:0; top:50%; border-radius:50%; background:#c41818; transform:translateY(-50%); }
.boxHost .cont { margin-left:12px; display:flex; align-items:center; font-size:16px; color:#000; }	:
.boxHost .left .cont>img {max-width:100%;}

	.boxSponsor .inner { padding-left:24px; }
	.titSponsor { margin-right:10px; font-size:12px; }

	.bnSponsor { padding:17px 0; }
	.bnSponsor .owl-carousel { height:46px; padding:0; }
	.bnSponsor .owl-carousel .item a { padding:0 7px; }
	.bnSponsor .owl-carousel .owl-item img { height:46px; }	
	.bnSponsor .owl-nav,
	.bnSponsor .owl-nav.disabled { display:none; }
	
		
	/* contents */
	section{overflow:hidden; -webkit-overflow-scrolling: touch;}
	section .left { float:none; width:auto; }
	section .right{ float:none; width:auto; }

	.contents .left .home { display:none; }
	.contents .left h2 { display:none; }
	.contents .left .select_lnb { height:auto; border:0; position:static; }
	.contents .left .select_lnb>a { display:none; }
	.contents .right { padding-top:0; padding-bottom:0; }
	
	/* lnb */
	.lnb{ width:100%; position:absolute; left:0; top:60px; margin:0; padding:14px 0; display:none; background:#fff; border:0; z-index:200; box-sizing:border-box;}
	.lnb>li { border-bottom:0; text-align:center; }
	.lnb>li>a { padding:5px 0; font-size:25px; }
	.lnb > li.is-selected > a { color:#007aec; }
	.lnb>li .depth02>li>a { padding:0; font-size:25px; }
	.lnb>li .depth02>li.is-selected>a { color:#007aec; }
	

    /* contents title */
	.box_tit{ display:none; }
	
	.contentsTop { border:0; }
	.contentsTop h3 { height:60px; position:relative; padding-left:0; margin-bottom:0; border-bottom:1px solid #d8d8d8; text-align:center; line-height:60px; font-size:23px; background:#fff; font-weight:500; z-index:200; color:#000; }
	.contentsTop h3:after { content:''; width:24px; height:14px; position:absolute; right:20px; top:50%; margin-top:-7px; background:url('../images/titFolded.png') center center no-repeat; background-size:24px auto; -webkit-transition:all .3s ease; transition:all .3s ease; }
	.contentsTop h3.active { border-bottom:0; }
	.contentsTop h3.active:after { -webkit-transform:rotate(180deg); transform:rotate(180deg); }
	
	.location { display:none; }

	.contWrap { padding:30px 24px 75px; }
	.contWrap p { margin-bottom:10px; font-size:15px; }
	.contWrap img { max-width:100%; }

	.titleArea { margin-bottom:10px; }
	.titleArea h4 { padding-top:12px; font-size:20px; }
	.titleArea h4:before { width:15px; height:3px; }
	 h4 { padding-top:12px; font-size:20px; }
	 h4:before { width:15px; height:3px; }

	 h5 { font-size:18px; }
 
	 
	.tabArea { margin-bottom:24px; }
	.tabArea a { width:auto; padding:14px; font-size:14px; }
	.tabArea a+a { margin-left:10px; }

	.listBasic { margin-bottom:20px; }
	.listBasic li { padding-left:7px; font-size:12px; line-height:17px; }
	.listBasic>li:before { width:2px; height:2px; top:6px; }
	.listBasic li+li { margin-top:5px; }

	.boxContact { margin-bottom:28px; }
	.boxContact .icon { width:86px; height:86px; font-size:10px; }
	.boxContact .icon img { width:38px; margin-bottom:6px; }
	.boxContact .cont { margin-left:15px; font-size:12px; }

	.boxPapers { margin-bottom:25px; }
	.boxPapers .item { width:100%; height:80px; border-radius:10px; }
	.boxPapers .item+.item { margin-left:10px; }
	.boxPapers .item .title { margin-bottom:5px; font-size:12px; }
	.boxPapers .item a { width:100px; height:23px; padding:0; background-position:82px center; background-size:8px auto; text-align:center; font-size:11px; line-height:23px; }
	
	.btnLink { width:200px; height:50px; border-radius:5px; background-position:177px center; background-size:8px auto; line-height:50px; font-size:12px; }
	
	.tableBasic { margin-bottom:30px; }
	.tableBasic th { padding:10px 15px; border-right:0; font-size:12px; white-space:nowrap; }
	.tableBasic td { padding:10px 15px; font-size:12px; }

}


@media all and (max-width:767px){/*mobile*/
html{font-size:16px;  }
}

@media all and (max-width:480px){/*mobile*/

}