@charset "utf-8";
/* Common CSS */
/* Author : 둘리엄마 2013-125 */
/* CSS 적용순서 : 아이디 > 태그와 클래스 > 클래스 > 태그
/* CSS 선택자 선언순서 : Type Selector, Layout Selector, Class Selector, Etc */
/* CSS 속성 선언순서 : display, overflow, float, position, z-index, width & height, margin & padding, border, background, font, align, etc */

* {margin:0px; padding:0px; *font-weight:normal; font-size:1em;}


body {	 
	scrollbar-3dlight-color:#b4b4b4;
	scrollbar-arrow-color:#333333;
	scrollbar-base-color:#eeeeee;
	scrollbar-darkshadow-color:#efefef;
	scrollbar-face-color:#efefef;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#b4b4b4;
	height:100%;
	font-family:Dotum, Dotumche, "돋움", "돋움체", undotum, arial;
	font-weight:normal;
	font-size:1em;
	line-height:1.5em;
	color:#666666;
	-webkit-font-smoothing:antialiased;
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5, h6 ,h7 {font-size:100%; margin:0px;}
header, aside, footer, section, article, hgroup, nav {margin:0px; padding:0px;}
div, span, p, br {margin:0px; padding:0px; border:0px;}
ul, ol, li, dl, dt, dd {margin:0px; padding:0px; list-style:none;}
hr {display:none;}
img {border:none; vertical-align:middle; outline:0;}
fieldset {margin:0px; padding:0px; border:none;}
legend {display:none;}
iframe {width:100%; margin:0px; padding:0px;}
table {border-collapse:collapse; border-spacing:0px; word-break:break-all}
caption {display:none;}

form {margin:0px; padding:0px;}
input {margin:0px; font-size:11px; border-left:1px solid #A0A0A0; border-top:1px solid #A0A0A0; border-right:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; padding:4px 0 4px 5px; vertical-align:middle; color:#666666;}
input[type=radio] {margin:0px; padding:0px; border:0px; background-color:transparent;}
input[type=checkbox] {border:0px; background-color:transparent;}
input[type=image] {border:0px;}
input[type=file] {background-color:#ffffff;}
input[type=reset] {border:0px;}
textarea {margin:0px; padding:7px; font-size:11px; color:#666666; border:1px solid #DEDEDE;}
textarea.noScroll {overflow-y:hidden};
select {margin:0px; vertical-align:middle;}
button {overflow:visible; margin:0px; padding:0px; border:0px; background:transparent; cursor:pointer; vertical-align:middle;}
button::-moz-focus-inner{border:0; padding:0;} /* FF 버튼 벌어짐 해결 핵 */

/* Link */
a {color:#666666; text-decoration:none;}
a:link, visited, active {color:#666666; text-decoration:none;}
a:hover {color:#666666; text-decoration:none;}

/* Font */

/*----- Font Style -----*/

/* Font Size */
.fs11 {font-size:11px !important;}
.fs12 {font-size:12px !important;}
.fs13 {font-size:13px !important;}
.fs14 {font-size:14px !important;}
.fs16 {font-size:16px !important;}

/* Color */
.black {color:#000000;}
.white {color:#ffffff;}
.dGray {color:#333333;}
.gray {color:#666666;}
.blue {color:#4369b9}
.red {color:#D51F26}
.orange {color:#ff6600}
.green {color:#4b9b3f}

/* Line Height */
.lh11 {line-height:11px !important;}
.lh12 {line-height:12px !important;}
.lh13 {line-height:13px !important;}
.lh14 {line-height:14px !important;}
.lh16 {line-height:16px !important;}
.lh18 {line-height:18px !important;}
.lh20 {line-height:20px !important;}

/* Font Weight */
.fb {font-weight:bold !important;}
.fn {font-weight:normal !important;}

/* Text Align */
.l {text-align:left !important;}
.c {text-align:center !important;}
.r {text-align:right !important;}

.t {vertical-align:top !important;}
.m {vertical-align:middle !important;}
.b {vertical-align:bottom !important;}


/*----- Table Style -----*/
/* TH, TD */
.bor_tnone {border-top:0px;}
.bor_rnone {border-right:0px;}
.bor_bnone {border-bottom:0px;}
.bor_lnone {border-left:0px;}
.bor_none  {border:none;}
.bor_tline {border-top:1px solid #DED3BD;}

td.tit {padding-left:10px; padding-right:10px; text-align:left;}
td.con {min-height:300px; padding:20px; text-align:left; vertical-align:top; line-height:16px;}
td.editor {padding:5px;}

/* Float */
.fl {float:left !important;}
.fr {float:right !important;}
.cb {clear:both !important; font-size:0px !important; line-height:0px !important;}

/* Display */
.dis_inline {display:inline;}
.dis_block {display:block;}
.dis_inBlock {display:inline-block; *display:inline; *zoom:1;}
.dis_none {display:none !important;}

@media all and (max-width:480px) {
	.mob_dis_none {display:none;}
}

/* Size */
.w215 {width:215px;}
.w300 {width:300px;}
.w600 {width:600px;}
@media all and (max-width:410px) {
	.mob_w410_60p {width:63% !important;}
}
@media all and (max-width:768px) {
	.mob_w768 {width:100%;}	
}
@media all and (max-width:940px) {
	.mob_w940_60p {width:63% !important;}
	.mob_w940 {width:100%}
}

/* Margin */
.mar0    {margin:0px !important;}
.mar_t3  {margin-top:3px !important;}
.mar_t5  {margin-top:5px !important;}
.mar_t15 {margin-top:15px !important;}
.mar_t20 {margin-top:20px !important;}
.mar_t30 {margin-top:30px !important;}

@media all and (max-width:768px) {
	.mob_mar0 {margin:0px !important;}
	.mob_mar_t5 {margin-top:5px !important;}
}

@media all and (max-width:400px) {
	.tbl_mar_t5 {margin-top:5px !important;}
}

.mar_r3  {margin-right:3px !important;}
.mar_r5  {margin-right:5px !important;}
.mar_r10 {margin-right:10px !important;}
.mar_r15 {margin-right:15px !important;}
.mar_r20 {margin-right:20px !important;}
.mar_r30 {margin-right:30px !important;}

.mar_b3  {margin-bottom:3px !important;}
.mar_b5  {margin-bottom:5px !important;}
.mar_b10 {margin-bottom:10px !important;}
.mar_b15 {margin-bottom:15px !important;}
.mar_b20 {margin-bottom:20px !important;}
.mar_b30 {margin-bottom:30px !important;}

.mar_l5  {margin-left:5px !important;}
.mar_l10 {margin-left:10px !important;}
.mar_l15 {margin-left:15px !important;}
.mar_l20 {margin-left:20px !important;}
.mar_l25 {margin-left:20px !important;}
.mar_l30 {margin-left:30px !important;}
.mar_auto {margin:auto !important;}

/* Padding */
.pd0  {padding:0px !important;}
.pd5  {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd20 {padding:20px !important;}

.pd_t3  {padding-top:3px !important;}
.pd_t5  {padding-top:5px !important;}
.pd_t10 {padding-top:10px !important;}
.pd_t15 {padding-top:15px !important;}
.pd_t20 {padding-top:20px !important;}
.pd_t30 {padding-top:30px !important;}
.pd_t40 {padding-top:40px !important;}
.pd_t50 {padding-top:50px !important;}

.pd_r3  {padding-right:3px !important;}
.pd_r5  {padding-right:5px !important;}
.pd_r10 {padding-right:10px !important;}
.pd_r15 {padding-right:15px !important;}
.pd_r20 {padding-right:20px !important;}

.pd_b2  {padding-bottom: 2px !important;}
.pd_b5  {padding-bottom: 5px !important;}
.pd_b10 {padding-bottom:10px !important;}
.pd_b20 {padding-bottom:20px !important;}
.pd_b30 {padding-bottom:30px !important;}
.pd_b40 {padding-bottom:40px !important;}
.pd_b50 {padding-bottom:50px !important;}

.pd_l3  {padding-left:3px !important;}
.pd_l5  {padding-left:5px !important;}
.pd_l10 {padding-left:10px !important;}
.pd_l15 {padding-left:15px !important;}
.pd_l20 {padding-left:20px !important;}
.pd_l25 {padding-left:25px !important;}
.pd_l30 {padding-left:30px !important;}
.pd_l40 {padding-left:40px !important;}
.pd_l50 {padding-left:50px !important;}

/* Grid */
.row {width:auto; margin-bottom:20px; background-color:#eee; *zoom:1;}
.row:after {content:""; clear:both; display:block;}
.row:last-child {margin-bottom:0px;}
.row .row {width:auto; box-sizing:border-box;}

.col {float:left; margin-right:2.12765%; background-color:#fff;}
.col:last-child {float:right; margin-right:0px;}

.col1 {width:6.38297%;}
.col2 {width:14.89361%;}
.col3 {width:23.40425%;}
.col4 {width:31.91489%;}
.col5 {width:40.42553%;}
.col6 {width:48.93617%;}
.col7 {width:57.44680%;}
.col8 {width:65.95744%;}
.col9 {width:74.46808%;}
.col10 {width:82.97872%;}
.col11 {width:91.48936%;}
.col12 {width:100%;}

.two_up {*zoom:1;}
.two_up:after {content:""; clear:both; display:block;}
.two_up > div, .two_up > li, .two_up > dd {float:left; width:25%;}

.three_up {*zoom:1;}
.three_up:after {content:""; clear:both; display:block;}
.three_up > div, .three_up > li, .three_up > dd {float:left; width:16.66666%;}

.four_up {*zoom:1;}
.four_up:after {content:""; clear:both; display:block;}
.four_up > div, .four_up > li, .four_up > ddp {float:left; width:12.5%;}

@media all and (max-width:768px) {
	.two_up > div, .two_up > li, .two_up > dd {float:left; width:50%;}
	.three_up > div, .three_up > li, .three_up > dd {float:left; width:33.33333%;}
	.four_up > div, .four_up > li, .four_up > dd {float:left; width:25%;}
}

@media all and (max-width:320px) {
	.two_up > div, .two_up > li, .two_up > dd {float:left; width:100%;}
	.three_up > div, .three_up > li, .three_up > dd {float:left; width:50%;}
	.four_up > div, .four_up > li, .four_up > dd {float:left; width:25%;}
}