@charset "utf-8";

#wrap{margin:0 auto; min-width:320px; max-width:640px; width:100%;}

/*-- header --*/

.header{padding-bottom:5px; background-color:#f6f6f6;}
/*logo*/
.logo{position:relative; padding:10px 0 0 0; height:51px; background-color:#11395c;}
.logo h1{padding-bottom:5px; text-align:center;}

.top_menu{position:absolute; left:0; top:10px;}
.top_search_icon{position:absolute; right:0; top:10px;}
.top_search{position:absolute; left:0; top:61px; z-index:9; padding:10px 3% 12px; width:94%; background-color:#11395c;}
.top_search .t_srch1{float:left; width:60%;}
.top_search .t_srch1 input[type=text]{padding-left:3%; width:97%; height:36px; border:1px solid #8599aa; background-color:#11395c; color:#fff; font-size:15px; }
.top_search .t_srch2{float:right; width:39%; text-align:right;}

.header_menu{padding:0 3%; background-color:#11395c;}
.header_menu ul li{float:left; width:18.8%; padding-bottom:6px;}
.header_menu ul li a{padding:4px 0 0; display:block; text-align:center; }
.header_menu ul li a span{font-weight:600; color:#fff; font-size:17px;}
.header_menu ul li.menu_on{border-top-left-radius:2px; border-top-right-radius:2px; background-color:#f6f6f6; }
.header_menu ul li.menu_on a span{color:#11395c;}

/*gnb*/
.gnb_cover{position:fixed; left:0; top:0; z-index:8; width:100%; height:100%; background:url("../img/background_bg.png") repeat 0 0; display:none;}
.gnb_w{position:absolute; left:0; top:0; z-index:10; width:76%; background-size:3px; display:none;}
.gnb_tit{position:relative; background:url("../img/gnb_tit_bg.png") repeat 0 0; }
.gnb_tit h2{padding-left:4%; height:35px; line-height:35px; font-size:16px; color:#fff; font-weight:bold; ;}
.gnb_close{position:absolute; right:0; top:0; border-left:1px solid #5f7384;}

.gnb ul li{float:left; padding-left:4%; width:44%; background:url("../img/gnb_bg.png") repeat 0 0; border-bottom:1px solid #c1c1c1;}
.gnb ul li a{display:block; padding:11px 0 11px 7px; min-height:20px;background:url("../img/gnb_arrow.png") no-repeat 0 50%; background-size:3px; font-size:13px;}
.gnb ul li.right{border-left:1px solid #c1c1c1; width:47.5%;}
.gnb ul li.gnb_bg1{background:url("../img/gnb_bg2.png") repeat 0 0;}


.gnb ul li.icon1,.gnb ul li.icon2{padding:6px 0 0 4%; border-bottom:none;}
.gnb ul li.icon1_new,.gnb ul li.icon2_new,.gnb ul li.icon3_new,.gnb ul li.icon4_new{padding:6px 0 0 4%; border-bottom:none;}

.gnb ul li.icon3,.gnb ul li.icon4{padding:5px 0 7px 4%;}
.gnb ul li.icon1 a{padding-left:24px; background:url("../img/gnb_icon1.png") no-repeat 0 58%; background-size:18px;}
.gnb ul li.icon2 a{padding-left:24px; background:url("../img/gnb_icon2.png") no-repeat 0 58%; background-size:18px;}
.gnb ul li.icon3 a{padding-left:24px; background:url("../img/gnb_icon3.png") no-repeat 0 58%; background-size:18px;}
.gnb ul li.icon4 a{padding-left:24px; background:url("../img/gnb_icon4.png") no-repeat 0 58%; background-size:18px;}

.gnb ul li.icon1_new a{padding-left:24px; background:url("../img/gnb_icon1.png") no-repeat 0 58%; background-size:18px;}
.gnb ul li.icon2_new a{padding-left:24px; background:url("../img/gnb_icon2.png") no-repeat 0 58%; background-size:18px;}
.gnb ul li.icon3_new a{padding-left:24px; background:url("../img/gnb_icon3.png") no-repeat 0 58%; background-size:18px;}
.gnb ul li.icon4_new a{padding-left:24px; background:url("../img/gnb_icon4.png") no-repeat 0 58%; background-size:18px;}
.gnb ul li.icon5_new a{padding-left:24px; background:url("../img/gnb_icon_shoping.png") no-repeat 0 58%; background-size:18px;}
.gnb ul li.icon6_new  {height: 42px};

.gnb ul li.icon5,.gnb ul li.icon6{padding:2px 0 3px 4%;}
.gnb ul li.icon5 a{padding-left:24px; background:url("../img/gnb_icon5.png") no-repeat 0 58%; background-size:18px;}
.gnb ul li.icon6 a{padding-left:24px; background:url("../img/gnb_icon6.png") no-repeat 0 58%; background-size:18px;}
.gnb ul li.pc{padding:3px 0 3px 4%; width:95.8%;}
.gnb ul li.pc a{background:none;}
.gnb ul li.small a{/*padding:11px 0 12px 7px;*/ font-size:12px;}

/*quick*/
.quick{position:fixed; right:5px; bottom:60px; z-index:9; display:none;}/*20150519 수정*/

/*기사더보기*/
.more_list{height:51px; text-align:center;}
.more_list a{padding-top:15px; display:block;}

/*-- footer --*/
.footer{padding:15px 3%; background-color:#85817d;}
.footer .menu{margin-bottom:9px;}
.footer .menu1{float:left;}
.footer .menu1 li{float:left;}
.footer .menu1 li:first-child{margin-right:3px;}
.footer .menu2{float:right;}
.footer .menu2 li{float:left;}
.footer .menu2 li:first-child{margin-right:3px;}

/*-- 미디어쿼리 --*/

/*해상도 414px 안드로이드 */
@media all and (min-width:376px) and (max-width:414px){

.header_menu ul li a span{font-size:15px;}
body,a,[type=text], [type=password], [type=file], [type=email],select,h1, h2, h3, h4, h5, h6, pre,textarea{
font-size:16px;}
}

/*해상도 375px 안드로이드 */
@media all and (min-width:361px) and (max-width:375px){

.header_menu ul li a span{font-size:14px;}
body,a,[type=text], [type=password], [type=file], [type=email],select,h1, h2, h3, h4, h5, h6, pre,textarea{
font-size:16px;}
}

/*해상도 360px 안드로이드 */
@media all and (max-width:360px){

.header_menu ul li a span{font-size:13px;}
body,a,[type=text], [type=password], [type=file], [type=email],select,h1, h2, h3, h4, h5, h6, pre,textarea{
font-size:15px;}

}

.m_pop img { width:100%}