@charset "utf-8";
/**************************************************

	Respond.css ( ver 1.0.2 )

**************************************************/
/**************************************************
	Setting Device Width
**************************************************/
@media screen and (min-width: 1300px) {
	#devicePC{display: block;} #deviceTablet{display: none;} 	#deviceMobile{display: none;}	.__pc{display: block !important;} .__ta{display: 	none !important;} .__mo{display: none !important;} .__tamo{display:none;}
}

@media screen and (min-width: 750px) and (max-width: 1300px) {
	#devicePC{display: none;} #deviceTablet{display: block;} 	#deviceMobile{display: none;} .__pc{display:none !important;} 	.__mo{display: none !important;}
}

@media screen and (max-width: 1300px) {
	.__pc{display: none !important;} .__ta{display: none;} .__mo{display: none !important;} .__pcta{display:block !important;} .__tamo{display:block !important;}

	html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,
	del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,select,button,
	ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,tr,textarea{word-break:keep-all !important; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
}

@media screen and (max-width: 750px) {
	#devicePC{display: none;} #deviceTablet{display: none;} #deviceMobile{display: 	block;} .__pc{display: none !important;} .__ta{display: none;} .__mo{display: block !important;} .__pcta{display:none !important;}
}

/**************************************************
	Layout
**************************************************/
@media screen and (max-width: 1300px){

	html{min-width: 320px;}
	#wrap{padding-top:55px;}

	#header{position: fixed;top: 0;left: 0;width: 100%;border-bottom: 1px solid #ddd;}
	#header .inner{width: auto;height: 55px;}
	#header .logo{width: auto;padding-left:10px;}
	#header .logo h1{height:55px;line-height:55px;}
	#header .logo img{width: auto;height: 80%;}
	#gnb{display:none;}
	#tnb{display: none;}
	.table1 tr > *{font-size: 11px;line-height: 15px;}
	#slide-btn{top: 20px;right: 15px;display: block;}
	#slide-btn a{width: 24px;height: 15px;background-size: contain;background-position: center center;background-repeat: no-repeat;}
	#slide-menu{position: fixed;top: 0;right: -100%;width: 80%;height: 100%;background: #fff;z-index: 201;overflow-y: auto;transition: all 0.3s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
	#slide-menu .tit{height: 55px;position: relative;background: #088ac8;}
	#slide-menu.on{right: 0;}
	#tnb-mo{text-align: center;background: #f7f7f7;border-bottom:1px solid #ddd;}
	#tnb-mo > li{display: inline-block;margin: 0 10px;}
	#tnb-mo > li a{display:block;line-height:40px;font-size: 12px;color: #333;}
	#gnb-mo > li{border-bottom: 1px solid #e1e1e1;}
	#gnb-mo > li > a{display: block;line-height: 40px;padding: 0 15px;font-size: 14px;letter-spacing: -1px;color: #333;text-decoration: none;}
	#gnb-mo > li > ul{padding: 10px 15px;border-top: 1px solid #e1e1e1;background: #f7f7f7;display: none;}
	#gnb-mo > li > ul li a{line-height: 30px;font-size: 14px;color: #666;text-decoration: none;}

	#footer .in{width:100%;padding-left:0;}
	#footer .footerLogo{display:block;position:static;margin:0 auto 15px;width:100px;}
	#footer address{font-size:13px;line-height:20px;text-align:center;}
	#footer address .copyright{font-size:12px;}

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


	.table1 tr > *{font-size: 11px;line-height: 15px;}
	#footer{padding:30px 0;}
	#footer address{font-size:11px;}
	#footer address .copyright{font-size:10px;}

}

/**************************************************
	Main
**************************************************/
@media screen and (max-width: 1300px){
	#main{overflow:hidden;}
	#main #mainWrap{margin:30px auto;}
	#visual .roll li img{max-width:none;left:-25%;width:150%;margin-left:0;}
	#visual .bx-pager{bottom:20px;}
	#main #mainWrap{width:100%;}

	#mainWrap .mainQuick li .overBox{background:none !important;}
	#mainWrap .mainQuick li .overBox .vam{display:none;}
	#mainWrap .mainQuick li .textBox{padding:20px;}
	#mainWrap .mainQuick li .textBox dt{font-size:20px;font-weight:300;margin-bottom:15px;}
	#mainWrap .mainQuick li .textBox dd{font-size:13px;line-height:20px;letter-spacing:-0.04em;}
    #mainWrap .mainQuick li.q4 ul{margin-top: -5px;}
    #mainWrap .mainQuick li.q4 li{background-size: contain;}
    #mainWrap .mainQuick li.q4 li p{font-size: 10px;line-height: 13px;}
    #mainWrap .mainQuick li.q4 li p strong{font-size: 13px;}
    #mainWrap .mainQuick li.q4 li img{margin-top: 5px;width: auto;height: 20px;}



	#mainBoard .board{padding:20px;min-height: 0;}
	#mainBoard .title{font-size:18px;height:30px;margin-bottom:15px;}

	#mainBoard .blist li a{font-size:13px;line-height:14px;}
	#mainBoard .blist li span{font-size:13px;line-height:14px;}


	#mainBoard .board .more img{width:30px;height:30px;}

	#partnersRoll{padding:0 80px;}
	#partnersRoll .roll li a{height:48px;}
	#partnersRoll .bx-controls-direction a.bx-prev{left:15px;}
	#partnersRoll .bx-controls-direction a.bx-next{right:15px;}
	#fnbWrap{display:none;}
}

@media all and (max-width: 750px){
	#visual .roll li img{width:100%;left:0;}
	#visual .bx-pager{bottom:10px;}
	#mainWrap .mainQuick li .textBox{padding:15px 10px;}
	#mainWrap .mainQuick li .textBox dt{font-size:15px;font-weight:300;margin-bottom:8px;}
	#mainWrap .mainQuick li .textBox dd{font-size:11px;line-height:18px;letter-spacing:-0.04em;}

	#mainBoard{padding:0 10px;}
	#mainBoard .board{width:100%;margin-top:10px;}
	#mainBoard .board:first-child{margin-top:0;border-right:1px solid #ddd;}
	#mainWrap .mainQuick li{width:50%;padding:1px;}
	#partnersRoll{padding:0 50px;}
	#partnersRoll .bx-controls-direction a{width:30px;height:30px;margin-top:-15px;}
	#partnersRoll .bx-controls-direction a.bx-prev{left:10px;}
	#partnersRoll .bx-controls-direction a.bx-next{right:10px;}
}

@media all and (max-width: 340px){
	#mainWrap .mainQuick li .textBox{padding:10px;}
	#mainWrap .mainQuick li .textBox dt{font-size:14px;margin-bottom:7px;}
	#mainWrap .mainQuick li .textBox dd br{display:none;}
}

/**************************************************
	Sub
**************************************************/
@media screen and (max-width: 1300px){

	#sub #content{width:100%;padding:30px 10px;box-sizing:border-box;}
	#sub #content #subCont{display:block;width:100%;padding:0 10px;box-sizing:border-box;}
	#sub #content .lnbWrap{display:none;}
	#wrap #subVisual img{max-width:none;margin-left:0;width:140%;left:-20%;}
	#status{text-align:center;margin-bottom:15px;}
	#status li a img{width:24px;height:24px;}
	#sub .sub-tit h3{font-size:24px;text-align:center;}


	.his-wrap dl{padding-left:120px;margin-top:45px;}
	.his-wrap dl:first-child{margin-top:0;}
	.his-wrap dt{width:100px;padding-top:25px;font-size:24px;line-height:30px;}
	.his-wrap dd{padding-top:25px;font-size:14px;line-height:30px;}
	.his-wrap dd strong{width:60px;line-height:30px;}
	.his-wrap dd p{padding-left:60px;font-size:14px;}
}