@charset "utf-8";
#viewport .viewport_box{ max-width:1191px; }
#content_wrap{ height:100%; }
#m_top_bar{ /*border-bottom:1px solid #ccc;*/ border-bottom:1px solid #1454ca; }
#sub_visual{ position:relative;text-align:center; }
#sub_visual .visual_box{ width:100%;/*border-top:1px solid #1454ca;*/ }
#sub_visual .visual_box .svisual{ width:100%;position:relative; }
#sub_visual .visual_box .sns_menu{ position:absolute;left:0px;top:0px;width:100%;height:100%; }
#sub_visual .visual_box .sns_menu .wrap{ position:absolute;left:0px;top:0px;width:100%;height:100%; }
#sub_visual .visual_box .sns_menu .wrap ul{ display:none;position:absolute;right:10px;bottom:10px; }
#sub_visual .visual_box .sns_menu.dp2 .wrap ul{ display:block; }
#sub_visual .visual_box .sns_menu.dp3 .wrap ul{ display:block; }
#sub_visual .visual_box .sns_menu.dp4 .wrap ul{ display:block;bottom:54%; }
#sub_visual .img{ width:100%;display:block; }
#sub_visual .img img{ width:100%;height:auto; }
#page_top{ position:relative;border-bottom:1px solid #e5e5e5;padding-left:5px;padding-bottom:6px; }
#page_location{ /*display:none;*/position:absolute;right:5px;top:18px;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:0px 0px 10px 0px;padding-left:0px;padding-right:0px;background:white;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }

#page_con .content_page_wrap{ padding-top:30px;padding-bottom:0px;padding-left: 5px;padding-right: 5px;box-sizing: border-box; }
#content .page_content{ width:100%; }
#content .page_content .page_content_img{ width:100%;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%; }

#page_title h1{ font-size:20px;padding-top:13px;font-family: 'NanumSquareB'; }
#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:15px;padding-left:5px;display:none; }

#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; }

#gallery_tab_menu ul{ *zoom:1;width:100%;border-bottom:1px solid #ddd;margin-bottom:30px; }
#gallery_tab_menu ul:after{ content:"";width:0px;height:0px;clear:both;display:block; }
#gallery_tab_menu ul li{ float:left;border:1px solid #ddd;border-left:none;border-bottom:none;box-sizing:border-box; }
#gallery_tab_menu ul li:first-child{ border-left: 1px solid #ddd; }
#gallery_tab_menu ul li a{ display:inline-block;background:#f8f8f8;padding:7px 10px;box-sizing:border-box; }
#gallery_tab_menu ul li a:hover, #gallery_tab_menu ul li.active a{ text-decoration:none; background:white;font-weight:bold;color:#058acf;  }

@media screen and (min-width:480px){ }
@media screen and (min-width:580px){ }
@media screen and (min-width:640px){ }
@media screen and (min-width:720px){ }
@media screen and (min-width:800px){ }
@media screen and (min-width:830px){ }
@media screen and (min-width:960px){ 
	#viewport .viewport_box{ width:1191px; }
	#main_content .viewport_box{ /* width:1171px; */ width:100%;max-width:100%; }
	#m_top_bar{ position:static;left:0px;top:0px;position:sticky;z-index:6;height:144px;background:url( '/skin/itrap/images/top_bg.gif' ) repeat-x 0 0; }
	#m_logo{ position:absolute;left:0px;bottom:18px;z-index:7;width:185px; }
	#m_list div{ display:none; }
	#m_backbtn{ display:none !important; }
	#gnb{ display:block; }
	#r_menu{ display:block; }
	#top_common_menu{ display:block; }

	#sub_visual{ /*width:1191px;*/width:100%; }
	#sub_visual .img{ display:none; }
	#sub_visual .visual_box .svisual{ width:1191px;margin: 0 auto;height:336px;background-position: right 0 !important; }
	#sub_visual .visual_box .sns_menu{ position:static;width:1191px;margin: 0 auto;position:relative; }
	#sub_visual .visual_box .sns_menu .wrap{ position:absolute;left:0px;top:0px;width:100%; }
	#sub_visual .visual_box .sns_menu.dp1 .wrap ul{ display:block;right:237px;bottom:22px; }
	#sub_visual .visual_box .sns_menu.dp2 .wrap ul{ display:block;right:382px;bottom:22px; }
	#sub_visual .visual_box .sns_menu.dp3 .wrap ul{ display:block;right:382px;bottom:22px; }
	#sub_visual .visual_box .sns_menu.dp4 .wrap ul{ display:block;right:382px;bottom:22px; }

	#page_title h1{ font-size:23px;padding-top:10px;padding-left:10px; }
	#page_title h1 span{ font-size:18px;padding-left:9px;display:inline-block; }
	#page_location{ /*display:block;*/top:18px;right:10px; }

	#page_con{ padding: 0px; }
	#content_wrap{ margin-top:11px;margin-bottom:30px; }
	#page_wrap{  }
	#fixed_blog{ bottom:50%;margin-bottom:-70px; }
	#fixed_blog a div{ padding:5px 10px; }
    #fixed_blog a img{ width:100px; }

	#footer .f_menu{ padding-left:0px;position:absolute;right:140px;top:15px;display:none; }
	#footer_box{ padding-top:8px; }
	#f_logo{ top:9px; }
	#f_logo img{ width:67px; }
	#f_info{ padding-left:0px;margin-right:50px;padding-top:11px;width:auto;margin-left:100px; }
	#f_info ul li span{ display:inline; }
	#f_info ul li.addr{ padding-left:0px; }
	#footer .sns_menu{ top:15px; }
	#footer #f_info ul{ width:71%; }
}  
@media screen and (min-width:992px){ }
@media screen and (min-width:1024px){ }
@media screen and (min-width:1130px){ }
@media screen and (min-width:1191px){ 
	#sub_visual{ width:100%; }
}
/* 1228-17 = 1211 */