@charset "UTF-8";

/*

Responsible Module for Dough v 0.2.0

Daum Communications
Webstandards Tech team.

*/

@media screen and (max-width:800px) {
	/* reset */
	.responsible,
	.responsible th,
	.responsible td,
	.responsible .d_form {font-size:1em;}
	
	/* wrap */
	.responsible .d_page {width:auto;min-width:0;margin:0;padding:0 0.5em}

	/* headings */
	.responsible h1, 
	.responsible h2, 
	.responsible h3, 
	.responsible h4, 
	.responsible h5, 
	.responsible h6 {margin:1em 0 0.5em;line-height:1.25em;}
	.responsible h1 {font-size:2em;}
	.responsible h2 {font-size:1.5em;}
	.responsible h3 {font-size:1.4em;}
	.responsible h4 {font-size:1.2em;}
	.responsible h5 {font-size:1.1em;}
	.responsible h6 {font-size:1em;}

	/* hide on Mobile */
	.responsible .response_hide {display:none !important}

	/* clear float on Mobile*/
	.responsible .response_no_float {float:none !important}
	
	/* grid */
	.responsible .response_no_grid {width:auto !important;}


	/* nav_top */
	.responsible .nav_top {background:#5182f5;}
	.responsible .nav_top {padding:0;}
	.responsible .nav_top h1 {float:none;margin:0;padding:0.25em 0.5em 0.35em;font-size:1.6em;background:#3d414d}
	.responsible .nav_top ul {float:none;}
	.responsible .nav_top ul > li > a {padding:0 0.6em;}

	.responsible .nav_top.type_white {background:#f3f3f3;}
	.responsible .nav_top.type_white h1 {border-bottom:1px solid #ccc;background:#fff;}
	.responsible .nav_top.type_white ul {}
	
	.responsible .nav_top.type_sub {margin-bottom:40px}
	.responsible .nav_top ul > li > ul {top:90px}
	
	.responsible #navListWrapper {overflow:auto;position:relative;width:100%;height:42px;}
	.responsible #navListWrapper > ul {position:absolute;width:2000px;}

	/* tab */
	.responsible .tab_bar > li > a {padding:0.75em 1em;}
	.responsible .tab_small > li > a {padding:0.5em 0.75em;}

	/* panel */
	.responsible .panel h1,
	.responsible .panel h2,
	.responsible .panel h3,
	.responsible .panel h4,
	.responsible .panel h5,
	.responsible .panel h6 {margin-top:0;}

	/* 
	** Paging 
	*/
	
	.responsible .group_paging > a,
	.responsible .group_paging > span {padding:0.5em 1em;margin:0;}
	.responsible .group_paging .link_edge {padding-left:0.5em;padding-right:0.5em;}

}


