@charset "UTF-8"; 

#body_layout .main_set {display:block; margin-bottom:50px;}
#body_layout .main_set:after {content:''; display:block; visibility:hidden; clear:both;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px) {
	#body_layout .main_set {margin-bottom:40px;}
}
@media screen and (max-width:767px) {
}
@media screen and (max-width:480px) {
	#body_layout .main_set {margin-bottom:30px;}
}

/* section01 */
.main_visual {display:block; background-color:#bee2f7; min-height:440px;}
.main_visual .inner {}
.main_visual .inner .mv_list {/*overflow:hidden;*/ display:block; position:relative; margin-bottom:20px; padding-top:20px; min-height:400px;}
.main_visual .inner .mv_list:after {content:''; display:block; visibility:hidden; clear:both;}
.main_visual .inner .mvtit_list {overflow:hidden; position:absolute; right:0; bottom:0; width:220px; max-height:400px; background-color:rgba(255,255,255,0.95); border:1px solid #ddd; z-index:5;}
.main_visual .inner .mvtit_list li a {display:block; padding:14px 10px 10px; font-family:'GSK'; border-top:1px solid #ddd; line-height:1.2;}
.main_visual .inner .mvtit_list li a:after {content:''; display:block; visibility:hidden; clear:both;}
.main_visual .inner .mvtit_list li:first-child a {border-top:none;}
.main_visual .inner .mvtit_list li.on a,
.main_visual .inner .mvtit_list li:hover a,
.main_visual .inner .mvtit_list li:active a,
.main_visual .inner .mvtit_list li:focus a {color:#e42203;}
.main_visual .inner .mvtit_list li a span {overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main_visual .inner .mv_list li {}
.main_visual .inner .mv_list li a {display:block; position:relative;}
.main_visual .inner .mv_list li img {width:100%; height:400px;}




/* 메인슬라이드 버튼 */

.ctrl_area {}
.main_ctrl {position:absolute; left:1px; bottom:0; z-index:5;}
.main_ctrl > dl {}
.main_ctrl > dl dd {position:relative; display:inline-block; float:left; margin-left:-1px; color:#fff;}
.main_ctrl > dl dd .ctrl_cont,
.main_ctrl > dl dd a {position:relative; display:block; width:42px; height:42px; border:1px solid #000; background-color:rgba(0,0,0,0.6); box-sizing:border-box;}
.main_ctrl > dl dd a:before {content:''; position:absolute; left:50%; top:50%; margin-top:-21px; margin-left:-21px; width:42px; height:42px; background-image:url(../images/main/main_ir.png); background-repeat:no-repeat;}
.main_ctrl > dl dd a.ctrl_prev:before {background-position:0 -27px;}
.main_ctrl > dl dd a.ctrl_stop:before {background-position:-43px -27px;}
.main_ctrl > dl dd a.ctrl_play:before {background-position:-129px -27px;}
.main_ctrl > dl dd a.ctrl_next:before {background-position:-86px -27px;}
.main_ctrl > dl dd span.ctrl_cont {padding:0 10px; line-height:40px; width:auto;}
.main_ctrl > dl dd span.ctrl_cont strong {font-weight:500;}


	/*media query*/
@media screen and (max-width:1200px) {
	.main_visual .inner .mv_list {padding:20px 20px 0; transition:all 0.2s linear;}
	.main_visual .inner .mvtit_list {right:20px;}
	
	.main_ctrl {left:21px;}
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px) {
	.main_visual {min-height:390px; transition:all 0.2s linear;}
	.main_visual .inner .mv_list {min-height:350px;}
	.main_visual .inner .mvtit_list {display:none;}
	.main_visual .inner .mv_list li img {height:350px; transition:all 0.2s linear;}
}
@media screen and (max-width:767px) {
}
@media screen and (max-width:640px) {
	.main_visual {min-height:330px; transition:all 0.2s linear;}
	.main_visual .inner .mv_list {min-height:300px;}
	.main_visual .inner .mv_list {margin-bottom:15px; padding:15px 15px 0;}
	.main_visual .inner .mv_list li img {height:300px;}
	
	
	.main_ctrl {left:16px;}
	.main_ctrl > dl dd span.ctrl_cont {line-height:36px;}
	.main_ctrl > dl dd .ctrl_cont,
	.main_ctrl > dl dd a {width:36px; height:36px;}
	.main_ctrl > dl dd a:before {width:36px; height:36px;}
}
@media screen and (max-width:480px) {
	.main_visual {min-height:290px;}
	.main_visual .inner .mv_list {min-height:260px;}
	.main_visual .inner .mv_list li img {height:260px;}
}
@media screen and (max-width:380px) {
	.main_visual {min-height:250px;}
	.main_visual .inner .mv_list {min-height:220px;}
	.main_visual .inner .mv_list li img {height:220px;}
}




/* section02 */
.recruit_box {}
.recruit_list {display:block; position:relative;}
.recruit_list:after {content:''; display:block; visibility:hidden; clear:both;}
.recruit_list .tit {display:block; position:absolute; top:0; width:20%; padding:16px 10px 10px; border:1px solid #ddd; border-radius:50px; font-family:'GSK'; font-size: 2.0rem; text-align:center; box-sizing:border-box;}
.recruit_list .tit.tit01 {left:10%;}
.recruit_list .tit.tit02 {left:30%;}
.recruit_list .tit.tit03 {left:50%;}
.recruit_list .tit.tit04 {left:70%;}
.recruit_list .tit:hover,
.recruit_list .tit:active,
.recruit_list .tit:focus,
.recruit_list .tit.on {background-color:#353b31; color:#fff;}

.recruit_list .list_allbox {padding-top:130px;}
.recruit_list .list_allbox ul {display:block; margin-left:-20px;}
.recruit_list .list_allbox li {position:relative; display:inline-block; float:left; width:25%; padding-left:20px;}

.list_allbox .rcrt_inbox {position:relative; border:1px solid #ddd; border-radius:5px;}
.list_allbox .rcrt_inbox a {display:block; padding:15px 20px;}
.list_allbox .rcrt_inbox .img_area {display:table; margin:0 auto; max-width:100%;}
.list_allbox .rcrt_inbox .img_area span {display:table-cell; padding:0; height:80px; vertical-align:middle; text-align:center; line-height:0;}

.list_allbox .rcrt_inbox .txt_area {}
.list_allbox .rcrt_inbox .txt_area .rcrt_tit {overflow:hidden; margin-bottom:5px; font-family:'GSK'; font-size:1.6rem; color:#121212; white-space:nowrap; text-overflow:ellipsis;}
.list_allbox .rcrt_inbox .txt_area .rcrt_txt {overflow:hidden; margin-bottom:0; height:50px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.recruit_list .list_allbox li:hover .rcrt_inbox,
.recruit_list .list_allbox li:active .rcrt_inbox,
.recruit_list .list_allbox li:focus .rcrt_inbox {border-color:#c71197; transition:all 0.2s linear;}
.recruit_list .list_allbox li:hover .rcrt_inbox .rcrt_tit,
.recruit_list .list_allbox li:active .rcrt_inbox .rcrt_tit,
.recruit_list .list_allbox li:focus .rcrt_inbox .rcrt_tit {color:#c71197;}

.list_allbox .rcrt_inbox .rcrt_time {margin-bottom:0; font-size:1.4rem; color:#136fcb;}
.list_allbox .rcrt_inbox .rcrt_time.time01 {color:#c71197; font-weight:500;}
.list_allbox .rcrt_inbox .rcrt_time.time02 {color:#555;}

.list_allbox .rcrt_inbox .scrap {position:absolute; right:22px; bottom:14px; width:15px; height:15px; background:url(../images/star_off.png) 0 0 no-repeat;}
.list_allbox .rcrt_inbox .scrap:focus,
.list_allbox .rcrt_inbox .scrap.on {background-image:url(../images/star_on.png)}

.recruit_list .more_btn {position:absolute; right:0; top:80px;}
.recruit_list .more_btn a {position:relative; display:block; padding:5px 30px 5px 10px; border:1px solid #ddd; border-radius:5px; color:#555; font-size:1.4rem;}
.recruit_list .more_btn a:after {content:''; position:absolute; right:10px; top:50%; margin-top:-5px; width:7px; height:11px; background:url(../images/main/main_ir.png) 0 0 no-repeat;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
	.recruit_box {padding:0 20px;}
	
	.recruit_list .tit {padding:11px 10px 5px; width:25%;}
	.recruit_list .tit.tit01 {left:0%;}
	.recruit_list .tit.tit02 {left:25%;}
	.recruit_list .tit.tit03 {left:50%;}
	.recruit_list .tit.tit04 {left:75%;}
}
@media screen and (max-width:920px) {
	.recruit_list .list_allbox li {padding-bottom:20px; width:50%;} 
}
@media screen and (max-width:767px) {
	.recruit_list .tit {font-size: 1.8rem;}
	.recruit_list .list_allbox ul {margin-left:-10px;}
	.recruit_list .list_allbox li {padding-left:10px; padding-bottom:10px;}
}
@media screen and (max-width:640px) {
	.recruit_box {padding:0 15px;}
	.recruit_list .tit {width:50%;}
	.recruit_list .tit.tit01 {left:0%;}
	.recruit_list .tit.tit02 {left:50%;}
	.recruit_list .tit.tit03 {left:0%; top:50px;}
	.recruit_list .tit.tit04 {left:50%; top:50px;}
	
	.recruit_list .list_allbox {padding-top:160px;}
	
	.recruit_list .more_btn {top:115px;}
}
@media screen and (max-width:480px) {
	.recruit_list .tit {font-size: 1.6rem;}
	.recruit_list .list_allbox ul {margin-left:0;}
	.recruit_list .list_allbox li {padding-left:0; width:100%;}
}


/* section03 */
.m_set03 {background-color:#e296e5;}
.ms3_tbox {padding:50px 0 30px; color:#333; text-align:center;}
.ms3_tbox .ms3_tit {font-family:'GSK'; font-size:2.5rem;}
.ms3_tbox .ms3_txt {color:#8a288d;}
.ms3_tbox .ms3_txt span {color:#333;}

.program_list {padding-bottom:50px;}
.program_list ul {display:block; margin-left:-20px;}
.program_list ul:after {content:''; display:block; visibility:hidden; clear:both;}
.program_list li {display:inline-block; float:left; width:33.33%; padding-left:20px;}
.program_list li .pgl_box {position:relative; padding:25px; height:190px; background-color:#ffeded; border-radius:5px;}
.program_list li .pgl_box:before {content:''; position:absolute; right:20px; bottom:0; width:137px; height:131px; background-position:center center; background-repeat:no-repeat;}
.program_list li .pgl_box.icon01:before {background-image:url(../images/main/main_ai01.png);}
.program_list li .pgl_box.icon02:before {background-image:url(../images/main/main_ai02.png);}
.program_list li .pgl_box.icon03:before {background-image:url(../images/main/main_ai03.png);}
.program_list li .pgl_box.icon04:before {background-image:url(../images/main/main_ai04.png);}

.pgl_box .pgl_tit {font-family:'GSK'; font-size:2.0rem; color:#121212;}
.pgl_box .pgl_btn {display:inline-block; padding:5px 10px; font-size:1.4rem; background-color:#fff; border:1px solid #a7a7a7; border-radius:5px;}
.pgl_box .pgl_btn:hover,
.pgl_box .pgl_btn:active,
.pgl_box .pgl_btn:focus {background-color:#8a288d; border:1px solid #8a288d; color:#fff;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
	.ms3_tbox {padding:40px 0 20px;}
	
	.m_set03 {padding:0 20px;}
	.pgl_box .pgl_tit {font-size:1.8rem;}
	.program_list {padding-bottom:40px;}
	.program_list li .pgl_box {padding:25px 20px;}
	.program_list li .pgl_box:before {right:10px;}
}
@media screen and (max-width:920px) {
	.program_list li {width:50%; padding-bottom:20px;}
	.program_list li .pgl_box:before {right:30px;}
}
@media screen and (max-width:767px) {
	.ms3_tbox {padding:35px 0 15px;}
	.program_list {padding-bottom:30px;}
}
@media screen and (max-width:640px) {
	.m_set03 {padding:0 15px;}
	.ms3_tbox .ms3_tit {font-size:2.0rem;}
	
	.program_list ul {margin-left:-10px;}
	.program_list li {padding-left:10px; padding-bottom:10px;}
	.program_list li .pgl_box {padding:20px 15px;}
	.program_list li .pgl_box:before {width:120px; height:112px; right:20px; background-size:98%;}
}
@media screen and (max-width:480px) {
	.program_list ul {margin-left:0;}
	.program_list li {display:block; float:none; width:100%; padding-left:0; padding-bottom:10px;}
	
	.program_list li .pgl_box {padding:20px 15px; height:auto;}
	.program_list li .pgl_box:before {width:100px; height:85px; right:20px; background-size:90%;}
}


/* section04 */
.ms4_tbox {text-align:center;}
.ms4_tbox .ms4_tit {margin-bottom:0; font-family:'GSK'; font-size:2.5rem; color:#121212;}

.project_list {padding-top:40px;}
.project_list > ul {display:block; margin-left:-20px;}
.project_list > ul:after {content:''; display:block; visibility:hidden; clear:both;}
.project_list > ul > li {display:inline-block; float:left; width:25%; padding-left:20px;}
.project_list > ul > li:after {content:''; display:block; visibility:hidden; clear:both;}
.project_list > ul > li > .prjt_inner {position:relative; display:block; padding:15px; border:1px solid #ddd; text-decoration:none; border-radius:5px; box-sizing:border-box;}
.project_list > ul > li > .prjt_inner:hover,
.project_list > ul > li > .prjt_inner:active,
.project_list > ul > li > .prjt_inner:focus {background-color:#8a288d; color:#fff; transition:all 0.2s linear;}

.project_list > ul > li > .prjt_inner .prjt_tit {overflow:hidden; margin-bottom:0; min-height:47px; font-family:'GSK'; font-size:1.8rem; border-top-left-radius:5px; border-top-right-radius:5px; color:#fff; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#121212; line-height:1.3;}
.project_list > ul > li > .prjt_inner:hover .prjt_tit,
.project_list > ul > li > .prjt_inner:active .prjt_tit,
.project_list > ul > li > .prjt_inner:focus .prjt_tit {color:#fff; transition:all 0.2s linear;}

.project_list > ul > li > .prjt_inner .prjt_tbox {padding:10px 0 0;}
.project_list > ul > li > .prjt_inner .prjt_tbox:after {content:''; display:block; visibility:hidden; clear:both;}
.prjt_tbox {display:block;}
.prjt_tbox:after {content:''; display:block; visibility:hidden; clear:both;}
.prjt_tbox ul {display:block;}
.prjt_tbox li {display:block; padding:2px 0;}
.prjt_tbox li:after {content:''; display:block; visibility:hidden; clear:both;}
.prjt_tbox li dt {display:inline-block; float:left; width:30%; border:1px solid #ddd; border-radius:20px; text-align:center; font-size:1.4rem;}
.prjt_tbox li dd {overflow:hidden; display:inline-block; float:left; width:70%; padding-left:15px; white-space:nowrap; text-overflow:ellipsis;}


.project_list .more_btn {position:absolute; right:0; top:35px;}
.project_list .more_btn a {position:relative; display:block; padding:5px 30px 5px 10px; border:1px solid #ddd; border-radius:5px; color:#555; font-size:1.4rem;}
.project_list .more_btn a:after {content:''; position:absolute; right:10px; top:50%; margin-top:-5px; width:7px; height:11px; background:url(../images/main/main_ir.png) 0 0 no-repeat;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
	.m_set04 {padding:0 20px;}
}
@media screen and (max-width:930px) {
  .prjt_tbox li dt {width:35%;}
  .prjt_tbox li dd {width:65%;}
}
@media screen and (max-width:920px) {
	.project_list > ul > li {width:50%; padding-bottom:20px;}
}
@media screen and (max-width:767px) {
	.project_list > ul > li > .prjt_inner .prjt_tit {padding-top:0; min-height:42px; font-size:1.6rem;}
}
@media screen and (max-width:640px) {
	.m_set04 {padding:0 15px;}
	.ms4_tbox .ms4_tit {font-size:2.0rem;}
	
	.project_list .more_btn {top:30px;}
}
@media screen and (max-width:480px) {
	.project_list > ul {margin-left:0;}
	.project_list > ul > li {display:block; float:none; padding-left:0; padding-bottom:10px; width:100%;}
	.project_list > ul > li > .prjt_inner .prjt_tit {min-height:inherit}
}



/* section05 */
.m_set05 {position:relative; background-color:#f8f8f8;}
.m_set05:before {content:''; position:absolute; right:0; top:0; width:50%; height:100%; background-color:#e5e9ee;}
.mc_set {display:inline-block; float:left; width:50%; padding:50px 0; height:375px;}
.mc_set:after {content:''; display:block; visibility:hidden; clear:both;}

.mc_set.set_left {padding-right:50px;}
.mc_set.set_right {padding-left:50px;}

/* 공지사항 */
.mnotice_box {position:relative;}
.mnotice_box:after {content:''; display:block; visibility:hidden; clear:both;}
.mnotice_box > ul {margin-right:40px;}
.mnotice_box .nt_tit {position:absolute; top:0; width:25%; padding:7px 10px 3px; border:1px solid #9b9b9b; border-radius:50px; font-family:'GSK'; font-size:1.6rem; text-align:center; box-sizing:border-box; z-index:50;}
.mnotice_box .nt_tit.tit01 {left:0; width:18%;}
.mnotice_box .nt_tit.tit02 {left:18%; width:22%;}
.mnotice_box .nt_tit.tit03 {left:40%; display:none;}
.mnotice_box .nt_tit.tit04 {left:65%; display:none;}
.mnotice_box .nt_tit.tit05 {left:40%; width:30%;}
.mnotice_box .nt_tit:hover,
.mnotice_box .nt_tit:active,
.mnotice_box .nt_tit:focus,
 .mnotice_box .nt_tit.on {background-color:#353b31; color:#fff;}
.mnotice_box .mnt_list {position:relative; padding-top:70px; margin-right:-40px;}
.mnotice_box .mnt_list li {overflow:hidden; display:block; position:relative; padding:13px 100px 13px 10px; border-bottom:1px solid #ddd; white-space:nowrap; text-overflow:ellipsis;}
.mnotice_box .mnt_list li:before {content:''; position:absolute; left:0; top:50%; margin-top:-1px; width:3px; height:3px; background-color:#7d7d7d;}
.mnotice_box .mnt_list li span {position:absolute; right:0; color:#767676; margin-right:2px}
.mnotice_box .mnt_list li a {color:#333;}
.mnotice_box .mnt_list li a .mnt_new {position:relative; display:inline-block; width:18px; margin-right:2px; text-indent:-9999px;}
.mnotice_box .mnt_list li a .mnt_new:before {content:''; display:block; position:absolute; left:0; top:4px; width:18px; height:17px; background:url(../images/main/main_ir.png) -219px 0 no-repeat;}
.mnotice_box li .mnt_btnmore {display:block; position:absolute; top:0; right:0; width:37px; height:37px;}
.mnotice_box li .mnt_btnmore:before {content:''; position:absolute; top:50%; right:50%; margin-top:-13px; margin-right:-13px; width:26px; height:26px; background:url(../images/main/main_ir.png) -8px 0 no-repeat;}

/* 울산기업관 */
.cprt_box {display:block; position:relative;}
.cprt_box:after {content:''; display:block; visibility:hidden; clear:both;}
.cprt_box .cprt_tit {margin-bottom:0; font-size:2.4rem; font-family:'GSK'; color:#333;}
.cprt_box .cprt_cardbox {display:block; margin-top:25px;}
.cprt_box .cprt_cardbox:after {content:''; display:block; visibility:hidden; clear:both;}

.cprt_cardbox > ul {display:block;}
.cprt_cardbox ul li {display:block;}
.cprt_cardbox ul li a.cprt_abox {display:block; padding:23px 20px 17px; background-color:#fff;}
.cprt_cardbox ul li a.cprt_abox:after {content:''; display:block; visibility:hidden; clear:both;}
.cprt_cardbox .cardbox {display:inline-block; float:left;}
.cprt_cardbox .cardbox.card_left {position:relative; width:45%; padding-right:25px;}
.cprt_cardbox .cardbox.card_left:before {content:''; position:absolute; right:0; top:0; width:1px; height:100%; background-color:#ddd;}
.card_left .card_logo {margin-bottom:10px; height:73px;}
.card_left .card_logo:after {content:''; display:block; visibility:hidden; clear:both;}
.card_left .card_logo img {width:100%; height:100%; background-color:#ddd;}
.card_left .card_class {font-size:1.9rem; font-family:'GSK'; color:#f26522;}
.card_left .card_txt {margin-bottom:0; line-height:1.4; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

.cprt_cardbox .cardbox.card_rigth {position:relative; width:55%; padding-left:25px;}

.cprt_cardbox .cardbox.card_rigth:after {content:''; display:block; visibility:hidden; clear:both;}

.card_rigth .card_tit {margin-bottom:0; font-size:1.9rem; font-family:'GSK'; color:#c71197;}
.card_rigth ul {display:block;}
.card_rigth ul:after {content:''; display:block; visibility:hidden; clear:both;}
.card_rigth li {display:block; font-size:1.4rem; margin:5px 0; }
.card_rigth li:after {content:''; display:block; visibility:hidden; clear:both;}
.card_rigth dl {display:block;}
.card_rigth dl:after {content:''; display:block; visibility:hidden; clear:both;}
.card_rigth dl dt {display:inline-block; float:left; width:30%;}
.card_rigth dl dd {overflow:hidden; display:inline-block; float:left; width:70%; white-space:nowrap; text-overflow:ellipsis;}

.mctrl_box {position:absolute; right:0; top:0; padding:8px; background-color:#353b31; border-radius:50px;}
.mctrl_box > dl {}
.mctrl_box > dl dd {position:relative; display:inline-block; float:left; margin-left:5px; color:rgba(255,255,255,0.7);}
.mctrl_box > dl dd:nth-child(2) {margin-left:0;}
.mctrl_box > dl dd .ctrl_cont,
.mctrl_box > dl dd a {position:relative; display:block; width:22px; height:22px; box-sizing:border-box;}
.mctrl_box > dl dd a:before {content:''; position:absolute; left:50%; top:50%; margin-top:-11px; margin-left:-11px; width:22px; height:22px; background-image:url(../images/main/main_ir.png); background-repeat:no-repeat;}
.mctrl_box > dl dd a.ctrl_prev:before {background-position:-35px 0;}
.mctrl_box > dl dd a.ctrl_stop:before {background-position:-58px 0;}
.mctrl_box > dl dd a.ctrl_play:before {background-position:-81px 0;}
.mctrl_box > dl dd a.ctrl_next:before {background-position:-104px 0;}
.mctrl_box > dl dd span.ctrl_cont {padding:0 10px; line-height:22px; width:auto;}
.mctrl_box > dl dd span.ctrl_cont strong {color:#fff;}



	/*media query*/
@media screen and (max-width:1200px) {
	.mc_set.set_left {padding-right:20px;}
	.mc_set.set_right {padding-left:20px;}
	
	.mnotice_box .nt_tit {padding:7px 7px 3px;}
}
@media screen and (max-width:1024px) {
	.m_set05:before {display:none;}
	.mc_set {display:block; float:none; width:100%; height:auto; padding:30px 0;}
	.mc_set.set_left {padding-right:0; padding:30px 20px;}
	.mc_set.set_right {padding-left:0; padding:20px; background-color:#e5e9ee;}
	.mnotice_box .nt_tit {padding:7px 15px 3px;}
}
@media screen and (max-width:920px) {
	.m_set05:before {height:52%;}
}
@media screen and (max-width:767px) {
	.m_set05:before {height:51%;}
	.mc_set {padding:20px 0;}
}
@media screen and (max-width:640px) {
	.m_set05:before {height:48.5%;}
	.mc_set.set_left {padding:20px 15px;}
	.mc_set.set_right {padding:20px 15px;}
	.mnotice_box .nt_tit {width:45%; font-size:1.5rem;}
	.mnotice_box .nt_tit.tit01 {left:0; width:45%;}
	.mnotice_box .nt_tit.tit02 {left:45%; width:45%;}
	.mnotice_box .nt_tit.tit03 {left:0%; top:47px;}
	.mnotice_box .nt_tit.tit04 {left:45%; top:47px;}
	.mnotice_box .nt_tit.tit05 {left:0; top:47px; width:45%;}
	.mnotice_box .mnt_list {padding-top:100px;}
	
	.cprt_box .cprt_cardbox {margin-top:15px;}
}
@media screen and (max-width:480px) {
	.m_set05:before {height:59%;}
	.mnotice_box .nt_tit.tit03 {top:42px;}
	.mnotice_box .nt_tit.tit04 {top:42px;}
		
	.cprt_cardbox .cardbox {display:block; float:none;}
	.cprt_cardbox .cardbox.card_left {width:100%; padding-right:0;}
	.cprt_cardbox .cardbox.card_left:before {width:100%; height:1px; right:unset; top:unset; bottom:-10px;}
	.card_left .card_logo {margin-bottom:10px;}
	.card_left .card_class {font-size:1.7rem; margin-bottom:5px;}
	.cprt_cardbox .cardbox.card_rigth {width:100%; padding-left:0; padding-top:20px;}
	.cprt_box .cprt_tit {padding-top:5px; font-size:2.0rem;}
	.card_rigth .card_tit {font-size:1.7rem;}
	
}
@media screen and (max-width:450px) {
	.mnotice_box .nt_tit {width:43%; padding:7px 10px 3px;}
	.mnotice_box .nt_tit.tit01 {left:0; width:43%;}
	.mnotice_box .nt_tit.tit02 {left:43%; width:43%;}
	.mnotice_box .nt_tit.tit03 {left:0%;}
	.mnotice_box .nt_tit.tit04 {left:43%;}
}
@media screen and (max-width:380px) {
	.m_set05:before {height:60%;}
	.mnotice_box .nt_tit.tit05 {width:50%;}
}



/* section06 */
.ms6_tbox {text-align:center;}
.ms6_tbox .ms6_tit {margin-bottom:0; font-family:'GSK'; font-size:2.5rem; color:#121212;}

.video_list {display:block; padding-top:30px;}
.video_list ul {display:block; margin-left:-20px;}
.video_list li {display:inline-block; float:left; width:25%; padding-left:20px;}
.video_list li .youtube_box {position:relative;}
.video_list li a {position:absolute;left: 0;top: 0;right: 0;bottom: 0;width: 100%;}
.video_list li a img {width:100%; height:160px;}

.video_list li .video_tit {overflow:hidden; margin-bottom:0; padding:10px 10px 5px; color:#121212; font-family:'GSK'; white-space:nowrap; text-overflow:ellipsis; border-bottom:1px solid #ddd;}
.video_list li .hits_txt {padding:5px 10px; border-bottom:1px solid #ddd; font-size:1.4rem;}
.video_list li .hits_txt:after {content:''; display:block; visibility:hidden; clear:both;}
.video_list li .hits_txt .hits {float:left;}
.video_list li .hits_txt .time {float:right;}

.vdoctrl_box {position:absolute; right:0; top:25px;}
.vdoctrl_box > dl {}
.vdoctrl_box > dl dd {position:relative; display:inline-block; float:left; margin-left:5px;}
.vdoctrl_box > dl dd:nth-child(2) {margin-left:0;}
.vdoctrl_box > dl dd a {position:relative; display:block; width:30px; height:30px; box-sizing:border-box; border:1px solid #ddd; border-radius:20px;}
.vdoctrl_box > dl dd a:before {content:''; position:absolute; left:50%; top:50%; margin-top:-11px; margin-left:-11px; width:22px; height:22px; background-image:url(../images/main/main_ir.png); background-repeat:no-repeat; }
.vdoctrl_box > dl dd a.ctrl_prev:before {background-position:-127px 0;}
.vdoctrl_box > dl dd a.ctrl_stop:before {background-position:-150px 0;}
.vdoctrl_box > dl dd a.ctrl_play:before {background-position:-196px 0;}
.vdoctrl_box > dl dd a.ctrl_next:before {background-position:-173px 0;}


	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
	.m_set06 {padding:0 20px;}
}
@media screen and (max-width:920px) {
	.video_list li {width:50%; padding-bottom:20px;}
	.video_list li a img {height:250px;}
}
@media screen and (max-width:767px) {
	.video_list li a img {height:200px;}
}
@media screen and (max-width:640px) {
	.m_set06 {padding:0 15px;}
	.ms6_tbox .ms6_tit {font-size:2.0rem;}
	.video_list li {padding-left:15px; padding-bottom:15px;}
	.video_list li a img {height:170px;}
}
@media screen and (max-width:480px) {
	.video_list {padding-top:50px;}
	.video_list ul {margin-left:0;}
	.video_list li {width:100%; padding-left:0;}
	.video_list li a img {height:160px;}
	
	.vdoctrl_box {top:35px; right:50%; margin-right:-50px;}
}

/* section07 */
#body_layout .main_set.m_set07 {margin-bottom:30px;}
.m_set07 {padding-top:30px; border-top:1px solid #ddd;}
.lol_banner ul {overflow:hidden; position:relative; display:block; margin-left:-5px; margin-right:10%; height:57px;}
.lol_banner ul:after {content:''; display:block; visibility:hidden; clear:both;}
.lol_banner li {display:inlin-block; float:left; width:20%; padding-left:5px;}
.lol_banner li a {display:block; padding:10px 5px; border:1px solid #ddd; box-sizing:border-box; text-align:center;}
.lol_banner li a img {height:35px; margin:0 auto;}

.bnctrl_box {position:absolute; right:0; top:50%; margin-top:-13px;}
.bnctrl_box > dl {}
.bnctrl_box > dl dd {position:relative; display:inline-block; float:left; margin-left:5px;}
.bnctrl_box > dl dd:nth-child(2) {margin-left:0;}
.bnctrl_box > dl dd a {position:relative; display:block; width:25px; height:25px; box-sizing:border-box; border:1px solid #ddd;}
.bnctrl_box > dl dd a:before {content:''; position:absolute; left:50%; top:50%; margin-top:-11px; margin-left:-11px; width:22px; height:22px; background-image:url(../images/main/main_ir.png); background-repeat:no-repeat; }
.bnctrl_box > dl dd a.bnctrl_prev:before {background-position:-127px 0;}
.bnctrl_box > dl dd a.bnctrl_stop:before {background-position:-150px 0;}
.bnctrl_box > dl dd a.bnctrl_play:before {background-position:-196px 0;}
.bnctrl_box > dl dd a.bnctrl_next:before {background-position:-173px 0;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
	.m_set07 {padding:30px 20px 0;}
}
@media screen and (max-width:920px) {
	.lol_banner ul {margin-right:12%;}
}
@media screen and (max-width:767px) {
	.lol_banner ul {margin-right:14%;}
	.lol_banner li {width:25%;}
	
}
@media screen and (max-width:640px) {
	#body_layout .main_set.m_set07 {display:none;}
}
@media screen and (max-width:480px) {
}