@charset "utf-8";

/* common.css */
.reset:after {
	display:block;
	height:0;
	content:"";
	clear:both;
	float:none;
}

	input[type="text"], input[type="password"], input[type="email"] { box-sizing: border-box; padding-left: 1%;/*  -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;  */}
	input[type="radio"] { vertical-align: middle; }
	input[type="checkbox"] { vertical-align:middle; width: auto !important;}

	.myungjo { font-family:"나눔명조"; }
	.fsquare { font-family:"나눔스퀘어"; }

	.feeling {
		font-size: 1.4em;
		font-weight: bold;
		background: url('/img/icon/bu_feeling.png') no-repeat left center;
		padding-left: 35px;
		margin: 30px 0 15px 0;
	}

	.h3 {
		font-size: 1.6em;
		font-weight: 700;
		/* background: url('/img/layout/bu_title_bg.gif') no-repeat left top; */
		/* padding-top: 30px; */
		margin-bottom: 20px;
	}

	.h3_none {
		font-size: 1.8em;
		font-weight: 700;
	}
	
	.h3_mini {
		font-size: 1.4em;
		font-weight: 700;
		background: url('/img/layout/bu_title_bg.gif') no-repeat left top;
		padding-top: 15px;
	}

	.h4 {
		margin: 0 auto;
		padding-bottom: 25px;
		font-weight: bold;
		font-size: 1.6em;
		background: url('/img/icon/h4_dot.png') no-repeat 0px 40px;
	}

	.h4_none {
		margin: 0 auto;
		padding-bottom: 20px;
		font-weight: bold;
		font-size: 1.6em;
	}


	.h5 { font-size:2.2em;}
	.h6 { font-size:2em;}
	.h7 { font-size:1.2em;}

	.title_bg {
		background: url('/img/layout/bu_title_bg.gif') no-repeat left top;
		padding-top: 4%;
		margin-bottom: 20px;
	}

	.ul3 > li { float:left; width:33.33%; }
		.ul3 > li:nth-child(2) { width:33.34%; }
	.ul4 > li { float:left;  width: 25%; }
	.ul5 > li { float:left;  width: 20%; }

	.ul6 > li { float:left; width: 16.6%; }
		.ul6 > li:first-child, .ul6 > li:last-child { width: 16.8%; }

	.ul7 > li { float:left; width: 14.28%; }
		.ul7 > li:first-child, .ul7 > li:last-child { width:14.3%; }

	.ul8 > li { float:left; width: 12.5%; }



	.ul2 li { float: left; width: 49%; margin-left: 2%; }
	.ul3_2 > li {float:left;width: 31%;margin-left: 3.5%;}
	.ul4_2 > li {float:left; width: 24%; margin-left: 1.33%;}
	.ul4_3 > li {float:left; width: 24%; margin-left: 1.33%;}

	.ul2 > li img, .ul3_2 > li img, .ul4_2 > li img, .ul4_3 > li img { width: 100%; }

	ul.small_dot li {
		padding-left: 12px;
		background: url('../../img/icon/bu_small_dot.png') no-repeat left 8px;
		margin: 5px 0;
	}

	.clear_div { display:block; height:0; clear:both; float:none; content:""; }
	.hide { display: none !important; }

	.red { color: #ca0a26 !important; }
	.redbrown { color: #790307 !important; }
	.blue { color:#0e76bc !important; }
	.darkblue { color:#0b3259 !important; }
	.yellow { color:#fed207 !important; }
	.green { color:#91c846 !important; }
	.white { color:#fff !important;}
	.black { color:#000 !important; }
	.black2 { color:#191919 !important; }
	.gold { color:#b19f7c !important; }
	.orange { color:#e8641b !important; }
	.orange2 { color:#ff6000 !important; }
	.gray {color: #a5a5a5 !important;}
	.darkgray { color:#333 !important; }
	.lightgray { color:#999 !important; }
	.lightgray2 { color:#ebebeb !important; }
	.lightgray3 { color:#f7f7f7 !important; }
	.brown { color:#7a6d59 !important; }

	.bg_white { background-color:#fff !important; }
	.bg_red { background-color:#da0101 !important; }
	.bg_redbrown { background-color: #790307 !important; }
	.bg_gray { background-color:#c5c5c5 !important; }
	.bg_darkgray { background-color:#5d5d5d !important; }
	.bg_lightgray { background-color: #999 !important; }
	.bg_lightgray2 { background-color:#ebebeb !important; }
	.bg_lightgray3 { background-color:#f7f7f7 !important; }
	.bg_mint { background-color:#00bbd6 !important; }
	.bg_blue { background-color:#0e76bc !important; }
	.bg_darkblue {background-color: #0061C2 !important;}
	.bg_deepblue {background-color: #0b3259 !important;}
	.bg_lightblue {background-color: #5092D5!important;}
	.bg_gold { background-color:#b19f7c !important; }
	.bg_brown { background-color:#7a6d59 !important; }

	.dp_block { display:block; }
	.dp_inblock { display:inline-block; }
	.dp_table { display:table; }
	.dp_tcell { display:table-cell; }

	.w_auto { width:auto; }
	.w_inh { width:inherit !important; }
	.h_inh { height:inherit !important; }
	.cursor { cursor: pointer; }
	.m_auto { margin:auto; }

	.border0 { border:0; }
	.border1 {border: 1px solid #d6d6d6;}
	.border1w { border: 1px solid #fff; }

	.bor_t1 { border-top:1px solid #d6d6d6; }

	.btn { display: inline-block; text-align: center; vertical-align: top; box-sizing: border-box; cursor: pointer;}
	.btn.link_btn {
		padding: 10px 72px 10px 46px;
		border: 4px solid #796c58;
		font-size: 18px;
		font-weight: 700;
		color: #796c58;
		background: url('/img/icon/icon_arrow.png') no-repeat 85% center;
	}
	
	.board_btn {height: 39px;line-height: 39px;}
	.board_btn .btn {padding: 0 25px;height: inherit;line-height: inherit;font-weight: 700;}

	.small_btn {margin-top: 1%;}
	.small_btn .btn {padding: 3px 10px; height: inherit;line-height: inherit;}

	.d_tc { display:table-cell; }

	.va_t { vertical-align:top !important; }
	.va_m { vertical-align:middle !important; }

	.ta_c { text-align:center !important; }
	.ta_r { text-align:right !important; }
	.ta_l { text-align:left !important; }
	.ta_j { text-align:justify !important; }

	.keep_all { word-break:keep-all; }

	.f_left { float: left !important; }
	.f_right { float: right !important; }

	.strong { font-weight:700; }
	.stronger { font-weight:800; }
	.underline { text-decoration:underline; }
	.underline2 { border-bottom:1px solid #000; padding-bottom:2px;}
	.gold.underline2 { border-bottom:1px solid #b19f7c; padding-bottom:2px;}
	.brown.underline2 { border-bottom:1px solid #7a6d59; padding-bottom:2px;}

	.f08em { font-size:0.8em; }
	.f09em { font-size:0.9em; }
	.f11em { font-size:1.1em; }
	.f12em { font-size:1.2em; }
	.f13em { font-size:1.3em; }
	.f14em { font-size:1.4em; }
	.f16em { font-size:1.6em; }
	.f18em { font-size:1.8em; }
	.f20em { font-size:2.0em; }
	.f22em { font-size:2.2em; }
	.f24em { font-size:2.4em; }
	.f26em { font-size:2.6em; }

	.pad0  {padding: 0 !important;}
	.pad5 { padding:5px; }
	.pad10 { padding:10px; }
	.pad15 { padding:15px; }
	.pad20 { padding:20px; }
	.pad25 { padding:25px; }
	.pad30 { padding:30px; }
	.pad40 { padding:40px; }
	.pad50 { padding:50px; }

	.pt_0  {padding-top:0; }
	.pt_5  {padding-top:5px;}
	.pt_10 {padding-top:10px;}
	.pt_15 {padding-top:15px;}
	.pt_20 {padding-top:20px;}
	.pt_25 {padding-top:25px;}
	.pt_30 {padding-top:30px;}
	.pt_40 {padding-top:40px;}
	.pt_50 {padding-top:50px;}
	.pt_60 {padding-top:60px;}

	.pb_0  {padding-bottom:0; }
	.pb_5  {padding-bottom:5px;}
	.pb_10 {padding-bottom:10px;}
	.pb_15 {padding-bottom:15px;}
	.pb_20 {padding-bottom:20px;}
	.pb_25 {padding-bottom:25px;}
	.pb_30 {padding-bottom:30px;}
	.pb_40 {padding-bottom:40px;}
	.pb_50 {padding-bottom:50px;}
	.pb_60 {padding-bottom:60px;}

	.pl_0  {padding-left:0; }
	.pl_5  {padding-left:5px !important;}
	.pl_10 {padding-left:10px !important;}
	.pl_15 {padding-left:15px;}
	.pl_20 {padding-left:20px !important;}
	.pl_25 {padding-left:25px !important;}
	.pl_30 {padding-left:30px !important;}
	.pl_40 {padding-left:40px;}
	.pl_50 {padding-left:50px;}
	.pl_60 {padding-left:60px;}
	.pl_2p {padding-left:2%;}

	.pr_0  {padding-right:0; }
	.pr_5  {padding-right:5px !important;}
	.pr_10 {padding-right:10px !important;}
	.pr_15 {padding-right:15px;}
	.pr_20 {padding-right:20px !important;}
	.pr_25 {padding-right:25px !important;}
	.pr_30 {padding-right:30px !important;}
	.pr_40 {padding-right:40px !important;}
	.pr_50 {padding-right:50px;}
	.pr_60 {padding-right:60px;}
	.pr_2p {padding-right:2%;}

	.mt_0  {margin-top:0 !important;}
	.mt_5  {margin-top:5px !important;}
	.mt_10 {margin-top:10px !important; }
	.mt_15 {margin-top:15px;}
	.mt_20 {margin-top:20px;}
	.mt_25 {margin-top:25px;}
	.mt_30 {margin-top:30px;}
	.mt_40 {margin-top:40px;}
	.mt_50 {margin-top:50px;}
	.mt_60 {margin-top:60px;}
	.mt_100 {margin-top:100px;}

	.mb_0  {margin-bottom:0 !important; }
	.mb_5  {margin-bottom:5px;}
	.mb_10 {margin-bottom:10px !important;}
	.mb_15 {margin-bottom:15px;}
	.mb_20 {margin-bottom:20px;}
	.mb_25 {margin-bottom:25px;}
	.mb_30 {margin-bottom:30px;}
	.mb_40 {margin-bottom:40px;}
	.mb_50 {margin-bottom:50px;}
	.mb_60 {margin-bottom:60px;}

	.ml_4p {margin-left:4%;}
	.ml_0  {margin-left:0 !important;}
	.ml_5  {margin-left:5px;}
	.ml_10 {margin-left:10px;}
	.ml_15 {margin-left:15px;}
	.ml_20 {margin-left:20px;}
	.ml_25 {margin-left:25px;}
	.ml_30 {margin-left:30px;}
	.ml_40 {margin-left:40px;}
	.ml_50 {margin-left:50px;}
	.ml_60 {margin-left:60px;}

	.mr_5  {margin-right:5px;}
	.mr_10 {margin-right:10px;}
	.mr_15 {margin-right:15px;}
	.mr_20 {margin-right:20px;}
	.mr_25 {margin-right:25px;}
	.mr_30 {margin-right:30px;}
	.mr_40 {margin-right:40px;}
	.mr_50 {margin-right:50px;}
	.mr_60 {margin-right:60px;}

	.w40 { width:40px !important; }
	.w50 { width:50px !important; }
	.w100 { width:100px; }
	.w150 { width:150px; }
	.w170 { width:170px; }
	.w50p { width:50% }
	.w60p { width:60%; }
	.w70p { width:70%; }
	.w80p { width:80%; }
	.w90p { width:90%; }
	.w100p { width: 100% !important; }

	.lh_140 { line-height:140% !important; }
	.lh_160 { line-height:160% !important; }
	.lh_180 { line-height:180% !important; }

	.clear_b { clear:both; }
	.tof { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
	.nowrap { white-space: nowrap; }

	.rotate90 {
		-webkit-transform: rotate(90deg);     /* Chrome and other webkit browsers */
		-moz-transform: rotate(90deg);        /* FF */
		-o-transform: rotate(90deg);          /* Opera */
		-ms-transform: rotate(90deg);         /* IE9 */
		transform: rotate(90deg);             /* W3C compliant browsers */
	}

	.rotate180 {
		-webkit-transform: rotate(180deg);     /* Chrome and other webkit browsers */
		-moz-transform: rotate(180deg);        /* FF */
		-o-transform: rotate(180deg);          /* Opera */
		-ms-transform: rotate(180deg);         /* IE9 */
		transform: rotate(180deg);             /* W3C compliant browsers */
	}

	.rotate270 {
		-webkit-transform: rotate(270deg);     /* Chrome and other webkit browsers */
		-moz-transform: rotate(270deg);        /* FF */
		-o-transform: rotate(270deg);          /* Opera */
		-ms-transform: rotate(270deg);         /* IE9 */
		transform: rotate(270deg);             /* W3C compliant browsers */
	}

	.mt_3p { margin-top: 3%;}
	
	@media (max-width:800px) {
		.h3 {
			font-size: 1.6em;
			padding-top: 15px;
		}

		.h3_mini {
			font-size: 1.4em;
			padding-top: 12px;
		}

		.h4 {
			padding-bottom: 20px;
			font-size: 1.4em;
			background: url('/img/icon/h4_dot.png') no-repeat 0px 30px;
		}

		.h5 {font-size: 1.7em;}
		.h6 {font-size: 1.5em;}
		.h7 {font-size: 1.2em;}

	}
/* common.css*/