@charset "UTF-8";

/********************************************************

					반응형 css

********************************************************/
@media screen and (max-width: 1230px){
	.m_section.m_section1 {padding: 0 30px; box-sizing: border-box;}
}
@media screen and (max-width: 1170px){
	.header_wrap {padding: 0 10px; box-sizing: border-box;}
	.header_wrap .gnb .menu_list {display: none;}
	.hamburger {display: block;}
	.header_wrap .gnb:after {width: 75px;}
	.footer_wrap .footer_t , .footer_wrap .footer_b {padding: 0 10px; box-sizing: border-box;}
	.top_btn {right: 10px; margin-right: 0;}
	.m_section .inner,.bread .inner {padding: 0 10px; box-sizing: border-box;}
	.sub0201 .content {padding: 0 10px; box-sizing: border-box;}
	.sub05 .content_wrap ,.sub04 .content_wrap, .sub0302 .content_wrap {padding: 0 10px; box-sizing: border-box;}
	.site02 .inner {padding: 0 10px; box-sizing: border-box; font-size: 13px;}


}
@media screen and (max-width: 1024px){
	#popup_1 {left: 10px !important;top: 10px !important;}
	.sitebox {padding: 0 !important;}
}
@media screen and (max-width: 960px){
	.pd__box .pd_bt .popup_text {padding: 25px 10px;}
	.titbox h3 {font-size: 28px; line-height: 28px;}
	.titbox h3 span {font-size: 13px;}
	.sub05 .titbox h3 span {font-size: 22px;}
	.big_con .bgbox .bg_box .table__set > img {height: 50px;}
	.big_con .bgbox .bg_box .table__set > p {font-size: 14px;}
	.sub-tab ul li.on a , .sub-tab ul li a {font-size: 13px;}
	.video_con {padding: 0 10px; box-sizing: border-box;}
	.bbs-webzine-tit a {font-size: 18px;}
	.bbs-webzine-desc a {font-size: 12px;}
	.sub0302 .bbs-standard th {font-size: 14px;}
	.sub0302 .bbs-standard td {font-size: 13px;}
	.slide .mslide li .slide_box {background-position: 39% !important;}
	.pd__box .pd_bt {width: 90%;}
	.sub0201 .ov-info .pd-name {font-size: 16px;}
	.m_section.m_section3 .tcell p {font-size: 13px;}
}

@media screen and (max-width: 768px){
	.m_section.m_section3 .banner-set {padding: 0;}
	.m_section.m_section3 .banner-l ,.m_section.m_section3 .banner-r ,.m_section.m_section3 .banner-set3 .banner-l,.m_section.m_section3 .banner-set3 .banner-r{float: none; width: 100%;padding-top: 35px;}
	.m_section.m_section3 .banner-set3 .banner-r .banners img {width: 100%;max-height: 210px;max-width: 457px; display: block;margin: 0 auto;}
	.popup-layer > div {width: 300px !important;height: 382px !important;}
	.popup-layer td.poptitle {font-size:14px !important;}
	.popup-layer a {font-size:12px !important;}
	.m_slide1 li img {margin: 0 auto;}
	.m_section1 .m_slide1 li a {padding-top: 80%;}
	.m_section.m_section1 .m_conbox .bx-next {left: 50%; margin-left: 165px; right: auto;}
	.m_section.m_section1 .m_conbox .bx-prev {left: 50%; margin-left: -215px;}
	.m_section .tit h3 {font-size: 28px;}
	.m_section .tit h3 span {font-size: 13px;}
	.m_section .tit span.tar ,.m_section.m_section2 .tit span.tar {font-size: 11px;}
	.m_section.m_section2 .tit span img {height: 9px;}
	.m_section.m_section2,.m_section.m_section1 {height: auto;padding: 0 15px 65px;}
	.m_section.m_section3 h5 {font-size: 18px;}
	.m_section.m_section3 .banners .ov-banner p {font-size: 12px;}
	.pd__box .close_btn {right: 0; top: -40px;}
	.m_section.m_section3 .banner-set3 .banner-l .banners {padding-top: 30.7%;}
	.m_section.m_section3 .banner-set3 .banner-l .banners img {position: absolute;width: 100%;top: 0;left: 0;}
	.pdset {padding-left: 5px;}
	.big_con .bgbox {height: 400px;}
	.big_con.big_con2 .bgbox {height: 500px;}
	.bread ul li span {font-size: 11px;}
	.sub05 #formBasicWrap ,.sub05 .ipt_row .radio_btn li .radio-lbl {font-size: 13px;}
	.bbs-webzine-tit a {font-size: 16px;}
	.bbs-webzine-desc a {font-size: 11px;line-height: 15px;}
	.bbs-webzine-thumb {width: 35%}
	.titbox h3 {font-size: 22px;}
	.online_box ul li {margin: 1.5%; float: left; width: 30.333%;}
	.online_box {padding: 0 10px; box-sizing: border-box;}
	.online_box .ov-banner {padding: 0 5px;}
	.online_box ul li .ov-banner p {font-size: 12px;}
	.slider-tit img {width: 65%; float: right;}
	.ov-info-t ,.ov-info-b {margin: 10% 0;}
	/*.sub0201 .pd-name {font-size: 15px;padding: 3px 0;font-size: 14px;}*/
	#magazine {max-height: 840px;}
	.pd__box .pd_bt .popup_text .info1 {position: static;}
	.pd__box .pd-num {display: none;}
	/*.sub0201 .ov-info .pd-name {font-size: 12px;} */

	}

@media screen and (max-width: 650px){
	.big_con.big_con2 .bgbox .bg_box {padding: 0 10px; box-sizing: border-box;}
	#magazine {max-height: 700px;}
	.pd_board li {width: 49%;padding-top: 62.7%;}
}
@media screen and (max-width: 605px){
	.footer_wrap .footer_b .footer_r {display: none;}
	.footer_wrap .footer_b .footer_l {float: none; width: 100%; text-align: center;}
	.bbs-search-form .search-ipt {width: 75%; display: inline-block;}
	.bbs-search-form .ipt-slt {min-width: 0 !important; width: 23%; font-size: 10px;}
	.bbs-search-form .search-ipt input[type=text] {width: 80%;box-sizing: border-box;}
	.bbs-search-form .search-ipt input[type=button] {width: 17%;min-width: 0;box-sizing: border-box;}
}

@media screen and (max-width: 540px){
	.header_wrap .gnb h1 img {height: 17px;}
	.m_section.m_section2 .video_box {padding-top: 70%;}
	.m_section.m_section3 h5 {font-size: 16px;}
	.m_section .tit h3 {font-size: 24px;}
	.m_section2 .tit h3 span img {display: none;}
	.m_section .tit span.tar {margin-top: -15px;}
	.footer_wrap .footer_t .footer_r {padding-right: 55px;}
	.footer_wrap .footer_t .footer_l {width: 40%;}
	.pd-name {font-size: 14px;}
	.pd__box .pd_bt .popup_text .info1 {font-size: 11px;}
	.pd__box .pd_bt .popup_text {height: auto; padding: 0;}
	.m_section.m_section3 .banners .ov-banner p {line-height: 20px;}
	.pd__box .pd_bt .popup_text .pd-name {margin-left: 5px;}
	.big_con .bgbox .bg_box .table__set > p br {display: none;}
	.pdwrap .fitbox .fit_t .fit_text .fitp1 ,.pdwrap .fitbox .fit_t .fit_text .fitp2 ,.pdwrap .fitbox .fit_t .fit_at{font-size: 12px;}
	.pdwrap .fitbox .fit_t .fit_at {max-width: 210px; height: 30px; line-height: 30px;}
	.sub-select .tab-select {font-size: 13px;height: 45px;}
	.sub-select {width: 65%;}
	.sub-select .tab-select-list ul li a {font-size: 13px;}
	.sub-tab {padding-bottom: 40px;}
	.sub0203 .subcon_box ,.sub0101 .subcon_box {padding: 30px 0 0;}
	.subcon_box {padding: 30px 0 100px;}
	.online .content_wrap {padding-top: 30px; padding-bottom: 70px;}
	/*.sub0201 .pdset {margin: 15px 0;padding: 0 10px;}*/

}
@media screen and (max-width: 520px){
	.footer_wrap .footer_t {height: auto;}
	.footer_wrap .footer_t .footer_l ,.footer_wrap .footer_t .footer_r {width: 100%; float: none;text-align: left;padding-left: 20px;box-sizing: border-box;}
	.footer_wrap .footer_t .footer_r {padding-right: 0; text-align: left; border-top: 1px solid
		#333;box-sizing: border-box;padding-left: 5px;}
	.big_con .bgbox .bg_box .table__set > p {padding: 40px 0px 0; box-sizing: border-box;}
	.sub0101 .big_con .bgbox .bg_box .table__set > p {padding: 40px 25px 0; box-sizing: border-box;}
	.big_con.big_con2 .banner2 .banner_r {padding-top: 30px;float: none;width: 100%; }
	.big_con.big_con2 .banner2 .banner_l {float: none; width: 100%;}
	.online_box ul li {width: 47%;}
	#magazine {max-height: 615px;}
}
@media screen and (max-width: 445px){
	.m_section.m_section1 .m_conbox .bx-prev {margin-left: -58%;}
	.m_section.m_section1 .m_conbox .bx-next {margin-left: 41%;}
	.m_section.m_section2 .view_btn a {font-size: 11px; height: 45px; line-height: 45px;}
	.m_section.m_section2 .view_btn {height: 45px; width: 150px;}
	.m_section.m_section3 .tcell p {padding: 0 20px;font-size: 13px;}
	.m_section.m_section3 .banner-set3 .banner-r .view_btn {font-size: 11px; letter-spacing: 5px; width: 150px;}
	.big_con .bgbox .bg_box .table__set > img {height: 35px;}
	.big_con.big_con2 .banner2 {padding-top: 60px;}
	.pdwrap .fitbox {padding: 0 10px; box-sizing: border-box;}
	.video_wrap {padding-top: 70%;}
	#magazine {max-height: 565px;}
	.pd__box .pd_bt .popup_text {height: auto; padding: 10px 15px;}
	/*.sub0201 .pd__box .pd_bt .popup_text {height: auto; padding:0;}*/

	.pdset {padding-left: 55px; padding: 10px 0 10px 45px;}
	.pd__box .pd_bt .popup_text .info1 {font-size: 10px;}
	.pd-name {font-size: 11px !important;}
	.pd__box .pd_bt .popup_text .info1 {top: 8px;padding: 5px 10px;}
	.pdwrap .fitbox .fit_t {padding: 35px 30px;}
	.ov-info-t .info1 ,.ov-info-b .info1 {max-width: 120px;}
	/*.sub0201 .pd__box .pd-name span {display: block;}*/
	/*.sub0201 .ov-info-t, .ov-info-b {margin: 5% 0;}*/
	/*.sub0201 .ov-info-t .info1 {font-size: 10px;}*/
}
@media screen and (max-width: 400px){
	#magazine {max-height: 515px;}
}
@media screen and (max-width: 380px){
	/*.sub0201 .pd_board li {width: 99%; padding-top: 106%;}*/
	/*.sub0201 .ov-info .pd-name {font-size: 13px !important;}*/
	/*.sub0201 .ov-info-t, .ov-info-b {margin: 11% 0;}*/
}

@media screen and (max-width: 360px){
	.pd__box .pd_bt .popup_text {position: static;background-color: #222 !important;}
	.pdset {padding-left: 0; padding: 10px 0;}
	.pd__box .pd_bt .popup_text .info1 {position: static;display: block;float: left;text-align: left;}
	.pd__box .pd_bt .popup_text .pd-name {float: left;text-align: left;width: 100%; display: block;margin-top: 5px; margin-left: 0;}
	.bbs-search-form .search-ipt {display: block;width: 100%;}
	.bbs-search-form .search-ipt input[type=button] {width: 19%;}
	.bbs-search-form .ipt-slt {width: 100%;}
	.bbs-search-form .ipt-slt option {width: 100%;}
	.bbs-search-form .search-ipt input[type=text] {width: 79%;}
	.pd-name {font-size: 11px;}
	.ov-info-t, .ov-info-b {margin: 10% 0;}
	#megazine {max-height: 495px;}
	/*.sub0201 .pdset {margin: 0;padding: 15px;}*/
	/*.sub0201 .ov-info-t .info1 {font-size: 10px;}*/
	.pd__box .pd_bt .popup_text .pd-name {float: none; text-align: center;}
	.pd__box .pd_bt .popup_text .info1 {float: none; text-align: center;display: inline-block;}
}