@charset "UTF-8";
@import url("style.css");
/* @import url("fontface.css"); */
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("https://fonts.googleapis.com/css?family=Titillium Web:Extra-Light");

/* focus navigator */
#skipToContent { z-index:10; top:0; left:50%; margin-left:-500px; width:1000px; position:absolute; background-color:#fff; }
#skipToContent a { display:block; padding:0 10px; height:1px; margin-top:-1px; overflow:hidden; color:#fff; }
#skipToContent a:focus, #skipToContent a:active { height:auto; padding:10px; margin-bottom:0; color:#333; font-weight:bold; }

/* alert */
.oldBrowserAlert { position:fixed; top:-50px; left:0; z-index:11; width:100%; height:30px; line-height:30px; text-align:center; background:url('../images/common/bg_gnb.png') repeat-x 0 0; }
.oldBrowserAlert p * { font-size:14px; color:#fff; }
.oldBrowserAlert p * { display:inline-block; *display:inline; *zoom:1; }
.oldBrowserAlert p strong { margin-right:30px; }
.oldBrowserAlert p a { margin:0 10px; }
.oldBrowserAlert p a:hover { text-decoration:underline; }
.oldBrowserAlert .btClose { margin-left:10px; vertical-align:middle; position:relative; top:-2px; height:20px; line-height:1; font-size:11px; border:1px solid #fff; padding:2px 8px; background-color:#000; cursor:pointer; }
.oldBrowserAlert .btClose:hover { text-decoration:none; }

.comBg, .comBgAfter:after, .comBgBefore:before { background-image:url('../images/common/bg_icon.png'); background-repeat:no-repeat; }
.comBgAfter:after, .comBgBefore:before { content:""; }
.cssAni { -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s; }
.br { display:block; }
.mshow { display:none; }
.mshow2 { display:none; }
.left { text-align:left !important }
.center { text-align:center !important }
.right { text-align:right !important }
/* */
.yelo { color:#ffefb0 !important; }
.cblue { color:#1d93ca !important; }
.csky { color:#2361ba !important; }
.csky2 { color:#3689b0 !important; }
.cgray { color:#797e80 !important; }
.cwhite { color:#fff !important; }
.cgreen { color:#349d2c !important }
.cgreen2 { color:#009082 !important }
.cgreen3 {color:#0f5e33 !important;}
.cgreen4 {color:#11777c !important;}
.cgreen5 {color:#006a05 !important; }
.cblue2 { color:#0170b8 !important }
.cblue3 {color:#455bc0 !important}
.cblue4 {color:#23547b !important}
.cblack { color:#333 !important; }
.cpurple { color:#6e2c9d !important; }
.pt0 { padding-top:0 !important; }
.mt0 { margin-top:0 !important; }
.pb0 { padding-bottom:0 !important; }
.ml10 { margin-left:10px !important; }
.pt30pc { padding-top:1.765em !important; }
.pt10pc { padding-top:0.714em; }
.fs20 { font-size:1.429em; padding-bottom:0.5em; }
.flm_1 { letter-spacing:-1px; }
.flm_2 { letter-spacing:-2px; }
.pb15pc { padding-bottom:1.071em !important; }
.pt15pc { padding-top:1.071em !important; }

/* */
img { max-width:100%; }
html, body { height:100%; }
body { background-color:#656565; }
.wrap { min-width:1250px; position:relative; z-index:1; left:0; -webkit-transition:left 0.2s; -moz-transition:left 0.2s; -ms-transition:left 0.2s; transition:left 0.2s; }
.wrap .area { height:100%; }
.off .areaBg { display:none; }
.header { z-index:2; position:relative; }
.footer { height:150px; z-index:1; position:relative; }
.content { margin:0 auto; max-width:1000px; }
.container { /* min-height:100%; margin:-90px 0 -80px; */ background-color:#fff; position:relative; }
.container .content { padding:20px 0; }

/* new_header(1905) */
.header, .header .content { background-color:#fff; position: relative;z-index: 100;}
.header .content { position:relative; height:110px; max-width:1000px; }
.noFixed .header .content { position:absolute; left:0; margin-left:0; }
.header .section { max-width:1000px; margin:0 auto; }
.header .section:after { content:""; display:block; clear:both; }
.header .btGnb { display:none; position:absolute; right:20px; top:50%; margin-top:-12px; width:25px; height:25px; background-position:-55px -10px; background-size:500px auto; }
.header .btGnb em { position:absolute; width:0; height:0; overflow:hidden; z-index:-1; }
.header .btGnb.on { /* background-position:-100px -10px; */ }
.header .btGnb:after { content:"\00a0"; position:absolute; top:0; left:0; }
.header .hTitles { position:relative; max-width:1000px; margin:0 auto;z-index:10; }
.header .hTitles:after {content: ""; display: block; clear: both;   }
.header .hTitles .tit { position:relative; padding-top:20px; }
.hTitles .tit {float: left; position:relative; width:218px; height:45px; padding-bottom: 20px; }
.hTitles .tit:before { content:""; display: block; clear: both; position:absolute; width:218px;  height:4px; background-color:#0194cf; bottom:0; left:0;  }
.hTitles .tit a { position:relative; display:block; width:218px; height:45px; background-position:-400px -20px; }
.hTitles .tit a em { position:absolute; width:0; height:0; overflow:hidden; z-index:-1; }
.hTitles .tit a:after { content:"\00a0"; position:absolute; top:0; left:0; }
.hTitles .tit + .date {display: inline-block; margin-top: 30px; margin-left: 20px; font-size: 20px; font-weight: bold; line-height: 1.2; letter-spacing: -0.02em; color: #0194cf;}
.hTitles .tit + .date .date2 {font-size: 17px; font-weight: bold; color: #333 }

.text_box{display: table;width:100%;color:#666;}
.text_box .textLeft{position: relative;display:table-cell;width:100%;height:5px; box-sizing: border-box;}
.text_box .textLeft.type10{width:10%;}
.text_box .textLeft::before{content:"";position: absolute;top:5px;right:0px;width:1px;height:18px;background-color:#666;}
.text_box .textRight.pl30{padding-left:30px;}
.scontent .divide.pl_1811{padding:2.857em 2.357em}


/* top_right */
.top_right {float: right; padding-top: 30px; }
.top_right .top_cont {display:inline-block; }
.top_right .top_cont > a {display: inline-block; width: 100px; height: 48px; margin-right: 5px; font-weight: bold; font-size: 15px; text-align: center; color: #fff; line-height: 48px;}
.top_right .top_cont .notice {background-color: #18aef6;}
.top_right .top_cont .news {background-color: #4c94d6; color: #fff;}

/* select */
.selectbox { display:inline-block; position:relative; vertical-align:bottom; }
.selectbox .txt { position:relative; display:block; text-decoration:none; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 55px 0 15px; height:20px; line-height:20px; border:1px solid #ccc; color:#444; background-color:#fff; }
.selectbox select { position:absolute; z-index:1; left:0; bottom:0; height:100%; *height:auto; padding:0; border:0; width:100%; opacity:0; filter:alpha(opacity=0); -webkit-appearance:none; cursor: pointer;}
.hText { position:absolute; width:0; height:0; z-index:-1; overflow:hidden; }

/* */
.selectLastMg .txt, .selectLastMg select { color:#444; font-size:1.071em; }
.selectLastMg .txt { height:20px; margin-top: -1px; line-height:20px; border:1px solid #ddd; padding:13px 133px 13px 20px; }
.selectLastMg .txt:after { content:""; position:absolute; top:0; right:10px; width:28px; height:100%; background:url('../images/common/sel_bg_arr.png') no-repeat 50% 50%; }

/* */
.mainNavi { background-color:#4ac4ff; height:80px; }
.mainNavi .nav { display:table; table-layout:fixed; max-width:1000px; width:100%; margin:0 auto; *overflow:hidden; }
.mainNavi .nav > li { display:table-cell; height:80px; vertical-align:middle; text-align:center; *float:left; *width:20%; }
.mainNavi .nav > li a { display:block; color:#fff; font-size:1.571rem; height:100%; line-height:80px; background:url('../images/common/gnb_arr.png') no-repeat 50% 200%; -webkit-transition:background-position 0.2s; -moz-transition:background-position 0.2s; -ms-transition:background-position 0.2s; transition:background-position 0.2s; font-weight: bold;}
.mainNavi .nav > li a > span { line-height:1.3; vertical-align:middle; display:inline-block; position:relative; top:-1px; *display:block; *line-height:80px; *white-space:nowrap; }
.mainNavi .nav > li a > span br { display:none; }
/* .header .mainNavi .nav > li a:focus, */
.header .mainNavi .nav > li a.on, .header .mainNavi .nav > li a:hover { background-position:50% 100%; }
.mainNavi .nav .n3 { background-color:#18aef6; }
.mainNavi .nav .n1 { background-color:#4ac4ff; }
.mainNavi .nav .n2 { background-color:#18aef6; }
.mainNavi .nav .n4 { background-color:#4ac4ff; }
.mainNavi .nav .sn { display:none;}

.vis-wrap .bx-wrapper .bx-controls-direction a.bx-prev {left: 10px; }
.vis-wrap .bx-wrapper .bx-controls-direction a.bx-next {right: 10px; }

/* footer */
.footer { background-color:#a9cdf6; }
.footer .section { position:relative; padding:58px 230px 20px; }
.footer .section { position:relative; padding:60px 0 0 420px; }
.footer .section .kosaf { position:absolute; top:56px; left:0; width:200px; height:37px; background-position:0 -150px; }

.footer .section .kosaf { position:absolute; top:56px; left:200px; width:200px; height:37px; background-position:0 -150px; }
.footer .section .kosaf > a { display:block; width:100%; height:100%; overflow:hidden; text-indent:-999px; }
.footer .section .selectbox { position:absolute; top:55px; right:0; }
.footer .section .selectbox .txt, .footer .section .selectbox select { color:#cacaca; font-size:15px; font-size:1.071rem; background-color:#656565; }
.footer .section .selectbox .txt { border:2px solid #b5b5b5; padding:8px 40px 8px 15px; min-width:160px; }
.footer .section .selectbox .txt:after { width:40px; background:url('../images/common/sel_bg_arr_up.png') no-repeat 50% 50%; border-left:0; }
.footer .section .selectbox .txt { background-color:#bbb; color:#555; font-weight:bold; }
.footer .section .selectbox .txt:after { background-image:url('http://www.kormentletter.co.kr/201712/assets/images/common/sel_bg_arr_up_b2.png'); }
.footer .section address { font-size:12px; font-size:0.857rem; color:#fff; line-height:1.5; }
.footer .section address a:hover, .footer .section address a:focus { text-decoration:underline; }

/* rnb */
.aside { height:100%; left:0; top:0; margin-left:20%; position:absolute; z-index:0; display:none; }
.rnb { height:100%; }
.rnb .rnbContents { margin:-55px 0 -76px; min-height:100%; background-color:#fff; }
.rnb .nav { padding:55px 0 76px; }
.rnb .rnbFoot { padding:20px 20px; height:76px; position:relative; z-index:1; background-color:#eee; box-sizing:border-box; -webkit-box-sizing:border-box; }
.aside, .rnb .rnbTitle .title { width:80%; }
.rnb .rnbTitle { height:55px; z-index:2; position:relative; background-color:#5b5b5b; }
.rnb .rnbTitle .title { position:fixed; top:0; right:0; height:55px; padding:0 60px 0 20px; background-color:#4ac4ff; box-sizing:border-box; -webkit-box-sizing:border-box; box-shadow:0 1px 3px rgba(0,0,0,.3); -webkit-box-shadow:0 1px 3px rgba(0,0,0,.3); -webkit-backface-visibility:hidden; }
.noFixed .rnb .rnbTitle .title { position:absolute; width:100%; }
.rnb .rnbTitle h2 { position:relative; margin-top:17px; width:67px; height:19px; background-position:0 -150px; }
.rnb .rnbTitle h2 em, .rnb .rnbTitle .btClose em { position:absolute; z-index:-1; overflow:hidden; width:0; height:0; }
.rnb .rnbTitle h2:after, .rnb .rnbTitle .btClose:after { content:"\00a0"; position:absolute; top:0; left:0; }
.rnb .rnbTitle .btClose { position:absolute; z-index:1; right:20px; top:50%; margin-top:-12px; width:25px; height:25px; overflow:hidden; background-position:-100px -10px; }
.rnb .selectbox { display:block; }
.rnb .selectbox .txt, .rnb .selectbox select { font-size:0.929rem; color:#6b6b6b; }
.rnb .selectbox .txt { padding:7px 38px 7px 9px; border:1px solid #d5d5d5; }
.rnb .selectbox .txt:after { background-image:url('../images/common/sel_bg_arr_up_b.png'); background-size:12px auto; }
.rnb .navList { padding-top:24px; }
.rnb .navList > li { padding-bottom:20px; }
.rnb .navList > li a { display:block; padding:0px 20px 0 52px; line-height:26px; color:#739869; font-size:1.214rem; position:relative; }
.rnb .navList > li a:before { width:25px; height:25px; content:"\00a0"; position:absolute; left:20px; top:50%; margin-top:-12px; background-image:url('../images/common/bg_icon.png'); background-repeat:no-repeat; background-size:500px auto; }
.rnb .navList .known:before { background-position:-100px -150px; }
.rnb .navList .sketch:before { background-position:-150px -150px; }
.rnb .navList .star:before { background-position:-200px -150px; }
.rnb .navList .report:before { background-position:-250px -150px; }
.rnb .navList .event:before { background-position:-300px -150px; }
.rnb .navList .notice:before { background-position:-350px -150px; }
.rnb .navList .news:before { background-position:-400px -150px; }
.rnb .navList .mentor:before { background-position:-449px -150px; }


.vis-wrap{width:100%;left:0;top:0;z-index:-1;}
.vis-wrap .visual .visualBg{width:100%;}
.vis-wrap .vis-in{width:1200px;margin:0 auto;padding-top:230px;}

/* 추가 */
.mainVisual { position:relative; background-color:#fff;  height:490px;  }
.mainVisual .bg1{height:490px;background-repeat:repeat-x; background-position:0 0;z-index:1;}
.mainVisual .bg2{height:490px;background-repeat:repeat-x; background-position:0 0;z-index:1;}
.mainVisual .bg3{height:490px;background-repeat:repeat-x; background-position:0 0;z-index:1;}
.mainVisual .bg1:after { position:absolute; content:""; height:100%; width:50%; right:0; top:0; z-index:1; }
.mainVisual .bg2:after { position:absolute; content:""; height:100%; width:50%; right:0; top:0;z-index:1; }
.mainVisual .bg3:after { position:absolute; content:""; height:100%; width:50%; right:0; top:0; z-index:1; }

.mainVisual .visualBg { position:relative; z-index:10; background-repeat:no-repeat; background-position:50% 0; height:100%; background-size:cover; }
.mainVisual .visualBg.vis1{background-image:url('../images/main/visual.jpg');}
.mainVisual .visualBg.vis2{background-image:url('../images/main/visual2.jpg');}
.mainVisual .visualBg.vis3{background-image:url('../images/main/visual3.jpg');}
.mainVisual:after { position:absolute; content:""; height:100%; width:50%; right:0; top:0; }
.mainVisual .visualBg .bg { display:none; position:relative; text-align:center; }
.mainVisual .content { position:relative; height:100%; padding:0; }
.mainVisual .desc { padding-top:300px; text-align:right; color:#739869; line-height:1.6; font-size:16px; font-size:1.143rem; letter-spacing:-0.05em; }
.mainVisual .desc2 { padding-top:300px; }
.mainVisual .desc3 { padding-top:325px; }
.mainVisual .mores { bottom:60px; right:0; position:absolute; }
.mainVisual .mores > li { font-size:18px; font-size:1.286rem; }
.mainVisual .mores a { color:#14668f; background:url('../images/common/more_p.png') no-repeat 0 50%; padding-left:45px; min-height:35px; line-height:35px; display:block; }

.mainVisual .visualBg.vis1 .mores a { color:#14668f; background:url('../images/main/more_p.png') no-repeat 0 50%; padding-left:45px; min-height:35px; line-height:35px; display:block; }
.mainVisual .visualBg.vis2 .mores a { color:#14668f; background:url('../images/main/more_p2.png') no-repeat 0 50%; padding-left:45px; min-height:35px; line-height:35px; display:block; }
.mainVisual .visualBg.vis3 .mores a { color:#14668f; background:url('../images/main/more_p3.png') no-repeat 0 50%; padding-left:45px; min-height:35px; line-height:35px; display:block; }

/* */
.mcontent { padding-bottom:20px; }
.mcontent .section:after { content:""; display:block; clear:both; }
.mcontent .section > .article { float:left; ; margin-left:20px; width:320px; height:515px; }
.mcontent .section > .article:first-child { margin-left:0; }
.mcontent .cont { position:relative; font-size:15px; font-size:1.071rem; }
.mcontent .cont .panel { display:block; padding: 20px 0; box-sizing: border-box; }
.mcontent .cont .panel .text { height:198px; height:13.2em; }
.mcontent .cont1 .panel, .mcontent .cont2 .panel, .mcontent .cont6 .panel { width:100%; height:100%; }
.mcontent .cont1, .mcontent .cont2, .mcontent .cont6 { border:1px solid #d9d9d9; height:515px; text-align:center; color:#739869; }
.mcontent .cont2 { background: #fffcf5; }
.mcontent .cont3 { height:165px; background:url('../images/main/bg_03.jpg') no-repeat 50% 100% #207da4; }
.mcontent .cont4 { height:165px; background:url('../images/main/bg_04.jpg') no-repeat 50% 100% #2c95b3; }
.mcontent .cont5 { height:170px; background:url('../images/main/bg_05.jpg') no-repeat 50% 100% #2a96c3; }
.mcontent .cont1, .mcontent .cont6 {background:url('../images/main/bg_03_new.jpg') no-repeat 50% 100%; background-size: cover;}

.mcontent .cont .stit { display: inline-block; width: 170px; height: 30px; margin-bottom: 20px; border-radius: 20px; background-color: #50b948; color:#fff; font-size:1.214rem; line-height: 30px; text-align: center; font-family: "BMJUA"; font-weight:normal;}
.mcontent .cont .tit { padding-bottom:0.765em; font-weight:normal; font-size:32px; font-size:2.133rem; font-family: "BMJUA"; line-height: 36px; color:#000; padding-bottom:0.4em; font-size:2rem; line-height: 32px; }
/* .mcontent .cont.cont6 .tit {padding-bottom:0.765em; } */
.mcontent .cont .desc { line-height:1.4; color: #333; font-weight: bold;}
.mcontent .cont .img { padding:1.467em 0 1.286em; }
.mcontent .cont .img img { max-width:204px; }
.mcontent .cont .more {position: relative; display:block; height: 52px; background-color: #509aef; color: #fff; line-height:52px; white-space:nowrap;  }
.mcontent .cont .more:after {content: ""; display: inline-block; width: 27px; height: 27px; margin-left: 10px; background:url('../images/main/lnk_carr.png') no-repeat 100% 50%; vertical-align: -8px;}
.mcontent .cont3 .panel { padding:26px 20px 20px; }
.mcontent .cont3 .stit { color:#8de3ff; padding:0 0 0.471em; }
.mcontent .cont3 .tit { color:#d7f5ff; font-size:28px; font-size:2rem; letter-spacing:-1px; }
.mcontent .cont .slnk { position:absolute; bottom:20px; left:20px; line-height:26px; width:104px; color:#96e0ff; }
.mcontent .cont .slnk:after { content:""; display:inline-block; vertical-align:middle; position:relative; top:-1px; margin-left:0.267em; width:6px; height:9px; width:0.4em; height:0.6em; background:url('../images/main/s_arr.png') no-repeat 0 0; }
.mcontent .cont4 .panel { padding:0; }
.mcontent .cont4 .stit { color:#f4f2bc; }
.mcontent .cont4 .tit { color:#d7f6ff; }
.mcontent .cont5 .tit { color:#d9f8ff; }
.mcontent .cont5 .stit { letter-spacing:-1px; color:#96e0ff; }


.mcontent .evtList { display:inline-block; padding:10px 20px 0; }
.mcontent .evtList .n { color:#fffb96; padding-top:0.882em; padding-bottom:0.471em; }
.mcontent .evtList .tit { color:#fff; font-size:28px; font-size:2rem; padding-bottom:0.5em; letter-spacing:-1px; }
.mcontent .evtList .ms { color:#143a4a; }
.mcontent .evtList > li { border-top:1px solid #7fc1dc; }
.mcontent .evtList > li:first-child { border-top:0; }
.mcontent .nList { padding-top:40px; }
.mcontent .nList:after { content:""; display:block; clear:both; }
.mcontent .nList > li { float:left; width:320px; height:100px; margin-left:20px; font-size:25px; font-size:1.6rem; position:relative; }
.mcontent .nList > li:first-child { margin-left:0; }

.mcontent .nList .m_mentor { background-color:#1ac1b8; }
.mcontent .nList .notice { background-color:#2c95b3; }
.mcontent .nList .news { background-color:#0c6286; }
.mcontent .nList > li a { display:block; color:#fff; line-height:100px; padding:0 88px; position:relative; z-index:1; }
.mcontent .nList > li:after { content:""; position:absolute; top:0; width:88px; height:100%; right:0; background:url('../images/main/lnk_arr.png') no-repeat 50% 50%; }
.mcontent .nList .m_mentor:before { content:""; position:absolute; top:0; width:88px; height:100%; left:0; background:url('../images/main/icon_mentor.png') no-repeat 50% 50%; }
.mcontent .nList .notice:before { content:""; position:absolute; top:0; width:88px; height:100%; left:0; background:url('../images/main/icon_notice.png') no-repeat 50% 50%; }
.mcontent .nList .news:before { content:""; position:absolute; top:0; width:88px; height:100%; left:0; background:url('../images/main/icon_news.png') no-repeat 50% 50%; }
.mcontent .nList .extLink { display:table; table-layout:fixed; padding:0 88px; box-sizing:border-box; }
.mcontent .nList .extLink > a { display:table-cell; padding:0; line-height:1.4; width:100%; height:100%; vertical-align:middle; box-sizing:border-box; }


@media all and (max-width:999px) {
	.lighthouse .logo img { width:160px; }
	.mhid2 { display:none; }
}
@media all and (max-width:768px) {
	.lighthouse .logo img { width:180px; }


}

@media all and (min-width:1px) {
	.wrap { min-width:inherit; }
	.header .section { width:auto; }
	.mentorGuide { width:auto; }

	/* */
	.off .wrap { position:fixed; left:-80%; width:100%; height:100%; -webkit-backface-visibility:hidden; /* box-shadow:3px 0 6px rgba(0,0,0,.3); -webkit-box-shadow:3px 0 6px rgba(0,0,0,.3); */ }
	.off.noFixed .wrap { position:absolute; }
	.off .wrap .header .content { left:-80%; width:100%; }
	.off.noFixed .header .content { margin-left:80%; -webkit-transition:none; transition:none; }
	.off .aside { display:block; position:relative; }
	.off .areaBg:after { content:""; position:absolute; top:0; bottom:0; right:0; width:26px;
		background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(51,51,51,0.45) 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(51,51,51,0.45)));
		background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(51,51,51,0.45) 100%);
		background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(51,51,51,0.45) 100%);
		background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(51,51,51,0.45) 100%);
		background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(51,51,51,0.45) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6333333',GradientType=1 );
	}

	.mcontent .cont .slnk:after { background-image:url('../images/main/s_arr_2x.png'); background-size:100% auto; }
}

@media all and (max-width:1020px) {
	.hTitles { top:0; }
	#skipToContent { width:100%; left:0; margin-left:0; }
	.header .content { min-width:inherit; }
	.content, .header .section, .header .gnb .gnbList > ul { padding:0; }
	.noticeTitle { background-position:cover; }
	/* .header .hTitles{width:100%;} */
	.hTitles .tit:before  { width:164px;}


}

@media all and (min-width:1021px) and (max-width:1200px) {
	.mainNavi .nav > li a { font-size:18px; font-size:1.286rem; }
	.mainNavi .nav > li a > span br { display:block; }
	.mainNavi .nav > li.sn { display:table-cell; }
	.container .mainNavi .nav > li a { font-size:22px; font-size: 1.571rem; }
	.sidebar-sticky { visibility:hidden; width:0px; z-index:-1; overflow:hidden; }
}

@media all and (min-width:768px) and (max-width:945px) {
	.mainNavi .nav > li a { font-size:18px; font-size:1.286rem; }
	.mainNavi .nav > li a > span br { display:block; }
	.mainNavi .nav > li.sn { display:table-cell; }
	.container .mainNavi .nav > li a { font-size: 1.571rem; }
	.sidebar-sticky { visibility:hidden; width:0px; z-index:-1; overflow:hidden; }
}

/* tablet */
@media all and (min-width:768px) and (max-width:1020px) {
	html { font-size:11px; }

	.mainNavi .nav { max-width:768px; width:100%; }
	.container .content { max-width:768px; }
	.header .content, .footer .content, .mainVisual .content { max-width:750px; }
	.header .content .new_h{max-width:750px;margin:0 auto;}
	.header .content.h_newWrap .selectbox{top:-10px;}

	.container { background-size:1584px auto; }
	.container .content {  }
	.comBg, .comBgAfter:after, .comBgBefore:before { background-size:750px auto; }

	/* */
	.header .content { height:80px; }
	.header .content.h_newWrap{position:absolute;}
	.hTitles { position:absolute; top:0px; left:0px; width:180px;width:100%; }
	.header .content.h_newWrap .selectbox select { }

	.hTitles .tit { padding-bottom:15px; }
	.hTitles .tit:before { height:3px; }
	.header .outLinks { position:absolute; right:0; top:17px; }
	.header .hTitles .tit { padding-top:15px; }
	.hTitles .tit { width:164px; height:34px; }
	.hTitles .tit a { width:164px; height:34px; background-position:-300px -15px; }

	.top_right {padding-top: 18px; }
	.top_right .top_cont > a {width: 80px; font-size: 12px;}
	.hTitles .tit + .date {margin-top: 22px; margin-left: 10px; font-size: 12px; line-height: 1.4;}
	.hTitles .tit + .date .date2 {font-size: 15px; }

	/* */
	.mainNavi { height:60px; }
	.mainNavi .nav > li { height:60px; }
	.mainNavi .nav > li a { line-height:60px; height:60px; }
	.header .mainNavi .nav > li a.on, .header .mainNavi .nav > li a:hover, .header .mainNavi .nav > li a:focus { background-size:13px auto; }



	/* */
	.mcontent .cont .stit {}

	/* */
	.footer { height:112px; }
	.footer .section { padding:43px 172px 15px; }
	.footer .section { padding:43px 0 0 320px; }
	.footer .section .kosaf { top:42px; left:0; width:150px; height:27px; background-position:0 -112px; }
	.footer .section .kosaf { top:42px; left:150px; width:150px; height:27px; background-position:0 -112px; }
	.footer .section .selectbox { top:41px; }
	.footer .section .selectbox .txt { padding:6px 30px 6px 11px; min-width:120px; }
	.footer .section .selectbox .txt:after { width:30px; background-size:12px auto; }


	/* */
	.mainVisual .content { max-width:732px;}
	.mainVisual { height:367px; background-size:150px auto; }
	/* .mainVisual .visualBg.vis1{background-size:1176px 100%;}
	.mainVisual .visualBg.vis2{background-size:1176px 100%;}
	.mainVisual .visualBg.vis3{background-size:1176px 100%;} */
	.mainVisual .bg1{height:367px; background-size:150px auto}
	.mainVisual .bg2{height:367px; background-size:150px auto}
	.mainVisual .bg3{height:367px; background-size:150px auto}
	.mainVisual .desc { padding-top:272px; }
	.mainVisual .desc2 { padding-top:240px; }
    .mainVisual .desc3 { padding-top:240px; }
	.mainVisual .mores { bottom:30px; }
	.mainVisual .mores > li a { padding-left:34px; min-height:27px; line-height:27px; background-size:27px auto; }

	/* */
	.mcontent { padding:28px 0 60px; width:750px; margin:0 auto; }
	.mcontent .section > .article { margin-left:15px; width:240px; height:415px; }
	.mcontent .cont1, .mcontent .cont2, .mcontent .cont6 { height:100%; box-sizing:border-box; }
	.mcontent .cont2 { background-size:100% 100%; }
	.mcontent .cont .img img { max-width:153px; }
	.mcontent .cont3 { height:125px; background-size:cover; background-position:100% 100%; }
	.mcontent .cont4 { height:125px; background-size:cover; background-position:100% 100%; }
	.mcontent .cont5 { height:125px; }
	.mcontent .cont .more { }
	.mcontent .cont3 .panel { padding:20px 15px 15px; }
	.mcontent .cont .slnk { bottom:15px; left:15px; line-height:20px; width:78px; }
	.mcontent .cont .tit {line-height: 26px;}
	.mcontent .evtList { display:inline-block; padding:8px 15px 0; }
	.mcontent .nList { padding-top:30px; }
	.mcontent .nList > li { width:240px; height:75px; margin-left:15px; }
	.mcontent .nList > li a { line-height:75px; padding:0 66px; }
	.mcontent .nList > li:after { width:66px; background-size:26px auto; }
    .mcontent .nList .m_mentor:before { width:66px; background-size:29px auto; }

	.mcontent .nList .notice:before { width:66px; background-size:29px auto; }
	.mcontent .nList .news:before { width:66px; background-size:32px auto; }
}


/* mobile */
@media all and (max-width:767px) {
	.comBg, .comBgAfter:after, .comBgBefore:before { background-size:500px auto; }

	/* */
	.off .wrap .area { overflow:hidden; }
	.off .areaBg { display:block; position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,.5); z-index:100; }
	.off .area:after { position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,.6); content:""; z-index:100; min-height:100%; display:none; }

	.footer { height:114px; }
	.container { background-image:none; }
	.container .content { padding:0; }
	.br { display:inline; }
	.mhid { display:none !important; }
	.mshow { display:block; }
	br.mshow { display:inline; }
	.sidebar-sticky { visibility:hidden; width:0px; z-index:-1; overflow:hidden; }
	.flm_1, .flm_2 { letter-spacing:0; }
	.mnewline { white-space:normal; }
	.mlineh { line-height:1.7; }

	/* */
	.header, .header .content { height:55px; }
	.header .content { background-color:#4ac4ff; position:fixed; top:0; left:0; width:100%; -webkit-backface-visibility:hidden; box-shadow:0 1px 3px rgba(0,0,0,.3); -webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);
		-webkit-transition:left 0.2s; -moz-transition:left 0.2s; -ms-transition:left 0.2s; transition:left 0.2s; }
	/* header */
	.header .btGnb { display:block; }
	.header .btGnb em { position:absolute; width:0; height:0; overflow:hidden; z-index:-1; }
	.header .outLinks { display:none; }
	.header .hTitles { height:100%; }
	.header .hTitles .tit { padding-top:15px; }
	.hTitles .tit {float: none; width:109px; height:23px; margin:0 auto; }
	.hTitles .tit a { width:100%; height:100%; background-position:-375px -10px; }


	/* footer */
	.footer { height:86px; }
	.footer .section { position:relative; padding:15px 10px; }
	.footer .section .kosaf { position:relative; top:auto; left:auto; margin:0 auto; width:100px; height:19px; background-position:0 -75px; }
	.footer .section .kosaf > a { display:block; width:100%; height:100%; overflow:hidden; text-indent:-999px; }
	.footer .section .selectbox { display:none; }
	.footer .section address { font-size:0.714rem; text-align:center; padding-top:6px; }
	.footer .section address a:hover, .footer .section address a:focus { text-decoration:underline; }


	/* */
	.mainNavi { display:none; }
	.mainVisual { height:auto; background-image:none !important; }
	.mainVisual .visualBg { background-image:none !important; }
	.mainVisual:after { display:none; }

	.mainVisual .bg1{height:auto; background-image:none !important;}
	.mainVisual .bg2{height:auto; background-image:none !important;}
	.mainVisual .bg3{height:auto; background-image:none !important;}

	.mainVisual .visualBg .bg{display:block;background-size:100% 100%;background-repeat: no-repeat;background-position: 100% 100%;}

	.mainVisual .desc { position:absolute; top:68.167%; left:5.83%; right:5.83%; padding-top:0; font-size:0.857rem; }
	.mainVisual .desc2 { top:71%; }
    .mainVisual .desc3 { top:71%; }
	.mainVisual .mores { position:static; display:inline-block; }
	.mainVisual .mores > li { font-size:0.929rem; }
	.mainVisual .mores > li a { margin-top:80px; padding-left:32px; min-height:26px; line-height:26px; background-image:url('../images/common/more_p_2x.png'); background-size:26px auto; }

	.mainVisual .mores > li a.m-top60{margin-top:60px;}
	/* */
	/* .mainPage .header { display:block; } */
	.mcontent { padding:12px 10px 10px; }
	.mcontent .section > .article { float:none; margin-left:0; width:auto; height:auto; }
	.mcontent .section > .article:first-child { margin-left:0; }
	.mcontent .cont { font-size:0.929rem; }
	.mcontent .cont .panel .text { height:auto; margin:0 -20px; }
	.mcontent .cont1, .mcontent .cont2, .mcontent .cont6 { height:100%; padding:0 35px; box-sizing:border-box; -webkit-box-sizing:border-box; }
	.mcontent .cont2 { margin-top:10px;}
	.mcontent .cont6 { margin-top:10px;}
	.mcontent .cont3 { height:129px; }
	.mcontent .cont4 { height:129px;}
	.mcontent .cont5 { margin-top:10px; height:129px; }
	/* .mcontent .cont .stit { font-size:1rem; padding:1.385em 0 0.769em; }
	.mcontent .cont .tit { font-size:1.929rem; padding-bottom:0.370em; } */
	.mcontent .cont .img { padding:1.231em 0 1.385em; }
	.mcontent .cont .img img { max-width:81.524%; }
	.mcontent .cont .more { display:none; }
	.mcontent .cont3 .tit, .mcontent .cont4 .tit { line-height:1; }
	.mcontent .cont3 .panel { padding:0 20px 0; }
	.mcontent .cont3 .tit { font-size:1.929rem; }
	.mcontent .cont .slnk { font-size:0.857rem; bottom:10px; left:20px; border-width:1px; line-height:26px; width:104px; }
	.mcontent .cont4 .panel { padding:0; }
	.mcontent .evtList { padding:10px 20px 0; }
	.mcontent .evtList .n { padding-top:0.769em; padding-bottom:0.615em; }
	.mcontent .evtList .tit { font-size:1.929rem; padding-bottom:0.444em; }
	.mcontent .evtList > li:first-child { border-top:0; }
	.mcontent .nList { padding-top:10px; }
	.mcontent .nList > li { float:none; width:auto; height:75px; margin-left:0; margin-top:10px; font-size:1.429rem; }
	.mcontent .nList > li:first-child { margin-top:0; }
	.mcontent .nList > li a { display:block; color:#fff; line-height:75px; padding:0 65px; }
	.mcontent .nList > li:after { width:65px; background:url('../images/main/lnk_arr_2x.png') no-repeat 50% 50%; background-size:26px auto; }
    .mcontent .nList .m_mentor:before { width:65px;background-size:30px auto; }

	.mcontent .nList .notice:before { width:65px; background:url('../images/main/icon_notice_2x.png') no-repeat 50% 50%; background-size:30px auto; }
	.mcontent .nList .news:before { width:65px; background:url('../images/main/icon_news_2x.png') no-repeat 50% 50%; background-size:34px auto; }
	.mcontent .nList .extLink { width:100%; padding:0 65px; }

	.hTitles .tit + .date,
	.top_right  {display: none;}

	.mcontent .cont .stit {}
		.mcontent .cont .tit {padding-bottom: 0.765em; }



}

@media all and (max-width:640px) {
}
@media all and (max-width:639px) {
}

@media all and (min-width:600px) and (max-width:767px) {
}

@media all and (min-width:480px) and (max-width:767px) {
	html { font-size:17px; }
	.mcontent .cont5, .mcontent .cont4, .mcontent .cont3 { height:165px; }
	.mcontent .cont .slnk { bottom:20px; }

}
@media all and (max-width:480px) {
	.scontent .sketchEnd.type3 { padding-bottom:4em; background-size:100% auto; }
	.scontent .sketchEnd.type4 { padding-bottom:24em; }
}

@media all and (min-width:414px) and (max-width:479px) {
	html { font-size:15px; }
	.kosafNews .description { background-size:7px auto; }

}

@media all and (max-width:399px) {

}

@media all and (min-width:375px) and (max-width:413px) {
}

@media all and (max-width:359px) {
	html { font-size:13px; }
	.scontent .team .staff .position { letter-spacing:-1px; }
}


@media all and (max-width:319px) {
	body { min-width:320px; }
	.header .content { min-width:320px; }
	.mcontent { padding-top:20px; }
}



@media (max-width:1020px) and (min-width:768px) {
	.end_snap_img img { width:80%; }
}

@media all and (max-width:767px) {

	.end_snap_img { margin-top:1.3em; }

	.new_h .selectbox { display: none;}
	.hTitles .tit:before  { display: none;}
}

@media all and (min-width:768px) {
	.bgcolors .mi_img { margin:0 -0.714em 0 -2.143em; }
	.bgcolors .mi_img2 { margin:0 -2.786em 0 -1.429em; }
	.off .wrap { position:relative !important; left:auto !important; width:auto !important; height:auto !important; overflow:auto !important; }
	.off .wrap .area { overflow:visible !important; height:auto !important; }
	.off .wrap .header .content { left:0 !important; width:100%; -webkit-transition:none; -moz-transition:none; -ms-transition:none; transition:none; }
	.off .aside { display:none !important; position:absolute !important; }
}

@media all and (max-width:479px) {
	.scontent .divide .snapshot > li { padding:0; }
}

@media all and (max-width:767px) {
}