@charset "utf-8";

.wrap { transition: padding-top 0.5s; -webkit-transition: padding-top 0.5s; }
.wrap.fixed { overflow: hidden; position: fixed; height: 100%; width: 100%; }

/* sky banner */
.wrap.main_banner{padding-top:140px;}
.sky_banner{position: absolute; top: 0; left: 0; width: 100%; background: #323d87 url(../images/common/pattern_bg01.png) 0 0 repeat; z-index: 2; transition: all 0.5s; -webkit-transition: all 0.5s; }
.sb_wrap{position:relative; width:1100px; height:140px; margin:0 auto;}
.sb_contents{}
.sb_contents li a{display: block;}
.sb_contents .bx-controls{}
.sb_contents .bx-wrapper .bx-controls-auto, .b_contents .bx-wrapper .bx-pager { bottom: inherit; top: 85px; padding-top: 0; }
.sb_contents .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { width: 100%; text-align: center; }
.bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager-item { vertical-align: top; }
.sb_contents .bx-wrapper .bx-controls-direction a{width:30px; height:42px; top:46px; text-indent:0; font-size:0;}
.sb_contents .bx-wrapper .bx-prev{left:-40px;}
.sb_contents .bx-wrapper .bx-prev::before{content:''; position:absolute; top:9px; transform:rotate(-45deg); width:30px; height:6px; background:#000; border-radius:3px;}
.sb_contents .bx-wrapper .bx-prev::after{content:''; position:absolute; top:27px; transform:rotate(45deg); width:30px; height:6px; background:#000; border-radius:3px;}
.sb_contents .bx-wrapper .bx-next{right:-40px;}
.sb_contents .bx-wrapper .bx-next::before{content:''; position:absolute; top:9px; transform:rotate(45deg); width:30px; height:6px; background:#000; border-radius:3px;}
.sb_contents .bx-wrapper .bx-next::after{content:''; position:absolute; top:27px; transform:rotate(-45deg); width:30px; height:6px; background:#000; border-radius:3px;}
.sb_contents .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 50%; /*171218 add*/margin-right: -120px; z-index: 1; }
.sb_contents .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto .active { display: none; }
.sb_footer {position:absolute; bottom:0; right:0; text-align:right; width:100%; font-size:12px; color:#fff;}
.sb_footer .chk1 {float:left; padding-right:10px; width:calc(100% - 70px); background:rgba(0, 0, 0, 0.4); line-height:36px; box-sizing:border-box;}
.sb_footer .chk1 input[type="checkbox"] { overflow: hidden; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; border: 0; clip: rect(0,0,0,0); -webkit-border-radius:0; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.sb_footer .chk1 input[type="checkbox"] + label { display: inline-block; position: relative; font-size: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.sb_footer .chk1 input[type="checkbox"] + label:before { content: ''; display: inline-block; width: 16px; height: 16px; margin-right: 8px; border: 1px solid #999; border-radius: 0; background-color: #fff; vertical-align: middle; text-align: center; line-height: 16px; }
.sb_footer .chk1 input[type="checkbox"]:checked + label:before{ content: '';''; background: #e9ecee url(../images/common/check_ico01.png) no-repeat center center; background-size: cover; border-color: #adb8c0; color: #99a1a7; text-shadow: 1px 1px #fff;  }
.sb_footer button{float:right; text-align:center; width:70px; background:rgba(0, 0, 0, 0.6); color:#fff; font-size:12px; line-height:36px; cursor:pointer;}

/* 팝업 */
.popup_wrap{position:absolute; left:50%; z-index:20000; margin-left:-550px; width:1100px; height:auto;}
.divpop{z-index:700; border:1px solid #444;background:#fff;}
.divpopt{background:#fff;}
.divpopt p{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:10px; color:#555; font-size:12px;}
.divpopb{position:absolute; bottom:0; overflow:hidden; width:100%; box-sizing:border-box;}
.divpopb div{float:left; padding-left:10px; width:calc(100% - 40px); background:rgba(0, 0, 0, 0.4); line-height:30px; box-sizing:border-box;}
.divpopb div input{margin-right:5px;}
.divpopb div label{color:#fff; font-size:12px;}
.divpopb a{float:right; text-align:center; width:40px; background:rgba(0, 0, 0, 0.6); color:#fff; font-size:12px; line-height:30px;}

#container{padding-top:56px;}
.visual{position:relative; overflow:hidden; height:440px;}
.v_wrap .bx-wrapper {position:absolute; top:0px; left:50%; height:440px; margin-left:-960px; }
.v_wrap .bx-wrapper .bx-controls{overflow:hidden; position:absolute; bottom:54px; left:50%; z-index:600; transform:translateX(-50%); padding:8px 16px; background:rgba(0, 0, 0, 0.4); border-radius:4px;} 
.v_wrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{display:block; overflow:hidden; float:left; position:static !important; padding:4px 0; margin-right:10px; width:auto;}
.v_wrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager .bx-pager-item{float:left;}
.v_wrap .bx-wrapper .bx-pager.bx-default-pager a{position:relative; margin:5px 9px; width:6px; height:6px; border-radius:6px; font-size:0; background-color:#999;}
.v_wrap .bx-wrapper .bx-pager.bx-default-pager a.active{background-color:#5299cc;}
.v_wrap .bx-wrapper .bx-pager.bx-default-pager a.active::after{content:""; position:absolute; top:-7px; left:-7px; padding:9px; border:1px solid #5299cc; border-radius:10px;}
.v_wrap .bx-wrapper .bx-pager.bx-default-pager a:hover{background-color:#6cb5d9;}
.v_wrap .bx-wrapper .bx-controls-auto{float:left; position:static !important; overflow:hidden; width:auto !important; font-size:0;}
.v_wrap .bx-wrapper .bx-controls-auto .bx-controls-auto-item{float:left;}
.v_wrap .bx-wrapper .bx-controls-auto .bx-stop{margin-right:0; width:24px; height:24px; background:url(../images/main/visual_stop.png) no-repeat; background-position:0 !important;}
.v_wrap .bx-wrapper .bx-controls-auto .bx-stop.active{background:url(../images/main/visual_stop_active.png) no-repeat;}
.v_wrap .bx-wrapper .bx-controls-auto .bx-start{margin-left:0; width:24px; height:24px; background:url(../images/main/visual_start.png) no-repeat; background-position:0 !important;}
.v_wrap .bx-wrapper .bx-controls-auto .bx-start.active{background:url(../images/main/visual_start_active.png) no-repeat;}
.v_wrap .bx-wrapper .bx-viewport {width:1920px;}
.v_wrap .bx-wrapper .slide img + img{display:none;}
.v_wrap .bx-wrapper .slide a + a{display:none !important;}

.con_center{padding-bottom:40px; background:#f5f5f5;}
.con_wrap{position:relative; margin:0 auto; width:1100px;}

.login_bar{overflow:hidden; margin-top:-34px; width:100%; background:#fff; box-shadow:0px 5px 15px 0px rgba(0, 0, 0, 0.15); border-radius:4px;}
.login_bar .tit{float:left; padding-left:68px; height:68px; background:url(../images/main/login_tit.png) no-repeat 18px 20px #3377ff;}
.login_bar .tit p{padding:25px; border-left:1px solid rgba(255, 255, 255, 0.2); color:#fff; font-size:18px; font-family:'NSB'; letter-spacing:-0.045em; line-height:18px;}
.login_bar .login_form{overflow:hidden; float:left; padding:12px; box-sizing:border-box;}
.login_bar .login_form div{overflow:hidden; float:left; margin-right:8px;}
.login_bar .login_form input[type="text"]{float:left; padding:13px 16px 14px 16px; margin-right:8px; width:240px; background:#f5f5f5; border:1px solid #ddd; color:#888; font-size:13px; font-family:'NBG'; border-radius:2px; box-sizing:border-box;}
.login_bar .login_form input[type="text"]:focus{background:#fff; color:#444;}
.login_bar .login_form input[type="password"]{padding:13px 16px 14px 16px; width:240px; background:#f5f5f5; border:1px solid #ddd; color:#888; font-size:13px; font-family:'NBG'; border-radius:2px; box-sizing:border-box;}
.login_bar .login_form input[type="password"]:first-child{margin-right:5px;}
.login_bar .login_form input[type="password"]:focus{background:#fff; color:#444;}
.login_bar .login_form input[type="submit"]{float:right; text-align:center; width:80px; height:44px; background:#fff; color:#0073e6; font-size:15px; font-family:'NBGB'; border:1px solid #0073e6; cursor:pointer; border-radius:2px;}
.login_bar .login_form input[type="submit"]:hover{background:#0073e6; color:#fff;}
.login_bar .util{overflow:hidden; float:right; padding:12px 30px 12px 8px;}
.login_bar .util li{float:left;}
.login_bar .util li:first-child{position:relative; padding-right:24px; margin-right:24px;}
.login_bar .util li:first-child::before{content:''; position:absolute; top:12px; right:0; width:1px; height:20px; background:#ccc;}
.login_bar .util li a{position:relative; padding-right:16px; color:#444; font-family:'NBGB'; line-height:44px;}
.login_bar .util li a:hover{text-decoration:underline;}
.login_bar .util li a::before{content:''; position:absolute; top:4px; right:0px; transform:rotate(45deg); width:8px; height:1px; background:#666;}
.login_bar .util li a::after{content:''; position:absolute; bottom:5px; right:0px; transform:rotate(-45deg); width:8px; height:1px; background:#666;}
.login_bar .infor{overflow:hidden; float:left; padding:23px;}
.login_bar .infor p{float:left; color:#444; font-size:18px; font-family:'NSB'; letter-spacing:-0.045em; line-height:22px;}
.login_bar .infor p b{color:#0073e6; font-family:'NSB';}
.login_bar .infor span{float:left; padding-left:30px; margin-left:20px; background:url(../images/sub/join_notice.png) no-repeat 0 0; color:#666; font-size:15px; line-height:22px;}

.top_wrap{padding-top:40px;}
.top_wrap::after{content:''; display:block; clear:both;}
.notice{float:left; width:726px; background:#fff; border:1px solid #ddd; border-radius:4px; box-sizing:border-box;}
#tabNav1{position:relative; overflow:hidden; padding:27px; height:278px; box-sizing:border-box;}
#tabNav1:after{display:block; content:""; clear:both;}
#tabNav1 h3{float:left;}
#tabNav1 h3 a{display:block; position:relative; z-index:5; text-align:center; margin-left:40px; color:#888; font-size:20px; font-family:"NSB"; letter-spacing:-0.045em;}
#tabNav1 h3:first-child a{margin-left:0;}
#tabNav1 h3.on a{padding-bottom:13px; color:#333; border-bottom:4px solid #3399ff;}
#tabNav1 #tabNav0101{display:block;}
#tabNav1 > div{display:none; position:absolute; top:67px; padding-top:25px; width:calc(100% - 54px); border-top:1px solid #ddd;}
#tabNav1 .top_list{overflow:hidden;}
#tabNav1 .top_list .date{float:left; text-align:center; padding:14px 0; width:66px; border:1px solid #0073e6; border-radius:2px;}
#tabNav1 .top_list .date p{color:#0073e6; font-size:22px; font-family:'NSB'; letter-spacing:-0.045em; line-height:24px;}
#tabNav1 .top_list .date span{display:block; color:#0073e6; font-size:12px;}
#tabNav1 .top_list .txt{float:right; width:calc(100% - 82px);}
#tabNav1 .top_list .txt .tit{display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:calc(100% - 20px); color:#444; font-size:15px; font-family:'NBGB';}
#tabNav1 .top_list .txt .tit:hover{text-decoration:underline;}
#tabNav1 .top_list .txt img{margin:2px 0 0 4px;}
#tabNav1 .top_list .txt span{display:block; overflow:hidden; margin-top:5px; max-height:44px; color:#666; font-size:13px; line-height:22px;}
#tabNav1 .list{padding-top:20px; margin-top:19px; border-top:1px dashed #ddd;}
#tabNav1 .list li{overflow:hidden; margin-top:18px;}
#tabNav1 .list li:first-child{margin-top:0;}
#tabNav1 .list li a{display:inline-block; overflow:hidden; float:left; position:relative; text-overflow:ellipsis; white-space:nowrap; padding-left:12px; max-width:calc(100% - 120px); color:#444; font-size:14px;}
#tabNav1 .list li a::before{content:""; position:absolute; top:5px; left:0; width:4px; height:4px; background:#ccc; border-radius:2px;}
#tabNav1 .list li a:hover{text-decoration:underline;}
#tabNav1 .list li img{margin:1px 0 0 6px;}
#tabNav1 .list li span{float:right; font-size:13px; color:#888;}
#tabNav1 div span.more{position:absolute; top:-40px; right:0;}
#tabNav1 div span.more a{display:block; position:relative; width:20px; height:20px; font-size:0;}
#tabNav1 div span.more a::before{content:''; position:absolute; top:9px; width:20px; height:2px; background:#666;}
#tabNav1 div span.more a::after{content:''; position:absolute; left:9px; width:2px; height:20px; background:#666;}
.epih{float:right; padding:35px 30px; width:352px; height:280px; background:url(../images/main/epih_bg.png) no-repeat center center #0085e3; border-radius:4px; box-sizing:border-box;}
.epih .tit{margin-top:8px;}
.epih ul{overflow:hidden; margin-top:65px;}
.epih ul li{float:left; margin-left:8px; width:calc(100%/2 - 16px/2);}
.epih ul li:first-child{margin-left:0;}
.epih ul li a{display:block; text-align:center; padding:38px 0; background:url(../images/main/epih_link.png) no-repeat calc(100% - 10px) 10px; border:1px solid rgba(255, 255, 255, 0.6); color:#fff; font-size:13px; font-family:"NBGB"; transition:color background 0.35s;}
.epih ul li a:hover{background:url(../images/main/epih_link_hover.png) no-repeat calc(100% - 10px) 10px #fff; color:#0085e3;}

.bottom_wrap{margin-top:22px;}
.bottom_wrap::after{content:''; display:block; clear:both;}
.bottom_wrap > div{float:left; margin-left:22px; width:calc(100%/3 - 44px/3);}
.bottom_wrap > div:first-child{margin-left:0;}
.shortcut{margin-left:0; background:linear-gradient(to right, #00aaff 0%, #0073e6 100%); border-radius:4px;}
.shortcut ul{overflow:hidden;}
.shortcut ul li{float:left; position:relative; text-align:center; width:175px;}
.shortcut ul li:first-child::before{content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:rgba(255, 255, 255, 0.4);}
.shortcut ul li:first-child + li::before{content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:rgba(255, 255, 255, 0.4);}
.shortcut ul li:nth-child(2n)::after{content:''; position:absolute; top:0; left:0; width:1px; height:100%; background:rgba(255, 255, 255, 0.4);}
.shortcut ul li a{display:block; padding:20px 0;}
.shortcut ul li a img{}
.shortcut ul li a span{display:block; margin-top:12px; color:#fff; font-size:15px;}
.shortcut ul li a:hover span{text-decoration:underline;}
.sns{background:#fff; border:1px solid #ddd; border-radius:4px; box-sizing:border-box;}
.sns .text{padding:26px;}
.sns .text .tit{margin-top:10px; color:#444; font-size:20px; font-family:'NSB'; letter-spacing:-0.045em;}
.sns .text span{display:block; margin-top:10px; color:#666; font-size:15px; line-height:24px;}
.sns .list{overflow:hidden; border-top:1px solid #ddd;}
.sns .list a{display:block; float:left; position:relative; text-align:center; padding:69px 0 30px 0; width:calc(100%/3 - 2px/3); border-left:1px solid #ddd; color:#444; font-size:13px; font-family:'NBGB'; box-sizing:border-box;}
.sns .list a:hover{text-decoration:underline;}
.sns .list a:first-child{border-left:none;}
.sns .list a::before{content:''; position:absolute; top:10px; right:10px; width:12px; height:12px; background:url(../images/main/sns_link.png) no-repeat 0 0;}
.sns .list a.blog{background:url(../images/main/sns_blog.png) no-repeat center 31px;}
.sns .list a.facebook{background:url(../images/main/sns_facebook.png) no-repeat center 29px;}
.sns .list a.twitter{background:url(../images/main/sns_twitter.png) no-repeat center 30px;}
.library{padding:21px 29px; background:#3d4b66; border-radius:4px; box-sizing:border-box;}
.library span{display:block; margin-top:12px; color:#eee; font-size:15px;}
.library .tit{margin-top:8px; color:#fff; font-size:22px; font-family:'NSB'; letter-spacing:-0.045em;}
.library ul{margin-top:20px;}
.library ul li{border-top:1px solid rgba(255, 255, 255, 0.2);}
.library ul li:first-child{border-top:none;}
.library ul li a{display:block; position:relative; padding:13px 0; color:#eee; font-size:15px; font-family:'NBGB';}
.library ul li a:hover{text-decoration:underline;}
.library ul li a::before{content:''; position:absolute; top:18px; right:0; transform:rotate(45deg); width:9px; height:1px; background:#eee;}
.library ul li a::after{content:''; position:absolute; top:24px; right:0; transform:rotate(-45deg); width:9px; height:1px; background:#eee;}

.banner{overflow:hidden; padding:22px 0; border-top:1px solid #ddd;}
.banner_wrap{margin:0 auto; width:1100px;}
.banner_wrap .bx-viewport{float:right; width:947px;}
.banner_wrap #bannerList li a{display:block; position:relative;}
.banner_wrap #bannerList li a::before{content:''; position:absolute; top:0; bottom:0; left:0; right:0; border:1px solid #ddd; border-radius:2px;}
.banner_wrap .bx-controls{display:table; float:left; height:48px;}
.banner_wrap .bx-wrapper .bx-controls-direction{display:table-cell; vertical-align:middle;}
.banner_wrap .bx-wrapper .bx-controls-direction .bx-prev{display:inline-block; position:static; margin:0; width:24px; height:24px; background:url(../images/main/banner_prev.png) no-repeat 0 0;}
.banner_wrap .bx-wrapper .bx-controls-direction .bx-next{display:inline-block; position:static; margin:0 0 0 6px; width:24px; height:24px; background:url(../images/main/banner_next.png) no-repeat 0 0;}
.banner_wrap .bx-wrapper .bx-controls-auto{display:table-cell; position:relative; text-align:left; vertical-align:middle;}
.banner_wrap .bx-wrapper .bx-start{margin:0 0 0 6px; width:24px; height:24px; background:url(../images/main/banner_start.png) no-repeat 0 0;}
.banner_wrap .bx-wrapper .bx-stop{margin:0 0 0 6px; width:24px; height:24px; background:url(../images/main/banner_stop.png) no-repeat 0 0;}

@media only screen and (max-width:1100px) {
	
	.wrap.main_banner{padding-top:0;}
	.sky_banner{display:none;}
	.sb_wrap{}
	
	.popup_wrap{display:none;}
	
	#container{padding-top:0;}
	.visual {overflow:visible; height:310px; background-color:#fff;}
	.visual .bx-wrapper {position:relative; width:auto; height:310px; left:auto; margin-left:0;}
	.visual .bx-wrapper .bx-viewport {width:auto; margin:0 auto; min-width:inherit;}
	.visual .bx-wrapper .slide{width:auto;}
	.visual .bx-wrapper .slide img{position:relative; left:50%; transform:translateX(-50%); height:310px;}
	.v_wrap .bx-wrapper .bx-controls{bottom:40px; padding:6px 10px;}
	.v_wrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{padding:1px 0;}
	.v_wrap .bx-wrapper .bx-pager.bx-default-pager a.active::after{top:-6px; left:-6px; padding:8px;}
	.v_wrap .bx-wrapper .bx-controls-auto .bx-start{width:18px; height:18px; background-size:18px 18px;}
	.v_wrap .bx-wrapper .bx-controls-auto .bx-start.active{width:18px; height:18px; background-size:18px 18px;}
	.v_wrap .bx-wrapper .bx-controls-auto .bx-stop{width:18px; height:18px; background-size:18px 18px;}
	.v_wrap .bx-wrapper .bx-controls-auto .bx-stop.active{width:18px; height:18px; background-size:18px 18px;}
	
	.con_center{padding-bottom:20px;}
	.con_wrap{width:728px;}
	.login_bar{margin-top:-20px;}
	.login_bar .tit p{display:none;}
	.login_bar .infor{padding:13px 17px;}
	.login_bar .infor p{margin:10px 0; font-size:16px; font-family:'NBGB'; letter-spacing:0;}
	.login_bar .infor p b{font-family:'NBGB';}
	.login_bar .infor span{padding-top:2px; width:165px; font-size:13px; line-height:20px; word-break:keep-all;}
	.login_bar .login_form{width:calc(100% - 310px);}
	.login_bar .login_form div{width:calc(100% - 90px);}
	.login_bar .login_form input[type="text"]{width:calc(50% - 4px);}
	.login_bar .login_form input[type="password"]{width:calc(50% - 4px);}
	.login_bar .util li:first-child{padding-right:20px; margin-right:20px;}
	.login_bar .util li a{padding-right:0;}
	.login_bar .util li a::before{display:none;}
	.login_bar .util li a::after{display:none;}
	
	.top_wrap{padding-top:20px;}
	.notice{float:none; margin-bottom:20px; width:auto;}
	#tabNav1{padding:25px; height:268px;}
	#tabNav1 h3 a{margin-left:30px; font-size:18px;}
	#tabNav1 > div{top:63px; padding-top:22px;}
	#tabNav1 .list li{margin-top:14px;}
	.epih{float:none; padding:27px 25px; width:calc(50% - 6px); height:160px; background-size:cover;}
	.epih .tit{margin-top:0;}
	.epih .tit img{height:36px;}
	.epih ul{margin-top:27px;}
	.epih ul li a{padding:13px 0; background:none;}
	.epih ul li a:hover{background:#fff;}
	
	.bottom_wrap{margin-top:20px;}
	.bottom_wrap > div{margin-left:12px; width:calc(50% - 6px);}
	.bottom_wrap > div.shortcut{float:none; position:absolute; top:378px; right:0;}
	.shortcut ul{padding:0 12px;}
	.shortcut ul li{width:25%;}
	.shortcut ul li::before{display:none;}
	.shortcut ul li::after{display:none;}
	.shortcut ul li a{padding:25px 0;}
	.shortcut ul li a span{display:table-cell; text-align:center; vertical-align:middle; padding-top:10px; margin-top:0; width:89.5px; height:36px; word-break:keep-all; line-height:20px;}
	.bottom_wrap > div.sns{margin-left:0; height:240px;}
	.sns .text .tit{margin-top:0; font-size:18px;}
	.sns .text span{margin-top:6px; line-height:22px;}
	.bottom_wrap > div.library{padding:13px 27px; height:240px;}
	.library .tit{font-size:18px; line-height:22px;}
	.library span{}
	.library ul{}
	
	.banner{display:none;}
}	

@media only screen and (max-width:768px) {
	
	.visual{height:auto;}
	.visual .bx-wrapper{height:auto;}
	.visual .bx-wrapper .slide img{width:180%; height:auto; max-height:310px;}
	.v_wrap .bx-wrapper .bx-controls{bottom:20px; left:10px; transform:translateX(0%);}
	.v_wrap .bx-wrapper .bx-pager.bx-default-pager a{margin:5px 6px;}
	
	.con_center{padding:0 10px 10px 10px;}
	.con_wrap{width:auto;}
	.login_bar{margin-top:-10px; border:1px solid #ddd; box-shadow:none;}
	.login_bar .tit{display:none;}
	.login_bar .infor p{float:none; margin:0; font-size:15px;}
	.login_bar .infor span{display:block; float:none; padding-top:0; margin:8px 0 0 0; width:auto; line-height:24px;}
	.login_bar .login_form{float:none; padding:10px; width:auto;}
	.login_bar .login_form div{width:calc(100% - 94px);}
	.login_bar .login_form input[type="text"]{padding:12px; margin:0 0 6px 0; width:100%; height:40px; line-height:14px;}
	.login_bar .login_form input[type="password"]{padding:12px; width:100%; height:40px; line-height:14px;}
	.login_bar .login_form input[type="submit"]{width:86px; height:86px;}
	.login_bar .util{display:none;}
	
	.top_wrap{padding-top:10px;}
	.notice{margin-bottom:10px;}
	#tabNav1{padding:20px; height:222px}
	#tabNav1 h3 a{margin-left:20px; font-size:15px; font-family:'NBGB';}
	#tabNav1 > div{top:55px; padding-top:16px; width:calc(100% - 40px);}
	#tabNav1 .top_list .date{padding:12px 0; width:60px;}
	#tabNav1 .top_list .date p{font-size:16px; font-family:'NBGB'; letter-spacing:0; line-height:20px;}
	#tabNav1 .top_list .date span{font-size:11px;}
	#tabNav1 .top_list .txt{margin:8px 0; width:calc(100% - 72px)}
	#tabNav1 .top_list .txt .tit{}
	#tabNav1 .top_list .txt span{text-overflow:ellipsis; white-space:nowrap; max-height:auto; line-height:normal;}
	#tabNav1 .list{padding-top:16px; margin-top:16px;}
	#tabNav1 .list li{margin-top:7px;}
	#tabNav1 .list li a{float:none; max-width:calc(100% - 35px); font-size:13px;}
	#tabNav1 .list li span{display:none;}
	#tabNav1 div span.more{top:-36px;}
	#tabNav1 div span.more a{width:16px; height:16px;}
	#tabNav1 div span.more a::before{top:7px; width:16px;}
	#tabNav1 div span.more a::after{left:7px; height:16px;}
	.epih{padding:22px; width:auto; height:auto;}
	
	.bottom_wrap{margin-top:0;}
	.bottom_wrap > div{float:none; margin:10px 0 0 0; width:auto;}
	.bottom_wrap > div.shortcut{position:static;}
	.shortcut ul li a{padding:20px 0;}
	.shortcut ul li a span{width:25%; height:32px; font-size:13px; line-height:18px;}
	.bottom_wrap > div.sns{margin-top:10px; height:auto;}
	.sns .text{padding:20px;}
	.sns .text .tit{font-size:16px; font-family:'NBGB'; letter-spacing:0;}
	.sns .text span{font-size:14px;}
	.sns .list a{padding:49px 0 18px 0;}
	.sns .list a.blog{background:url(../images/main/sns_blog.png) no-repeat center 20px; background-size:39px 18px;}
	.sns .list a.facebook{background:url(../images/main/sns_facebook.png) no-repeat center 18px; background-size:12px 22px;}
	.sns .list a.twitter{background:url(../images/main/sns_twitter.png) no-repeat center 19px; background-size:25px 20px;}
	.bottom_wrap > div.library{padding:8px 24px; height:auto;}
	.library span{font-size:13px;}
	.library .tit{margin-top:6px; font-size:16px; font-family:'NBGB'; letter-spacing:0; line-height:normal;}
	.library ul{margin-top:12px;}
	.library ul li a{padding:15px 4px; font-size:13px;}
	.library ul li a::before{right:4px;}
	.library ul li a::after{right:4px;}
	
}

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