@charset "utf-8";


@font-face{
	font-family:'ng';
	src:url('/comm/font/NanumGothic.eot');
	src:url('/comm/font/NanumGothic.woff') format('woff');
	}
	
   @font-face{
	font-family:'nbg';
	src:url('/comm/font/NanumBarunGothic.eot');
	src:url('/comm/font/NanumBarunGothic.woff') format('woff')
	
   }
   

@font-face {
	font-family: 'ntR';
	
	src: url('/comm/font/notokr-regular.eot');
	src: url('/comm/font/notokr-regular.eot?#iefix') format('embedded-opentype'),
		 url('/comm/font/notokr-regular.woff') format('woff');
}

@font-face {
	font-family: 'ntM';
	
	src: url('/comm/font/notokr-medium.eot');
	src: url('/comm/font/notokr-medium.eot?#iefix') format('embedded-opentype'),
		 url('/comm/font/notokr-medium.woff') format('woff');
}

@font-face {
	font-family: 'ntB';
	
	src: url('/comm/font/notokr-bold.eot');
	src: url('/comm/font/notokr-bold.eot?#iefix') format('embedded-opentype'),
		 url('/comm/font/notokr-bold.woff') format('woff');
}


/* Common */
html, body { height: 100%;}

body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {
	margin:0;
	padding:0;
	-webkit-text-size-adjust:none;
	color:#333;
	font-family:'ng';
	font-size:13px;
	line-height:150%;
/*
	margin:auto;
*/
}

section, nav, article, aside, hgroup, header, footer {
	display:block;
}

input, textarea, select, button, table {
	font-size:inherit;
	font-family:inherit;
	line-height:inherit;
}


img, fieldset {
	border:0;
}
ul, ol {
	list-style:none;
}
em, address {
	font-style:normal;
}
a {
	color:inherit;
	text-decoration:none;
}
a:link, a:visited, a:active { text-decoration:none;}


.txt_center{ text-align:center !important}
.txt_right{ text-align: right !important}
.txt_left{ text-align: left !important}
.br { border:1px solid red; }

span.inlineB{ display:inline-block;}
.list_inline {
	font-size: 0;
}
.list_inline li {
    color: #868e96; 
	display:inline-block;
	vertical-align: middle;
}
/*** width ***/

.w100	{width:100%}
.w99	{width:99%}
.w98	{width:98%}
.w95	{width:95%}
.w80	{width:80%}
.w70	{width:70%}
.w50	{width:50%}
.w40	{width:40%}
.w30	{width:30%}
.w25	{width:25%}
.w20	{width:20%}
.w13	{width:13%}
.w10	{width:10%}

.w90_center	{width:90%; margin: 0 auto;}
.w80_center	{width:80%; margin: 0 auto;}
.w70_center	{width:70%; margin: 0 auto;}
.w50_center	{width:50%; margin: 0 auto;}
.w30_center	{width:30%; margin: 0 auto;}
.w25_center	{width:25%; margin: 0 auto;}
.w20_center	{width:20%; margin: 0 auto;}
.w10_center	{width:10%; margin: 0 auto;}


/*** margin padding ***/
.mgt5{margin-top:5px !important}
.mgt10{margin-top:10px !important}
.mgt15{margin-top:15px !important}
.mgt20{margin-top:20px !important}
.mgt25{margin-top:25px !important}
.mgt30{margin-top:30px !important}
.mgt40{margin-top:40px !important}
.mgt45{margin-top:45px !important}
.mgt50{margin-top:50px !important}
.mgt60{margin-top:60px !important}
.mgt70{margin-top:70px !important}
.mgt80{margin-top:80px !important}
.mgt90{margin-top:90px !important}
.mgl3{margin-left:3px !important}
.mgl5{margin-left:5px !important}
.mgl10{margin-left:10px !important}
.mgl15{margin-left:15px !important}
.mgl20{margin-left:20px !important}
.mgl30{margin-left:30px !important}
.mgl40{margin-left:40px !important}
.mgl50{margin-left:50px !important}
.mgl-50{margin-left:-50px !important}
.mgr3{margin-right:3px !important}
.mgr5{margin-right:5px !important}
.mgr10{margin-right:10px !important}
.mgr15{margin-right:15px !important}
.mgr20{margin-right:20px !important}
.mgr30{margin-right:30px !important}
.mgb5{margin-bottom:5px !important}
.mgb10{margin-bottom:10px !important}
.mgb15{margin-bottom:15px !important}
.mgb20{margin-bottom:20px !important}
.mgb35{margin-bottom:35px !important}
.mgb40{margin-bottom:40px !important}
.mgb70{margin-bottom:70px !important}

.mg010 { margin: 0 10px !important }


.pd10{padding:10px !important}
.pd5{padding:5px !important}
.pd15{padding:15px !important}
.pdt5{padding-top:5px !important}
.pdt10{padding-top:10px !important}
.pdt15{padding-top:15px !important}
.pdt20{padding-top:20px !important}
.pdl5{padding-left:5px !important}
.pdl10{padding-left:10px !important}
.pdl15{padding-left:15px !important}
.pdl20{padding-left:20px !important}
.pdr5{padding-right:5px !important}
.pdr10{padding-right:10px !important}
.pdr15{padding-right:15px !important}
.pdr20{padding-right:20px !important}
.pdr40{padding-right:40px !important}
.pdb5{padding-bottom:5px !important}
.pdb10{padding-bottom:10px !important}
.pdb15{padding-bottom:15px !important}
.pdb20{padding-bottom:20px !important}
.pdb30{padding-bottom:50px !important}
.pdb50{padding-bottom:50px !important}

.pad010 { padding: 0 10px !important }




/*** btn ***/

/** 라운드3 사각버튼 **/
[class*="r3"] { border-radius:3px;}
[class^="btn_"]{  border:none;  letter-spacing: 1px;}

.btn_whitegray28_r3 { background-color:#f2f2f2; height: 28px; line-height: 28px; color: #333; font-size: 12px;  padding: 0 10px;   }
.btn_whitegray35_r3 { background-color:#f2f2f2; height: 35px; line-height: 35px; color: #333; font-size: 12px;  padding: 0 20px;   }
.btn_whitegray40_r3 { background-color:#f2f2f2; height: 45px; line-height: 45px; color: #333; font-size: 13px;  padding: 0 20px;   }
.btn_whitegray45_r3 { background-color:#f2f2f2; height: 45px; line-height: 45px; color: #333; font-size: 13px;  padding: 0 20px;   }

.btn_gray28_r3 { background-color:#868e96; height: 28px; line-height: 28px; color: #fff; font-size: 12px;  padding: 0 10px;   }
.btn_gray35_r3 { background-color:#868e96; height: 35px; line-height: 35px; color: #fff; font-size: 12px;  padding: 0 20px;   }
.btn_gray40_r3 { background-color:#868e96; height: 45px; line-height: 45px; color: #fff; font-size: 13px;  padding: 0 20px;   }
.btn_gray45_r3 { background-color:#868e96; height: 45px; line-height: 45px; color: #fff; font-size: 13px;  padding: 0 20px;   }


.btn_red20_r3 { background-color: #dc3545;  height:20px; line-height: 20px;  color: #fff; font-size: 11px;   padding: 0 10px;   }
.btn_red28_r3 { background-color: #dc3545;  height:28px; line-height: 28px;  color: #fff; font-size: 12px;   padding: 0 10px;   }
.btn_red35_r3 { background-color: #dc3545;  height:35px; line-height: 35px;  color: #fff; font-size: 12px;   padding: 0 20px;   }
.btn_red40_r3 { background-color: #dc3545;  height:40px; line-height: 40px;  color: #fff; font-size: 13px;   padding: 0 20px;   }
.btn_red45_r3 { background-color: #dc3545;  height:45px; line-height: 45px;  color: #fff; font-size: 13px;   padding: 0 20px;   }

.btn_green28_r3 { background-color:#28a745; height: 28px; line-height: 28px; color: #fff; font-size: 12px;  padding: 0 10px;    }
.btn_green35_r3 { background-color:#28a745; height: 35px; line-height: 35px; color: #fff; font-size: 12px;  padding: 0 20px;    }
.btn_green40_r3 { background-color:#28a745; height: 40px; line-height: 40px; color: #fff; font-size: 13px;  padding: 0 20px;    }
.btn_green45_r3 { background-color:#28a745; height: 45px; line-height: 45px; color: #fff; font-size: 13px;  padding: 0 20px;    }

.btn_skyblue28_r3 { background-color: #17a2b8;  height:28px; line-height: 28px;  color: #fff; font-size: 12px;   padding: 0 10px;   }
.btn_skyblue35_r3 { background-color: #17a2b8;  height:35px; line-height: 35px;  color: #fff;  font-size: 12px;  padding: 0 20px;   }
.btn_skyblue40_r3 { background-color: #17a2b8;  height:40px; line-height: 40px;  color: #fff; font-size: 13px;   padding: 0 20px;   }
.btn_skyblue45_r3 { background-color: #17a2b8;  height:45px; line-height: 45px;  color: #fff; font-size: 13px;   padding: 0 20px;   }

.btn_purple28_r3 { background-color: #574b90;  height:28px; line-height: 28px;  color: #fff; font-size: 12px;   padding: 0 10px;   }
.btn_purple35_r3 { background-color: #574b90;  height:35px; line-height: 35px;  color: #fff; font-size: 12px;   padding: 0 20px;   }
.btn_purple40_r3 { background-color: #574b90;  height:40px; line-height: 40px;  color: #fff;  font-size: 13px;  padding: 0 20px;   }
.btn_purple45_r3 { background-color: #574b90;  height:45px; line-height: 45px;  color: #fff;  font-size: 13px;  padding: 0 20px;   }

/** 라운드50 버튼 **/
[class*="_r50"]{ border-radius:50px;}

.btn_red25_r50 { background: #dc3545; height:25px; line-height: 25px;  color: #fff; font-size: 11px;   padding: 0 13px;  }
.btn_gray25_r50 {background: #868e96; height:25px; line-height: 25px;  color: #fff; font-size: 11px;   padding: 0 13px;}
.btn_gray25_r50_02 {background: #343a40; height:25px; line-height: 25px;  color: #fff; font-size: 11px;   padding: 0 13px;}
.btn_green25_r50_02 {background: #28a745; height:25px; line-height: 25px;  color: #fff; font-size: 11px;   padding: 0 13px;}
.btn_purple28_r50 { background: #574b90; height:28px; line-height: 28px;  color: #fff; font-size: 11px;   padding: 0 15px;   }



.btn_auto_red_r3 { background-color: #dc3545;   color: #fff; font-size: 12px; }
.btn_auto_green_r3 { background-color:#28a745; color: #fff; font-size: 12px;}
.btn_auto_skyblue_r3 { background-color: #17a2b8; color: #fff; font-size: 12px; }
.btn_auto_purple_r3 { background-color: #574b90; color: #fff; font-size: 12px; }

.btn_pad510 { padding: 5px 10px !important }
.btn_pad1020 { padding: 10px 20px !important }
.btn_pad2030 { padding: 20px 30px !important }


/* text 

.txt_orange { color:#f15b23; }
.txt_B { font-weight:bold;}
.txt_blue { color:#0099CC;}
.txt_green { color:#336633;}
.txt_red { color:#e02f00;}
.txt_red_45 { color:#ec4b4b; font-size:45px; font-weight:bold;   }
.txt_red_18 { color:#ec4b4b; font-size:18px;  }
.txt_black { color:#000000;}
.txt_purple  { color:#713dd9; }
.txt14_g { font-size:14px; color:#999999;  }
.txt12_g { font-size:12px; color:#999999;  }

.txt24 { font-size:24px; line-height:140%;  }
.txt18 { font-size:18px;  }*/

.txt_bold { font-weight: 700; }
.txt_15 { font-size: 15px; }
.txt_20 { font-size: 20px; }
.txt_25 { font-size: 25px; }
.txt_red_bold { color:#dc3545; font-weight: bold; }
.txt_red15 { color:#dc3545; font-size: 15px;  }
.txt_red25 { color:#dc3545; font-size: 25px;  }
.txt_gray12 { font-size:12px; color:#999999; }
.txt_gray14 { font-size:14px; color:#999999; }




/**table */
.table_st01 { border-collapse:collapse; border: none; }
.table_st01 th {  padding:12px; text-align: center;   }
.table_st01 td {  padding:12px; text-align: center;  }
.table_st01 tbody tr:nth-of-type(2n+1) {background-color: rgba(0, 0, 0, 0.02);}

.table_st05 { border-collapse:collapse; border:1px solid #f2f2f2;  }
.table_st05 th {  padding:12px; text-align: center;  border:1px solid #f2f2f2;background-color: rgba(0, 0, 0, 0.02);  }
.table_st05 td {  padding:12px; text-align: center;  border:1px solid #f2f2f2; }

.table_st06 { border-collapse:collapse; border: none; }
.table_st06 td {text-align: center; vertical-align:top;}

/*
.table_st01 tbody tr:nth-child(even)  { background-color: #ffd4e9; }
.table_st01 tbody tr:nth-child(odd)   { background-color: #d4e9ff; }
*/
.table_st02 {width:100%; border-collapse:collapse; border:1px solid #f2f2f2; }
.table_st02 th { height:40px; border:1px solid #f2f2f2; color: #868e96; font-weight: normal;  }
.table_st02 td { width: 14.28%; padding: 10px;   box-sizing: border-box;   border:1px solid #f2f2f2; font-size: 12px;  color: #868e96;  text-align: right; vertical-align: top; }
.table_st02 td:after{ content: ''; display: block; margin-top: 60%;}
.table_st02 td.off { color:#d1d8e6;}
.table_st02 td.bg_gray { background:#f2f2f2;}


.table_st03 { border-collapse:collapse;  border-collapse:collapse; border:1px solid #f2f2f2;  }
.table_st03 th {  padding:12px; text-align: center; background-color: rgba(0, 0, 0, 0.02);  }
.table_st03 td {  padding:12px; text-align: center;  border-collapse:collapse; border:1px solid #f2f2f2;  }
.table_st03 td.off { color:#f2f2f2;}
.table_st03 tbody tr:nth-of-type(2n+1) {background-color: rgba(0, 0, 0, 0.02);}



.input_mobile_email {display: table;width:100%;}
.input_mobile_email > li{ display: table-cell; }
.input_mobile_email > li input, select {min-width:100px;width:100% }
.input_mobile_email > li:nth-child(2), .input_mobile_email > li:nth-child(4) {vertical-align: middle;text-align: center; width:20px; }



.btn_dropdown28_r3 {position:relative;  height:28px; line-height: 28px;  color: #fff; font-size: 12px;  }
.btn_dropdown28_r3 > a {display:block; overflow:hidden;  padding: 0 10px;border-radius:3px 3px 0px 0px;}
.btn_dropdown28_r3 > a:after,
.btn_dropdown28_r3 > ul > li:first-child:after {display:block; float:right;}
.btn_dropdown28_r3 > a:after {padding-left:10px;content:'▼';}
.btn_dropdown28_r3 > ul {position:absolute; width:100%; top:0px; display:none; border:none;  letter-spacing: 1px;}
.btn_dropdown28_r3 > ul > li {cursor:pointer; height:28px; color: #fff;  padding: 0 10px; text-align:left}
.btn_dropdown28_r3 > ul > li:first-child:after {padding-left:10px;content:'▲';}
.btn_dropdown28_r3 > ul > li:first-child {padding-top:5px;border-radius:3px 3px 0px 0px;}
.btn_dropdown28_r3 > ul > li:last-child {border-radius:0px 0px 3px 3px;}

.color_purple	{background-color: #574b90;}
.color_red	{background-color: #dc3545;}
.color_green	{background-color: #28a745;}
.color_skyblue	{background-color: #17a2b8;}
.color_gray	{background-color: #868e96;}
.color_whitegray	{background-color: #f2f2f2;}



select {
    -webkit-appearance: none;  /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    background: url(/comm/images/select_arr.png) no-repeat 95% 50%;  /* 화살표 모양의 이미지 */
    border:1px solid #ccc;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    padding-left:10px;
    box-sizing: border-box; 
    background-size:12px;  
    border:1px solid #ccc;
}

/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {
    display: none;
}


/*
option {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 5px;  line-height:180%;
  padding: 10px;
}
select {
    max-height: calc(1.2em + 24px);
    height: calc(1.2em + 24px);
}


select option {
	padding: 20px 10px;
	margin: 20px 10px;
	line-height:220px;
    border: 1px solid #979997;

    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
*/


@media screen and (-webkit-min-device-pixel-ratio:0) {  /*safari and chrome*/
    select {
        height:30px;
        line-height:30px;
        background:#f4f4f4;
    } 
}
select::-moz-focus-inner { /*Remove button padding in FF*/ 
    border: 0;
    padding: 0;
}
@-moz-document url-prefix() { /* targets Firefox only */
    select {
        padding: 15px 0!important;
    }
}        
@media screen\0 { /* IE Hacks: targets IE 8, 9 and 10 */        
    select {
        height:30px;
        line-height:30px;
    }     
}


/*
@media (max-width:360px){html{font-size:10px;}}
 @media (min-width:361px) and (max-width:399px){html{font-size:11px;}}
 @media (min-width:400px) and (max-width:439px){html{font-size:12px;}}
 @media (min-width:440px) and (max-width:479px){html{font-size:13px;}}
 @media (min-width:480px) and (max-width:519px){html{font-size:14px;}}
 @media (min-width:520px) and (max-width:559px){html{font-size:15px;}}
 @media (min-width:560px) and (max-width:599px){html{font-size:16px;}}
 @media (min-width:600px) and (max-width:639px){html{font-size:17px;}}
 @media (min-width:640px) and (max-width:679px){html{font-size:18px;}}
 @media (min-width:680px) and (max-width:719px){html{font-size:19px;}}
 @media (min-width:720px) and (max-width:759px){html{font-size:20px;}}
 @media (min-width:760px) and (max-width:799px){html{font-size:21px;}}
 @media (min-width:800px) and (max-width:839px){html{font-size:22px;}}
 @media (min-width:840px) and (max-width:879px){html{font-size:23px;}}
 @media (min-width:880px){html{font-size:24px;}}*/