﻿@charset "utf-8";
#viewport .viewport_box{ max-width:1248px; }
#content_wrap{ height:100%; }
#sub_visual{ position:relative;text-align:center; }
#sub_visual .visual_box{ width:100%; }
#sub_visual .visual_box .svisual{ width:100%; }
#sub_visual .img{ width:100%;display:block; }
#sub_visual .img img{ width:100%;height:auto; }
#page_top{ position:relative;height:48px;border-bottom:1px solid #dfdfdf; }
#page_location{ display:none;position:absolute;right:5px;top:13px;padding:0px;border-bottom:none }	
#page_location ul li{ font-size:14px; }
#page_location .l_icon{ padding-right:7px;vertical-align:middle; }
#page_con{ margin:19px 10px 10px 10px;background:white;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }

#page_con .content_page_wrap{ padding-top:20px;padding-bottom:0px; }
#content .page_content{ width:100%; }
#content .page_content .page_content_img{ width:100%;max-width:859px;margin:0 auto; }
#content .page_content .page_content_img .img{ width:100%; }
#content .page_content .page_content_img .img img{ width:100%; }
#content .page_content .smell_flash{ display:none;margin:0 auto;text-align:center; }

#page_con .content_page_wrap .page_img{ width:100%;max-width:859px; }

#page_top{ height:40px; }
#page_title h1{ font-size:21px;font-weight:normal;padding-top:5px;font-family:"Malgun Gothic", "맑은고딕", "돋움", "굴림", sans-serif; }
#page_title h1 img{ vertical-align:middle;margin-right:7px;position:relative;top:-2px; }
#page_title h1 span{ color:#777;font-weight:normal;font-size:18px;display:none;padding-left:9px; }

#network_page .map{ position:relative; }
#network_page .map .flash{ display:none;width:100%;max-width:390px;overflow:hidden;background:url("/skin/itrap/images/map_bg.jpg") no-repeat center center; }
#network_page .map .right .title{ font-weight:bold;font-size:24px;line-height:24px;padding:0px;margin:0px;margin-bottom:11px;color:#f3360c;font-family:"Malgun Gothic", "맑은고딕", "돋움", "굴림", sans-serif; }
#network_page .map .right .title b{ font-weight:bold;color:#444;font-family:"Malgun Gothic", "맑은고딕", "돋움", "굴림", sans-serif; }
#network_page .map .right .subtitle{  font-size:16px;color:#666;margin-bottom:8px;  }
#network_page .map .right .subtitle b{ color:#459a00;font-weight:bold; }
#network_page .map ul{ *zoom:1;width:100%;margin:0 auto; }
#network_page .map ul:after{ content:"";width:0px;height:0px;clear:both;display:block; }
#network_page .map ul li{ background:#d6d6d6;width:24%;margin:0.5%;float:left;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#network_page .map ul .agent{ background:#004899; }
#network_page .map ul .agent a{ color:white; }
#network_page .map ul li a{ letter-spacing:1px;color:#555;font-size:13px;font-weight:bold;display:block;width:100%;line-height:27.5px;text-align:center;font-family:"NanumBarunGothicLight"; }
#network_page .map .m_tel{ padding:0px;clear:both;width:100%;margin:0 auto;background:#454545; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;margin-top:5px; }
#network_page .map .m_tel .m_tel_wrap{ width:100%;height:auto;background:url("/skin/itrap/images/map_tel_light.png") no-repeat 0 0; }
#network_page .map .m_tel .box{ *zoom:1;margin:0px 10px;padding:10px 0px;text-align:center; }
#network_page .map .m_tel .box:after{ content:"";width:0px;height:0px;display:block;clear:both; }
#network_page .map .m_tel .tel_num{ 	font-weight:bold;font-size:38px;font-family:"Malgun Gothic", "맑은고딕", "돋움", "굴림", sans-serif;letter-spacing:0px;display:inline-block;position:relative;top:0px;color:white; }
#network_page .map .m_tel .txt{ padding-top:8px;color:#c9c9c9;font-family:"Malgun Gothic", "맑은고딕", "돋움", "굴림", sans-serif;padding-right:14px;display:inline-block; }
#network_page .map .m_tel .txt span{ display:block;padding-top:2px;font-weight:bold;font-size:22px;color:white }
#network_page .group_photo{ width:100%;padding-top:10px; }
#network_page .group_photo ul li img{ width:100%;height:auto; }
.page_content{ position:relative; }
.page_content .shoppingMall_directBtn{ position:absolute;right:0px;top:3px;z-index:1; }
.page_content .shoppingMall_directBtn a{ -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;background:#f14400;display:block;color:white;font-weight:bold;font-size:14px;font-family:"Malgun Gothic", "맑은고딕", "돋움", "굴림", sans-serif;padding:0px 14px;padding-top:0px;padding-bottom:0px;line-height:26px; }
.page_content .shoppingMall_directBtn a:hover{ text-decoration:none;color:#ffedc9; }

.l_quick_tv{ display:none; }
.l_quick_mulanso{ display:none; }
.l_quick_favorite{ display:none; }
.l_quick_catalog{ display:none; }

.member_table_list, .member_table_list li{ width:100%;}
.member_table_list li table{ width:100%;border-top:2px solid #666; }
.member_table_list li table tr{ vertical-align:middle; }
.member_table_list li table tr th{ font-family: 'NanumBarunGothic';padding:9px 0px;background:#ececec;width:74px;border-left:1px solid #ababab;border-right:1px solid #ababab;text-align:center; }
.member_table_list li table tr td{ font-family: 'NanumBarunGothicLight';padding:9px 15px;border-right:1px solid #ababab;word-break:break-all; }
.member_table_list li table tr td b{ color:#fe3043; }
.member_table_list li table tr td .tel{ color:#1c8600;font-weight:bold; }
.member_table_list li table tr td .site a{ color:#406bb4;font-weight:bold; }
.member_table_list li table tr th, .member_table_list li table tr td{ border-top:1px solid #ababab;font-size:17px; }
.member_table_list li table tr:first-child th, .member_table_list li table tr:first-child td{ border-top:none; }
.member_table_list ul{ border-bottom:1px solid #ababab; }
#cooperative_list h3{ 
	font-family: 'NanumBarunGothic';font-weight:bold;font-size:23px;letter-spacing:1px;width:100%;max-width:200px;padding:7px 0px;
	background:#2e5290;color:white;text-align:center;margin-bottom:18px;
}
#cooperative_list h3 b{ color:#c6dbff; }
#merchants_list_tab ul{ *zoom:1;padding-bottom:16px; }
#merchants_list_tab ul:after{ content:"";width:0px;height:0px;clear:both;display:block; }
#merchants_list_tab li{ width:24.6%;float:left;margin:0px 0.2%;margin-bottom:3px; }
#merchants_list_tab li div{ 
	border:1px solid #c7c7c7;background-color:#e9e9e9;font-family: 'NanumBarunGothicLight';font-size:18px;text-align:center; 
	padding-top:7px;padding-bottom:5px;letter-spacing:-1px;
}
#merchants_list_tab .active div{ background-color:#fe3054;border:none;padding-top:8px;padding-bottom:6px;color:white;font-weight:bold;letter-spacing:-1px; }
#merchants_list ul{ display:none; }
#merchants_list ul:first-child{ display:block; }
@media screen and (min-width:480px){
	
}
@media screen and (min-width:580px){
	#f_info ul li{ float:left;#float:none;#display:inline;padding:1px 7px;#padding:0px;#padding-right:5px; }
	#f_info{ margin-right:80px; }
}
@media screen and (min-width:640px){}
@media screen and (min-width:720px){ 
	#page_top{ height:41px; }
	#page_title h1{ font-size:23px;padding-top:1px; }
	#page_title h1 span{ display:inline-block; }
	#page_location{ display:block; }
	#l_customer{ display:block; }
	#page_con .content_page_wrap{ min-height:993px }
	#content .page_content .smell_flash{ display:block; }
	#fixed_blog{ bottom:50%;margin-bottom:-70px; }
	#fixed_blog a div{ padding:5px 10px; }
    #fixed_blog a img{ width:100px; }
	
	#viewport .viewport_box{ width:1248px; }
	#m_top_bar{ position:static;left:0px;top:0px;z-index:6;height:80px; }
	#m_logo{ position:absolute;left:0px;top:0px;z-index:7;width:383px;padding-top:0px; }
	#m_logo img{ display:none; }
	#m_logo .logo_pc{ display:block; }
	#m_list div{ display:none; }
	#m_backbtn{ display:none !important; }
	#gnb{ display:block; }
	#top_common_menu{ display:block;top:38px;right:15px;z-index:6; }
	#f_info ul li span{ display:inline; }

	#network_page .map .flash{ width:100%;height:264px;position:absolute;left:0px;top:0px;display:block; }
	#network_page .map .right{ margin-left:400px;margin-right:-2px;width:auto; }
	#network_page .map .m_tel{ margin-top:5px;width:auto;margin-left:3px;margin-right:2px;}
	#network_page .map .m_tel .tel_num{ font-size:36px;top:-3px; }
	#network_page .map .m_tel .txt{ font-weight:bold;font-size:20px;padding-top:0px;padding-right:11px;position:relative;top:-9px;letter-spacing:-1px; }
	#network_page .map .m_tel .txt span{ font-weight:bold;font-size:20px;display:inline-block; }
	#network_page .map .agent a{ font-size:13px;letter-spacing:0px; }
	#network_page .map ul li{ margin:0.5%; }
	#network_page .group_photo{ clear:both; }
	#network_page .group_photo ul{ *zoom:1; }
	#network_page .group_photo ul:after{ content:"";width:0px;height:0px;display:block;clear:both; }
	#network_page .group_photo ul li{ float:left;width:50%;margin:0px; }
	.page_content .shoppingMall_directBtn{ right:5px;top:0px; }
	.page_content .shoppingMall_directBtn a{ font-size:18px;padding:0px 14px;padding-top:0px;padding-bottom:4px;line-height:33px; }

	#quick{ display:block;width:98px !important;right:10px; }
	#quick .open_btn{ display:none;top:99px; }
	.l_quick_tv{ margin-bottom:7px;display:block; }
	.l_quick_mulanso{ margin-bottom:7px;display:block; }
	.l_quick_favorite{ margin-bottom:3px;display:block; }
	.l_quick_catalog{ display:block; }

	#s_category{ display:block;width:219px; }
	#s_cate_con{ padding-bottom:8px; }
	#s_category .nav h1 .count{ display:block; }
	#content_wrap{ margin-left:230px;margin-right:110px; }
	#page_con{ padding-top:5px;margin-bottom:20px; }
	#sub_visual{ width:1248px; }
	#sub_visual .img{ display:none; }
	#sub_visual .visual_box .svisual{ height:291px; }
	#f_info ul li span{ display:inline; }

    .member_table_list li table tr th{ width:94px; }
    .member_table_list li table tr th, .member_table_list li table tr td{ font-size:23px; }
    #cooperative_list h3{font-size:28px;max-width:265px;letter-spacing:0px}
    #merchants_list_tab li div{font-size:25px;}
    #merchants_list_tab li{ width:19.6%;margin:0px 0.2%;margin-bottom:3px; }
}
@media screen and (min-width:800px){ }
@media screen and (min-width:830px){ }
@media screen and (min-width:960px){ }  
@media screen and (min-width:992px){ }
@media screen and (min-width:1024px){ }
@media screen and (min-width:1130px){ }
@media screen and (min-width:1248px){ 
	#sub_visual{ width:100%; }
}
/* 1228-17 = 1211 */
