@import url('reset.css');
@import url('common.css');
@import url('sub.css');
@import url('qtdiary.css');
@import url('board.css');





/*layout*/

body {background-color:#d9e7ee;color:#4b4b4b;font-size:12px;}/*#d9e7ee;*/
.main_bg_pt {background:url(/sena/images/main/cloude_bg.png) 200px 522px repeat-x;}
.main_container {min-width:1242px;margin:0 auto;z-index:2;position:relative;top: -131px;}
.main_container .contents_wrap {background-color:#FFF;}

/*header_bg*/
.main_header_bg {background:url("../images/main/main_top_bg.jpg") top center no-repeat;}
.about_header_bg {background:url("../images/bg/about_header_bg.jpg") top center no-repeat;}
.qt_header_bg {background:url("../images/bg/qt_header_bg.jpg") top center no-repeat;}
.magazine_header_bg {background:url("../images/bg/magazine_header_bg.jpg") top center no-repeat;}
.group_header_bg {background:url("../images/bg/group_header_bg.jpg") top center no-repeat;}
.community_header_bg {background:url("../images/bg/community_header_bg.jpg") top center no-repeat;}



.sub_containter {min-width:1242px;margin-top:-15px;}
.contents_wrap {width:990px;margin:0 auto;/* background-color:#FFF; */position:relative;}
#header_wrap {min-width:1242px;}

/*.main_bg {background:red url("../images/main/main_header_bg.jpg") center -116px no-repeat;}*/

#wrap {position:relative;width:100%;min-width:320px;}
/*#contents {width:990px;margin:0 auto;position:relative;}*/

#header {background:url("../images/main/header_bg.png") 0 0 no-repeat;width:1242px;margin:0 auto;position:relative;bottom: -15px;z-index:2500}
#header .header_inner {padding:30px 30px;width:990px;height:57px;margin-left:96px;position:relative;}
#header .logo {position:absolute;top:8px;left:15px;width:126px;height:55px;}
#header .logo a {display:block;width:100%;height:100%;background:url("../images/main/sena_logo.png") 0 0 no-repeat;background-size:100%;}

/* header > gnb */	
#header #gnb {/*position:absolute;top:30px;left:30px;*/float:right;padding-right:40px;padding-top:5px;}
#header #gnb li {padding-right:30px;padding-left:30px;float:left;background:url("../images/main/gnb_bar.png") right center no-repeat;}
#header #gnb li.last {padding-right:0px;background-image:none;}
#header #gnb_submenu {background-color:#035990;width:100%;width:588px;margin:0 auto;position:relative;top:-30px;display:none;}

#header #gnb_submenu {background:#32526e url("../images/main/gnb_submenu_bg.png") left bottom no-repeat;}
#header #gnb_submenu {overflow:hidden}
#header #gnb_submenu {width:990px;}
#header #gnb_submenu .gnb_submenu_inner {overflow:hidden;margin:33px 50px 20px 325px;}
#header #gnb_submenu .gnb_submenu_inner  ul {float:left;}
#header #gnb_submenu .gnb_submenu_inner  ul.first {margin-right:55px;}
#header #gnb_submenu .gnb_submenu_inner  ul.second {margin-right: 70px;}
#header #gnb_submenu .gnb_submenu_inner  ul.third {margin-right: 85px;}
#header #gnb_submenu .gnb_submenu_inner  ul.four {margin-right: 60px;}
#header #gnb_submenu .gnb_submenu_inner  ul.five {margin-right:0;}



#header #gnb_submenu ul li {margin-bottom:17px;}
#header #gnb_submenu ul li a {color:#fff;}
#header #gnb_submenu ul li a:hover {color:#f3d50b;}
.m_header {position:absolute;top:0px;right:0;width:190px;}
.m_header  ul.m_left_gnb {z-index:10000;background-color: #5e788f;position:relative;} /**** menu for mobile****/

.m_header  ul.m_left_gnb li {/* border-bottom:1px solid #94a8cc */}
.m_header  ul.m_left_gnb button.close {position:absolute;top:15px;left: -35px;}
.m_header  ul.m_left_gnb li button.close {margin-right:10px;}
.m_header  ul.m_left_gnb li button.close {background:none;color:#fff;}
.m_header  ul.m_left_gnb li > a {display:block;line-height: 45px;/*46px*/padding: 0 24px 0 24px;font-size: 16px;}
.m_header  ul.m_left_gnb li ul {display:none;}
.m_header  ul.m_left_gnb li > a.first {background:url("../images/main/m_gnb_menu_on.png") 90% center no-repeat;line-height: 50px;/*65px*/color: #fff;}
.m_header  ul.m_left_gnb li > a.first {border-top:1px solid #6f879f;/* border-top:1px solid #6f879f */} 
.m_header  ul.m_left_gnb li > a.off {background:url("../images/main/m_gnb_menu_off.png") 90% center no-repeat;} 


.m_header  ul.m_left_gnb li ul li:last {border-bottom:none}
.m_header  ul.m_left_gnb li ul li a {background-color: #d9e8ef;}
.m_header  ul.m_left_gnb li ul li a:hover {color:#4792dd;}
.m_header, .mobileMenu {display:none}
.m_header ul.m_left_gnb {display:none}
.profile_img {text-align:center;padding-top:32px}
.profile_img img {display:inline-block;width:70px;height:70px;border-radius:70px;overflow:hidden;margin:0 auto;}
.btn_bottom {padding:30px 25px;text-align:center;border-top: 1px solid #6f879f;}
.btn_bottom a {display:inline-block;}
.btn_bottom a  img {height:47px;}
.btn_bottom .sns{padding: 25px 3px;}
.btn_bottom .sns button{width: 30px; height: 30px; margin-right: 21.9px; background: url(/sena/images/main/sns-logo.svg) 0 0 no-repeat; display: block; float: left; border-radius: 8px!important; box-shadow: 0px 0px 5px rgba(0,0,0,0.2)}
.btn_bottom .sns button:last-child{margin-right: 0;}
.btn_bottom .sns button.facebook{background-position: 0 -30px;}
.btn_bottom .sns button.instagram{background-position: 0 0;}
.btn_bottom .sns button.youtube{background-position: 0 -60px;}
#header .m_gnb_icon {position:absolute;top: 16px;right:10px;width: 25px;height: 25px;}
#header .m_gnb_icon {background:url('/sena/images/main/btnList.png') 0 0 no-repeat;background-size:85%;display:none;}


/* index_main */

/*spot-main*/ 
.hidden{display: none;}
#spot-main img {max-width:100%;}
#spot-main {position:relative;}

#contents .new-main{display: table; padding: 0 20px; padding-top: 117px; box-sizing: border-box; width: 100%; background: url(/sena/images/books-bg.svg) 50% 50% no-repeat; background-size: cover;}
#contents .new-main p{display: table-cell; vertical-align: middle; padding: 30px 50px; text-align: center; font-weight: 600; font-size: 32px; color: #555; line-height: 1.36em; letter-spacing: -3px; word-break: keep-all;}
#contents .new-main p.title{cursor: pointer; width: 50%;}
#contents .new-main p .date{font-size: 15px; display: block; letter-spacing: -0.5px; padding-bottom: 15px;}
#contents .new-main p .date span{/*box-shadow: inset 0 -9px 0 #b4e7f8; */font-weight: 400; background: #b4e7f8; padding: 3px 5px; display: inline-block; line-height: 1.1;}
#contents .new-main p em{display: block; font-weight: 400; font-size: 15px; letter-spacing: -1px; cursor: pointer; padding-top: 15px;}
#contents .new-main p img{width: 50%; box-shadow: 0 3px 6px rgba(0,0,0,0.2); cursor: pointer; display: block; margin: 0 auto;}

#contents .banner img{width: 100%; cursor: pointer;}
#contents .banner img.pc{display: block;}
#contents .banner img.mobile{display: none;}

.main_quick_wrap {position:absolute;top:-172px;right: 0px;z-index: -1;} /*only main*/
.quick_menu_wrap {position:absolute;top:390px;right:-112px;z-index: 0;}
.quick_menu_wrap .quick_menu_inner {position:relative;width:112px;height:180px;padding:22px 0 15px 40px}
.quick_menu_wrap .quick_menu_inner .quick_shadow {position:absolute;top:0;left: -12px; height: 235px;}

.quick_menu_wrap .quick_menu_inner ul li {line-height:1}

.quick_menu_inner .sns{margin-top: 15px; margin-left: 5px;}
.quick_menu_inner .sns button{width: 30px; height: 30px; margin-right: 2px; background: url(/sena/images/main/sns-logo.svg) 0 0 no-repeat; display: block; float: left; border-radius: 8px!important; box-shadow: 0px 0px 5px rgba(0,0,0,0.2)}
.quick_menu_inner .sns button:last-child{margin-right: 0;}
.quick_menu_inner .sns button.facebook{background-position: 0 -30px;}
.quick_menu_inner .sns button.instagram{background-position: 0 0;}
.quick_menu_inner .sns button.youtube{background-position: 0 -60px;}



/*login*/
.login_area {width:112px;height: 152px; position: relative; left: -8px;}
.login_area {background:url("/sena/images/login_bg.png") 0 0 no-repeat;}
.login_area div {text-align:center;font-size: 1.25em;padding-left:3px;}
.member_img {padding-top:18px;}
.member_img img {border-radius:74px;}
.member_name {padding: 0 0 5px 0;}
.member_logout {height:32px;line-height:32px;background-color:#f87c87;}
.member_logout a,.member_logout a:hover {color:#fff;}


/*mainCon01*/
div.mainCon01 {overflow:hidden;padding:6em 3.625em 3.4em;}
div.mainCon01 ul {overflow:hidden;float:left;width:50%;} 
div.mainCon01 ul {overflow:hidden; background:#fff; }
div.mainCon01 ul li {display:inline-block; float:left;width:23%;margin:0 5%;}
div.mainCon01 ul li.last {/*padding-right:0;*/}
div.mainCon01 ul li a img {max-width:100%;display:block;margin:0 auto;}

div.mainCon01 ul li a .menu_txt {margin-top:26px;}

/*mainCon02*/
div.mainCon02 {overflow:hidden;padding:3em 2.2em;position:relative;}
div.paper_top {position:absolute;top:0px;left:0;height:8px;width:100%;background:#fff url("../images/main/paper_top.png") 0 0 repeat-x;}
div.paper_bottom {height:8px;width:100%;background:#fff url("../images/main/paper_bottom.png") 0 0 repeat-x;}
div.mainCon02 {background:url("../images/main/paper_bg.jpg") 0 0 repeat;}

div.mainCon02 ul {overflow:hidden;margin:0 auto;}
div.mainCon02 ul li {position:relative;padding-top:20px;display:inline-block;float:left;width:30.6%;margin-right:4%;}
div.mainCon02 ul li.last {margin-right:0;}
div.mainCon02 ul li dl {padding:10px;background:#fff;;position:relative;top:-10px;overflow:hidden;}
.effect01 {
		-webkit-box-shadow: 0 10px 6px -6px #777;
		-moz-box-shadow: 0 10px 6px -6px #777;
	     box-shadow: 0 10px 10px -4px #d4d4d4;
}
div.mainCon02 ul li dl {position:relative;z-index:3;margin-bottom:20px; min-height: 370px; }
@media screen and (min-width: 900px) and (max-width: 1000px){
	div.mainCon02 ul li dl { min-height: 330px; }
}
@media screen and (min-width: 769px) and (max-width: 899px){
	div.mainCon02 ul li dl { min-height: 300px; }
}
@media screen and (max-width: 768px){
	div.mainCon02 ul li dl { min-height: 250px; }
}
div.mainCon02 ul li dl dd {font-weight:bold;color:#393939;}
div.mainCon02 ul li dl dd.link_txt01 {padding-top:1.8em;padding-bottom:0.625em;font-size:18px;}
div.mainCon02 ul li dl dd.link_txt02 {padding-bottom:1.5em;font-size:14px;}

div.mainCon02 ul li dl dt {text-align:center;}
div.mainCon02 ul li dl dt img {max-width:100%;}

div.mainCon02 ul li h3 {position:relative;height:55px;text-align:center;z-index:4;max-width:100%;}

div.mainCon02 ul li h3.tit01 {background:url("../images/main/mcon02_tit01.png") center center no-repeat;background-size:50%}
div.mainCon02 ul li h3.tit02 {background:url("../images/main/mcon02_tit02.png") center center no-repeat;background-size:50%}
div.mainCon02 ul li h3.tit03 {background:url("../images/main/mcon02_tit03.png") center center no-repeat;background-size:50%}

/* mainCon03 */
.mainCon03 {padding:60px 25px;position:relative;}

/* megazine area */
.mainCon03 div.slide_wrap {}
.mainCon03 ul.slide {overflow:hidden;width:822px;margin:0 auto;}
.mainCon03 ul.slide:after {content:'';clear:both;display:block}
.mainCon03 ul.slide li {padding-right:18px;float:left;} 
.mainCon03 ul.slide li.last {padding-right:0;}
.megazine_bottom {width:940px;height:18px;background-color:#c1baa4;margin:0 auto;margin-top: -5px;}
.mainCon03 a.btn_prev {position:absolute;top:146px;left:15px;}
.mainCon03 a.btn_next {position:absolute;top:146px;right:15px;}
img.main_book_cover {border:1px solid #dfdfdf} /*book cover border*/

/* footer */
.main_footer_wrap .footer_wrap {margin-top: -131px;} /*only_main*/
.footer_wrap {min-width: 1242px;margin:0 auto;} 
.footer_wrap #footer {position:relative;}
.ft_right {position:absolute;top:-19px;right:0;}
.ft_left {position:absolute;top:-19px;left:0;}
.footer_wrap #footer .footer_inner {padding:34px 37px;}
.footer_wrap #footer {background-color:#d4d4d4;width:1048px;/*990px*/margin:0 auto;color:#8c8c8c;/*font-weight:bold*/;letter-spacing:-0.5px;font-size:1.1em}
.footer_wrap #footer:after {content:'';clear:both;display:block}
.footer_wrap #footer .logo {margin-bottom:20px;}
.footer_wrap #footer .copyright {line-height:2;}
.footer_wrap #footer .left_con {float:left;margin-bottom:37px;}

.right_con ul {float:left;}
.right_con ul li {padding-bottom:10px;}
.right_con ul li a {color:#6d6d6d;}
.right_con ul li strong {color:#555555;font-size:1.125em;}
.left_con p {color:#6d6d6d;}

.wide_footer {display:block}
.mobile_footer {display:none}
.mobile_footer p {padding:0 20px 15px 20px ;text-align:center;}


/*etc*/


.mobile_bg {background-color:#222;position:fixed;top:0;left:0;width:100%;z-index:9999}
.effect2{
	-webkit-box-shadow: 10px 5px 6px -8px #ccc;
	   -moz-box-shadow: 10px 5px 6px -8px #ccc;
	        box-shadow: 10px 5px 6px -8px #ccc;
	
}


.effect3{
	-webkit-box-shadow: 10px 5px 6px -8px #777;
	   -moz-box-shadow: 10px 5px 6px -8px #777;
	        box-shadow: 10px 5px 6px -8px #777;
	
}

.effect4 {box-shadow:0 2px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 2px 8px rgba(0,0,0,0.2);-webkit-box-shadow: 0 2px 3px rgba(88, 88, 88, 0.4);}



/* 
sub
*/

.sub_bg_blue {background:url("../images/sub_bg_blue.jpg") center top no-repeat;}

/*sub_title*/
.sub_header dl {position:relative;}
.sub_header dl:after {content:"";display:block;clear:both;}
.sub_header dl.sub_title {/* background-color: red; */padding:25px 65px;margin:35px auto;line-height:1;}
.sub_header dl.sub_title dt {width:118px;height:118px;margin-right:55px;font-size:1.8em;position:absolute;top:0;left:63px;}
.sub_header dl.sub_title dt div {color:#fff;text-align:center;}
.sub_header dl.sub_title dd {font-size:2.5em;margin-left:175px;}
.sub_tit_dd {font-weight:bold;}

/*sub title space*/
#dailyQt .sub_header dl.sub_title, #magazine .sub_header dl.sub_title {padding:25px 65px 15px 65px}
#dailyQt .sub_header dl.sub_title dd {line-height: 1.1;}
#magazine .sub_header dl.sub_title dd {line-height: 1.2;}

@media screen and (max-width:768px){
	#dailyQt .sub_header dl.sub_title, #magazine .sub_header dl.sub_title {padding:21px 10px 21px 10px}
	#dailyQt .sub_header dl.sub_title dd {line-height: 1.1;}
	#magazine .sub_header dl.sub_title dd {line-height: 1.3;}
}

/*sub_body*/
.sub_body_patten {width:100%;height:9px;background:url("../images/sub_bg_top_pt.png") 0 0 repeat-x;}
.con_article {background:#fff;border-radius: 8px;}
.sub_body {position: relative;}
.sub_body .sub_body_inner {padding:60px;}
.clip {position:absolute;right:45px;top:-36px;}


/***** qt ******/

.sub_header dl.sub_title dt.left_icon01 {background:url("../images/sub_tit_icon01.png") 0 0 no-repeat;} /*expend*/
.sub_header dl.sub_title dt.left_vod {background:url("../images/sub_tit_icon02.png") 0 0 no-repeat;} 
.sub_header dl.sub_title dt .day {padding-top:32px;font-size:1.7em;letter-spacing:-2px}
.sub_header dl.sub_title dt .day2 {padding-top:5px;font-size:0.7em;}
.sub_header dl.sub_title dt div.year {display:none;}
.sub_header dl.sub_title dt div.month {display:none;}
.sub_header dl.sub_title dd.word_address {font-size:1.7em;padding-top:15px;}

.con_article {font-size:1.4em;line-height:1.85em;} /* sub font-size &  line-height*/
.con_article {min-height:500px}
.con_article ul.qt_article_inner {padding:55px;letter-spacing: -0.2px;}
.con_article ul.qt_article_inner li {padding-bottom:10px;position:relative;padding-left:30px;}
.con_article ul.qt_article_inner li .s_num {position:absolute;left:0;top:0;color:#5ec1cc;font-weight:bold;text-align:center}

.con_article_inner {padding:40px;}
.con_article ul.slide_nav li a {display:block;width:43px;height:87px;line-height:87px;}
.con_article ul.slide_nav {width:100%;position:absolute;top:18%;left:0;} 
.con_article ul.slide_nav li {display:inline-block}
.con_article ul.slide_nav li.left {float:left;}
.con_article ul.slide_nav li.right {float:right;}
.con_article ul.slide_nav li:last-child {float:right;}
.con_article a.btn_prev {background:url("../images/btn_prev01.png") 0 0 no-repeat;}
.con_article a.btn_next {background:url("../images/btn_next01.png") 0 0 no-repeat;}
div.btn_area {overflow:hidden;padding:25px 0;}
div.btn_area div {display:inline-block;}




.pray_area {background-color: #fdf7df; width: 100%; /*border-bottom-right-radius:8px;border-bottom-left-radius:8px;*/}


.pray_area td {padding:15px 15px;vertical-align:middle;}
.pray_area td.pray_icon {text-align: right;width:14%;}
.pray_area td.pray_icon img {width:69px;margin-top:0px}
.pray_area td.pray_txt div{margin-right: 20px;display:inline-block;opacity:.9;}


.vod_qt {position:absolute;top:18px;right:63px;}
.vod_qt a {width:68px;height:68px;display:block;}
.vod_qt a img {width:100%;}



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

	.vod_qt {display:none;}

}

@media screen and (max-width:768px){
	.pray_area td.pray_icon {text-align: right; width: 70px;}
	.pray_area td.pray_txt {padding:15px 0px;}
	
}


/***** interview ******/
.interview_img {border:1px solid #c8c8c8;margin-bottom:64px;width:100%;}



.sns_share {overflow:hidden;padding: 20px;}
.sns_share li {float:right;}
.sns_share li:first-child {margin-right:0;}
.sns_share li a {display:block;width:42px;height:42px;}/*49 98 147*/
.sns_share li.sns01 a {background:url("../images/btn_sns2.png") 0 0 no-repeat;}
.sns_share li.sns02 a {background:url("../images/btn_sns2.png") -44px no-repeat;}
.sns_share li.sns03 a {background:url("../images/btn_sns2.png") -88px no-repeat;}
.sns_share li.sns04 a {background:url("../images/btn_sns2.png") -132px no-repeat;display:none}
.sns_share li.sns05 a {background:url("../images/btn_sns2.png") -176px no-repeat;display:none}
.sns_share li.sns06 a {background:url("../images/btn_sns2.png") -220px no-repeat;display:none}




#magazine .sns_share {padding:0;}



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


/*bg*/
.sky_bg_top {background:url("../images/sky_bg_top.jpg") 0 -8px repeat-x}
.sky_bg_body {background:url("../images/sky_bg_body.jpg") 0 0 repeat;position:relative;} 

/*** sub title & body bg ****/

#about .sub_body {background:url("../images/sub_bg_body_pt.jpg") 0 0 repeat;background-color:#c8d7d4;}
#about .sub_body_inner {background:url("../images/bg/about_bg_body.png") 0 0 repeat;}
#about .sub_bg_top {background:#eed99f url("../images/bg/about_bg_top.jpg") 0 bottom repeat-x}
#about .sub_title_wrap {background-color:#eed99f;border:1px solid #eed99f}


#community .sub_body {background:url("../images/sub_bg_body_pt.jpg") 0 0 repeat;background-color:#c8d7d4;}
#community .sub_body_inner {background:url("../images/bg/community_bg_body.png") 0 0 repeat;}
#community .sub_bg_top {background:url("../images/bg/community_bg_top.jpg") 0 bottom repeat-x}
#community .sub_title_wrap {background-color:#f8bfc5;border:1px solid #f8bfc5}



#dailyQt .sub_body {background:url("../images/sub_bg_body_pt.jpg") 0 0 repeat;background-color:#c8d7d4;}
#dailyQt .sub_body_inner {background:url("../images/bg/qt_bg_body.png") 0 0 repeat;}
#dailyQt .sub_bg_top {background:#9cd3d5 url("../images/bg/qt_bg_top.jpg") 0 bottom repeat-x;}
#dailyQt .sub_title_wrap {background-color:#9cd3d5;border:1px solid #9cd3d5}


#magazine .sub_body {background:url("../images/sub_bg_body_pt.jpg") 0 0 repeat;background-color:#c8d7d4;}
#magazine .sub_body_inner {background:url("../images/bg/magazine_bg_body.png") 0 0 repeat;}
#magazine .sub_bg_top {background:#c6bae4 url("../images/bg/magazine_bg_top.jpg") 0 bottom repeat-x}
#magazine .sub_title_wrap {background-color:#c6bae4;border:1px solid #c6bae4}



#group .sub_body {background:url("../images/sub_bg_body_pt.jpg") 0 0 repeat;background-color:#c8d7d4;}
#group .sub_body_inner {background:url("../images/bg/group_bg_body.png") 0 0 repeat;}
#group .sub_bg_top {background:url("../images/bg/group_bg_top.jpg") 0 bottom repeat-x}
#group .sub_title_wrap {background-color:#b4d391;border:1px solid #b4d391}


/*************************** bg patten *****************************************/
/*******************************************************************************/


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

	#dailyQt .sub_bg_top {background:#9cd3d5 url("../images/bg/qt_bg_top_m.png") -5px 0 repeat-x;}
	#about .sub_bg_top {background:#eed99f url("../images/bg/about_bg_top_m.png") 0 -2px repeat-x}
	#magazine .sub_bg_top {background:#c9bde7 url("../images/bg/magazine_bg_top_m.png") 0 5px repeat-x}
	#group .sub_bg_top {background:#b6d693 url("../images/bg/group_bg_top_m.png") 0 5px repeat-x}
	#community .sub_bg_top {background:#fcc1c7 url("../images/bg/community_bg_top_m.png") 0 5px repeat-x}

	#about .sub_body {background:none;}
	#dailyQt .sub_body {background:none;}
	#magazine .sub_body {background:none;}
	#group .sub_body {background:none;}
	#community .sub_body {background:none;}


}


/*copy*/
.copy_notice {/*padding:45px 5px 45px 0;*/padding:25px 0;font-size: 1.2em;line-height: 1.6em;}
.copy_notice_qt {width:100%;text-align:left;/*width:80%;margin:0 auto;*/font-size: 1.2em;line-height: 1.5em;border-radius: 8px;}
.copy_notice_qt div {margin:25px 0 35px 0;}
.copy_notice_qt div, .copy_notice div {padding:20px 15px;background-color:#e2ebe9;opacity:.8;border-radius: 8px;}

/*spot_pc_banner*/
	.spot_pc_ban {display:block}
	.spot_mobile_ban {display:none}






/*--------------------------------------------- media query --------------------------------------------------*/





@media screen and (max-width:1024px){ 
	.main_container {min-width:100%;width:auto;top:-65px;} 
	.main_header_bg {min-width:100%}
	.sub_containter {min-width:100%;} 

	/*#contents {width:auto;}*/
	.contents_wrap {width:auto;}
	#contents .new-main{padding-top: 65px;}
	
	/* header > gnb */
	#header {background-image:none;background-color:#397ebb;width:100%;bottom:0;height: 65px;}
	#header .header_inner {padding:1%;width:auto;margin-left:0;height:auto;} 
	#header .logo {top:5px;left:5px;width: 95px;height: 42px;} 
	#header_wrap {min-width:100%}
	#header #gnb {padding-top: 15px;padding-right:5px;}
	#header #gnb li {padding-right:15px;padding-left:15px;height:15px;}
	#header #gnb li img {width:90.5%;}
	.m_header .m_left_gnb_wrap {width:40%;position:absolute;top:0;right:0;width:40%;background-color:#5e788f;}
	#header #gnb_submenu {top: 25px;width: 100%;}
	#header #gnb_submenu .gnb_submenu_inner {margin:0;float:right;padding:20px 20px 5px ;}
	#header #gnb_submenu ul li {margin-bottom:15px;}
	#header #gnb_submenu .gnb_submenu_inner  ul.first {margin-right: 27px;}
	#header #gnb_submenu .gnb_submenu_inner  ul.second {margin-right: 38px;}
	#header #gnb_submenu .gnb_submenu_inner  ul.third {margin-right: 55px;}
	#header #gnb_submenu .gnb_submenu_inner  ul.four {margin-right: 32px;}
	#header #gnb_submenu .gnb_submenu_inner  ul.five {margin-right: 15px;}



	/*spot-main*/
	.quick_menu_wrap, #main_quick_menu {display:none;}

	
	/*mainCon02*/
	div.mainCon02 ul li {position:relative;} /*width:30.6%;margin-right:4%;*/

	div.mainCon02 ul li dl {padding:10px;top:-15px;}


	div.mainCon02 ul li dl dd.link_txt01 {font-size:1.5em;}
	div.mainCon02 ul li dl dd.link_txt02 {font-size:1.2em;}
	
	div.mainCon02 ul li dl dd.link_txt02 {padding-bottom:0.5em}
	div.mainCon02 ul li dl dd.link_txt01 {padding-top:1em}
	/*mainCon03*/
	.mainCon03, div.paper_bottom {display:none;}

	/* footer */
	.main_footer_wrap {margin-top:-65px;}
	.main_footer_wrap .footer_wrap {margin-top:0;}
	.footer_wrap #footer .footer_inner {padding:20px 10px 0px 10px;}
	.footer_wrap #footer {font-weight:normal;}
	.footer_wrap #footer .copyright {line-height:1.5;}
	#footer .ft_left, #footer .ft_right {display:none;}
	.footer_wrap {min-width:100%;width:auto}
	.footer_wrap #footer {width:auto;}
	.right_con, .footer_wrap #footer .logo {display:none;}
	.right_con ul {float:left;}
	.right_con ul li {padding-bottom:10px;}
	.right_con ul li a {color:#6d6d6d;}
	.right_con ul li strong {color:#555555;font-size:1.125em;}
	.left_con p {color:#6d6d6d;}
	.footer_wrap #footer .left_con {float:left;margin-bottom:20px;}

	/*footer*/
	.wide_footer {display:none}
	.mobile_footer {display:block}
	.policy {padding:0 20px;}

	/*temp*/

	.mainCon03 {display:none;}


}







@media screen and (max-width:768px){
	   
		html, body {font-size:81%;}
		body {background-color:#ececec;}/*bg*/
	
	#contents .new-main{padding-top: 0px;}
	#contents .new-main p{font-size: 28px; font-weight: bold; padding: 30px 20px;}
	#contents .new-main p em{font-size: 16px;}
	#contents .new-main p .date{font-size: 16px;}
	#contents .new-main p img{width: 80%; max-width: 250px;}
	#contents .banner img.pc{display: none;}
	#contents .banner img.mobile{display: block;}

	.main_container {top:0;}

	div.mainCon02 ul li dl dd.link_txt01 {padding-bottom:0.3em;}
	/*header*/
	#header #gnb_submenu .gnb_submenu_inner  ul.first {margin-right: 35px;}
	#header #gnb_submenu .gnb_submenu_inner  ul.second {margin-right: 47px;}
	#header #gnb_submenu .gnb_submenu_inner  ul.third {margin-right: 75px;}
	#header #gnb_submenu .gnb_submenu_inner  ul.four {margin-right: 35px;}
	#header #gnb_submenu .gnb_submenu_inner  ul.five {margin-right: 25px;}

	/*mainCon01*/
	div.mainCon01 {padding:30px 0 5px 0;}
	div.mainCon01 ul {float:none;width:100%;margin-bottom:5%;margin-left:0.5%;}
	div.mainCon01 ul.mainCon01_02 {margin-top:1%;}
	div.mainCon01 {overflow:hidden; }
	div.mainCon01 ul li {width:33%;margin:0;text-align:center;}
	
	div.mainCon02 ul li {padding-top:0;}
    
	/*sub layout*/
	.sub_containter {margin-top:0;}
	.sub_body {position: static;}
	.sub_body_patten {display:none}


	/*qt sub title*/
	.sub_header dl.sub_title {padding: 21px 10px 21px 10px;margin:0;}
	.sub_header dl.sub_title dt {background-image:none;position:relative;}
	.sub_header dl.sub_title dt img {display:none;}
	.sub_header dl.sub_title dt {width:100%;height:100%;margin-right:0;left:0;text-align:center;} /*expend*/
	.sub_header dl.sub_title dt.left_icon01 {background:none;}
	.sub_header dl.sub_title dt div {color:#333;text-align:center;}
	
	.sub_header dl.sub_title dd {font-size:2em;line-height: 1.1em;margin-left:0 !important;letter-spacing: -1px;margin-left:0;}
	.sub_header dl.sub_title dd.word_address {font-size:1.3em;padding-top: 7px;letter-spacing: inherit;}
	.sub_body .sub_body_inner {padding: 0 11px 14px 11px;}

	.sub_header dl.sub_title dt {margin-bottom: 19px;}
	.sub_header dl.sub_title dt div {font-size:1.2em;color:#19b3c4;}
	.sub_header dl.sub_title dt div.year {display:block;display:inline-block}
	.sub_header dl.sub_title dt div.month {display:block;display:inline-block}
	.sub_header dl.sub_title dt div.day {display:inline-block;padding-top:0px;font-size:1.2em;}

	.sub_header dl.sub_title dt div.day2 {display:none}

	.vod_qt {position:absolute;top:47px;/*74px*/right:20px;}
	.vod_qt a {width:56px;height:56px;}
	
	.interview_img {margin-bottom:22px;}

	.con_article {box-shadow: 0px 2px 6px #d2d2d2;}

	/************ s: sub margin *************/

	.con_article ul.qt_article_inner {padding: 21px 15px 21px 15px;} /*padding:55px*/
	.con_article_inner {padding:19px 17px;} /*padding:40px*/

	/************* e: sub margin *************/

	

	.clip {display:none}

	.sub_header dl.sub_title dt {margin-bottom: 0px;}
	#dailyQt .sub_header dl.sub_title dt {margin-bottom: 19px;}

	.sub_title_h {font-size: 2em;margin: 28px auto 25px 10px;font-weight:normal;}
	

	
	.con_article ul.slide_nav li a {
				width: 21px; /*32px;*/
				height: 21px; /*32px;*/
				line-height: 21px; /*32px;*/
		}

	.con_article a.btn_prev {background:url("../images/m_btn_sm_prev.png") 0 0 no-repeat;}
	.con_article a.btn_next {background:url("../images/m_btn_sm_next.png") 0 0 no-repeat;}

	.con_article ul.slide_nav {width: 177px;position:absolute;top: 107px;left:50%;margin-left:-88px;}
	#cover .con_article ul.slide_nav {width: 220px;position:absolute;top:23px;left:50%;margin-left: -110px;}
	.con_article ul.qt_article_inner li {padding-left:25px;}
	


	
	/*sub_bg*/
	#dailyQt .sub_body_inner, #magazine .sub_body_inner,#about .sub_body_inner,#group .sub_body_inner, #community .sub_body_inner {background:none}

	.effect4 {box-shadow: none;}

	.footer_wrap {font-size:120%;}
	.main_footer_wrap {margin-top:0;}
	.copy_notice_qt div, .copy_notice div {background:none;padding:0;}
	.mobile_footer p {text-align:left;}

	/*sns*/
	.sns_share li a {display:block;width:34px;height:34px;}
	.sns_share li a img {width:100%;}
	.sns_share li.sns01 a {background:url("../images/btn_sns2_m.png") 0 0 no-repeat;}
	.sns_share li.sns02 a {background:url("../images/btn_sns2_m.png") -35px no-repeat;}
	.sns_share li.sns03 a {background:url("../images/btn_sns2_m.png") -71px no-repeat;}
	.sns_share li.sns04 a {background:url("../images/btn_sns2_m.png") -105px no-repeat;display:none}
	.sns_share li.sns05 a {background:url("../images/btn_sns2_m.png") -140px no-repeat;display:none}
	.sns_share li.sns06 a {background:url("../images/btn_sns2_m.png") -175px no-repeat;display:none}
}



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

	#header .m_gnb_icon {display:block}
	#header {box-shadow: 0 0 5px 1px #bcbcbc;}
	.m_header, .mobileMenu {display:block;z-index:10000;} /**** menu for mobile****/
	#header #gnb {display:none;}
	
	#header .logo {top:5px;left:5px;width: 72px;height: 33px;} 
	
	#header {background-image:none;background-color:#397ebb;width:100%;bottom:0;height: 54px;}
	#header .header_inner {padding:1%;width:auto;margin-left:0;height:auto;} 

	#header #gnb_submenu {display:none} /*temp*/

	/*spot_banner*/
	.spot_pc_ban {display:none}
	.spot_mobile_ban {display:block}


}







@media screen and (max-width:414px){
	div.mainCon01 ul li a img {width: 66.5%;}	
	div.mainCon01 ul li a .menu_txt {margin-top:10px;}
	div.mainCon02 {padding:1.5em 1em}
	div.mainCon02 ul {margin:0 3.65em;}
	div.mainCon02 ul li {width:100%;}
	div.mainCon02 ul li {padding-top:20px;} 
	div.mainCon02 ul li dl dd.link_txt02 {padding-bottom:0.5em}
	div.mainCon02 ul li dl dd.link_txt01 {padding-top:1em}
}


html, body {line-height:1.42857143}

#magazine .con_article img {max-width:100%;}

.qt_sns_share {padding:10px 15px;}
.tit_modify {font-size: 1.125em;}
.tit_modify2 {font-size:0.95em;}