@charset "utf-8";

html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}
html, body{width:100%;}
/*html{-webkit-touch-callout:none; -webkit-user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}*/
/*부트스트랩에서 드래그 방지*/
*{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto;}

body{width:100%; background:#fff; min-width:320px; -webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;}
body,input,select,textarea,button {border:none;font-size:16px; font-family:'Noto Sans KR', sans-serif;color:#555;font-weight:400;line-height:1.8}
ul,ol,li{list-style:none;}
table{width:100%;border-spacing:0;border-collapse:collapse;word-break:keep-all;}
img,fieldset{border:0;}
address,cite,code,em{font-style:normal;font-weight:normal;}
label,img,input,select,textarea,button{vertical-align:middle;}
.hide,caption,legend{line-height:0;font-size:1px;overflow:hidden;}
hr{display:none;}
header,section,nav,footer,aside,article,figure{display:block;}
a,
a:focus,
a:active,
a:hover{color:#555;text-decoration:none;}
*	{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
.clear	{display:block;float:none;clear:both;height:0;width:100%;font-size:0 !important;line-height:0 !important;height:0 !important;overflow:hidden; margin:0 !important; padding:0 !important;}
.clear:after,
.clearfix:after{content:"";clear:both;display:block;float:none;}
.left	{float:left !important;}
.right	{float:right !important;}
.cnt	{margin:0 auto !important;}
.tal	{text-align:left !important;} 
.tar	{text-align:right !important;}
.tac	{text-align:center !important;}
.taj	{text-align:justify !important;}
.tac table th, .tac table td, table.tac thead th, table.tac tbody th, table.tac tbody td{text-align:center !important;}
.tac table th.tal, .tac table td.tal	{text-align:left !important;}
.tac table th.tar, .tac table td.tar	{text-align:right !important;}

.dpb	{display:block !important;}
.dpi	{display:inline-block !important;}
.dpn	{display:none !important;}
.vat	{vertical-align:top !important;}
.vam	{vertical-align:middle !important;}
.fwn{font-weight:normal !important}
.fwb{font-weight:bold !important}

.fs1		{font-size:90%;}
.fs2		{font-size:120%;}

.mlp5{margin-left:5px !important;}
.mlp10{margin-left:10px !important;}
.mlp20{margin-left:20px !important;}
.mrp5	{margin-right:5px !important;}
.mrp10{margin-right:10px !important;}
.mrp20{margin-right:20px !important;}
.mtp5{margin-top:5px !important;}
.mtp10{margin-top:10px !important;}
.mtp20{margin-top:20px !important;}
.mtp30{margin-top:30px !important;}
.mtp60{margin-top:60px !important;}
.mbp5{margin-bottom:5px; !important}
.mbp10{margin-bottom:10px; !important}
.mbp20{margin-bottom:20px !important;}
.mbp30{margin-bottom:30px !important;}
.mbp40{margin-bottom:40px !important;}
.indent{margin:20px}

/* Form  */
input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date]	{width:100%;min-height:36px;border:1px solid #ddd;text-indent:10px;transition: all 0.5s; vertical-align:middle;}
input::-webkit-input-placeholder{color:#b5b5b5;}
select	{width:100%;height:36px; font-size:14px; color:inherit; border:1px solid #ddd !important; background:#fff;}
textarea{display:block;width:100%;min-height:100px;border:1px solid #ddd;}
select::-ms-expand { display:none; }
select,
input	{/* appearance: none;-webkit-appearance: none; */-webkit-border-radius: 0;background: -webkit-linear-gradient(transparent, transparent);background-color:#fff;}

input[type=tel][readonly],
input[type=text][readonly],
input[type=password][readonly],
input[type=email][readonly], 
input[type=search][readonly], 
input[type=tel][disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=search][disabled],
input[type=email][disabled]{background:#eaeaea; border-color:#ddd; color:#999; -webkit-appearance:none;}
textarea[readonly],
textarea[disabled]{background:#eaeaea;border:1px solid #ddd;color:#999;}

select.w40, input.w40	{width:40px !important;}
select.w60, input.w60	{width:60px !important;}
select.w80, input.w80	{width:80px !important;}
select.w100, input.w100	{width:100px !important;}
select.w150, input.w150	{width:150px !important;}
select.w200, input.w200	{width:200px !important;}
select.w300, input.w300	{width:300px !important;}

.po_re{position:relative;}
.po_ab{position:absolute;}
.va_pc{display:block;}
.va_mo{display:none;}

@media only screen and (max-width:767px){
	.va_pc{display:none;}
	.va_mo{display:block;}
	select,
	input	{height:40px;}
	select.w40, input.w40,
	select.w60, input.w60,
	select.w80, input.w80,
	select.w100, input.w100,
	select.w150, input.w150,
	select.w200, input.w200	{width:auto !important;}
	select	{background-color:#fff;background-image:url(../img/select_arr.png);background-repeat:no-repeat;background-position:100% 50%;text-indent:5px;padding-right:20px;min-width:70px}
}

/* grid */
.col_wrap		{clear:both;margin:-10px;} /* 분할하는 div:bx margin값 있을때 */
.col_wrap_flat	{clear:both;}
.col_wrap_flat:after,
.col_wrap:after{content:"";clear:both;float:none;display:block;}
.col_d2	{float:left;width:50%;}
.col_d3	{float:left;width:33.33333%;}
.col_d4	{float:left;width:25%;}
.col_d5	{float:left;width:20%;}
.col_d2 .bx, .col_d3 .bx, .col_d4 .bx, .col_d5 .bx, 
.col_w1 .bx, .col_w2 .bx, .col_w3 .bx, .col_w4 .bx, .col_w5 .bx, .col_w6 .bx, .col_w7 .bx, .col_w8 .bx, .col_w9 .bx{margin:10px;}
.col_w1 {float:left;width:10%;}
.col_w2 {float:left;width:20%;}
.col_w3 {float:left;width:30%;}
.col_w4 {float:left;width:40%;}
.col_w5 {float:left;width:50%;}
.col_w6 {float:left;width:60%;}
.col_w7 {float:left;width:70%;}
.col_w8 {float:left;width:80%;}
.col_w9 {float:left;width:90%;}
.d2 li	{float:left;width:50%;}
.d3 li	{float:left;width:33.3333%;}
.d4 li	{float:left;width:25%;}
.d5 li	{float:left;width:20%;}
.d6 li	{float:left;width:16.6666%;}
.d7 li	{float:left;width:14.2857%;}
.d8 li	{float:left;width:12.5%;}
.d9 li	{float:left;width:11.1111%;}
.d10 li	{float:left;width:10%;}



/* tag */
.tag_d				{display:inline-block; *display:inline; *zoom:1;background:#fff;border:1px solid #ccc;color:#888 !important;padding:4px 6px 5px;font-size:12px;margin:1px;text-align: center;vertical-align: middle;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;vertical-align:middle;}
.tag_d.tag_r		{-webkit-border-radius:36px;-moz-border-radius:36px;-ms-border-radius:36px;-o-border-radius:36px;border-radius:36px;}
.tag_d.tag_red		{color:#EF593A !important;border-color:#EF593A}
.tag_d.tag_yellow	{color:#ffaa00 !important;border-color:#ffaa00}
.tag_d.tag_green	{color:#3CB377 !important;border-color:#3CB377}
.tag_d.tag_blue		{color:#3E78C1 !important;border-color:#3E78C1}
.tag_d.tag_off		{background:#eee;border-color:#eee;color:#ccc !important;}

/* btn */
a.btn_d		{-webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease-out;	-ms-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;	transition: all 0.2s ease-out;}
.btn_d		{display: inline-block;*zoom:1;cursor:pointer;white-space:nowrap;text-align:center;vertical-align: middle;line-height:1.4;
			background-color:#efefef;border-color:#dadada;border-style:solid;border-width:1px;padding:12px 24px;margin:0 0 3px 0;}
button.btn_d,
input[type="submit"].btn_d,
input[type="button"].btn_d	{cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}

.btn_d.btn_circle	{-webkit-border-radius:48px;-moz-border-radius:48px;-ms-border-radius:48px;-o-border-radius:48px;border-radius:48px;}
.btn_d.btn_round	{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;}
.btn_d.btn_round.btn_xsmall, .btn_d.btn_round.btn_small{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.btn_d.btn_xsmall	{font-size:12px;padding:6px 10px;}
.btn_d.btn_small	{font-size:14px;padding:8px 16px;}
.btn_d.btn_large	{font-size:18px;padding:14px 40px;}
.btn_d.btn_xlarge	{font-size:24px;padding:16px 56px;}

.btn_d.btn_wh		{background-color:#ffffff;border-color:#dadada;}
.btn_d.btn_gray		{background-color:#999999;border-color:#999999;color:#fff !important;}
.btn_d.btn_dgray	{background-color:#5A6378;border-color:#474F5C;color:#fff !important;}
.btn_d.btn_red		{background-color:#EF593A;border-color:#ED4027;color:#fff !important;}
.btn_d.btn_yellow	{background-color:#FEC400;border-color:#FEC400;color:#fff !important;}
.btn_d.btn_green	{background-color:#3CB377;border-color:#3DA35A;color:#fff !important;}
.btn_d.btn_blue		{background-color:#3E78C1;border-color:#3E78C1;color:#fff !important;}
.btn_d.btn_custom	{background-color:#970171;border-color:#970171;color:#fff !important;}

/*html { font-size: 62.5%; } 
body { font-size: 14px; font-size: 1.4rem; }  =14px */

h1, h2, h3, h4, h5, h6 {background:transparent;line-height:1.1;font-weight:400}
h1 {margin:0 0 30px 0;padding:0;font-size:30px;color:#333;font-weight:700;letter-spacing:-2px;}
h2 {margin:25px 0 15px 0;padding:0;font-size:24px;color:#970171;font-weight:600;letter-spacing:-1px;}
h3 {margin:20px 0 15px 0;padding:0;font-size:22px;color:#2166AC;font-weight:600}
h4 {margin:15px 0 10px 0;padding:0;font-size:18px;color:#FFA600;}
h5 {margin:10px 0 5px 0;padding:0;font-size:14px;color:#555;}
h6 {margin:10px 0 5px 0;padding:0;background: transparent;font-weight:normal;}

.fst	{margin-top:0 !important;}
.underline	{text-decoration:underline;}
.line-through	{text-decoration:line-through}
.point_wh	{color:#fff !important; }
.point_gray	{color:#bbb !important;}
.point_red	{color:#EF593A !important;}
.point_green{color:#1D9D74 !important;}
.point_blue	{color:#1875D1 !important;}
.point_or	{color:#ff9900 !important;}
.point_custom	{color:#2166AC !important;}

.thumb-img		{min-width:10px;min-height:10px;overflow:hidden;position:relative;}
.thumb-img img	{min-width:100%;max-width:100%;}
.thumb-img .mask	{display:none;width:100%;height:100%;background:red;transition: 0.3s;}
.thumb-img:hover .mask {display:block;transform: translateY(-100px);}

/** 임시 common **/
.delay1{animation-delay:0.2s}
.delay2{animation-delay:0.4s}
.delay3{animation-delay:0.6s}
.delay4{animation-delay:0.8s}
.delay5{animation-delay:1.0s}
.delay6{animation-delay:1.2s}
.delay7{animation-delay:1.4s}
.delay8{animation-delay:1.6s}
.delay9{animation-delay:1.8s}
.delay10{animation-delay:2.0s}



a		{-webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease-out;	-ms-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;	transition: all 0.2s ease-out;}
section:before,
section:after{content:"";clear:both;display:block;float:none;}

/* box */
.bg_wh	{padding:30px;background:#fff}
.bg_gr	{padding:30px;background:#f5f5f5}
.bx1_wh	{padding:30px;border:1px solid #dadada;background:#fff}
.bx1_gr	{padding:30px;border:1px solid #dadada;background:#f5f5f5}
.bx1_rd	{padding:30px;border:1px solid #EF593A;background:#fff}
.bx_insert	{border:1px dashed #D8DDE0;background:#EAF1F9;padding:8px;margin-top:10px;}
ul.clip li:before	{font-family: "FontAwesome";content: "\f0c7";margin-right:5px;color:#768395}
ul.clip li a		{margin-left:5px}

.cmt_info		{background:#EAF1F9;color:#508CC9;}
.cmt_memo		{background:#FEFAE0;color:#996633;}
.cmt_ok			{background:#F1F9F7;color:#1D9D74;}
.cmt_warning	{background:#FEFAE0;color:#996633;}
.cmt_caution	{background:#FFD2CE;color:#CF4133;}
.cmt_info, .cmt_memo, .cmt_ok, .cmt_warning, .cmt_caution	{padding:10px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;line-height:1.2;font-size:13px;}
.cmt_info:before, .cmt_memo:before, .cmt_ok:before, .cmt_warning:before, .cmt_caution:before {font-family: "FontAwesome"; font-size:120%;margin-right:10px;vertical-align:middle}

.cmt_info:before	{content: "\f059"; } /* question-circle */
.cmt_memo:before	{content: "\f06a"; } /* exclamation-circle  */
.cmt_ok:before		{content: "\f058"; } /* check-circle */
.cmt_warning:before	{content: "\f06a"; } /* exclamation-circle */
.cmt_caution:before{content: "\f071"; } /* exclamation-triangle */

/* list */
ul.bu li			{padding-left:13px;}
ul.bu li li			{padding-left:0px;}
ul.bu > li:before	{content:"";display:inline-block;width:3px;height:3px;background:#666;margin:0 10px 0 -10px;vertical-align:middle}
ul.bu li li:before	{content:"-";margin-right:6px;}
ul.bu li li li:before	{content:"";display:inline-block;width:2px;height:2px;background:#999;vertical-align:top;margin:10px 5px 0 0;}
	
ol.list1 li	{list-style-type:decimal;margin-left:14px;padding:0;}
ol.list2 li	{list-style-type:decimal-leading-zero;margin-left:20px;padding:0;}
ol.list1 ul li,
ol.list2 ul li{list-style-type:none;margin-left:2px}
ol.list1 ul li:before,
ol.list2 ul li:before	{content:"-";margin-right:6px;}

/* tab */
.tab_txt:after,
.tab_list:after {content:" ";display:block;float:none;clear:both;}

.tab_txt		{position:relative;overflow:hidden;border-bottom:2px solid #5A6378;margin:0 0 30px 0;}
.tab_txt li		{float:left;min-width:100px;text-align:center;overflow:hidden;transition: 0.3s;cursor:pointer;}
.tab_txt li a	{display:block;padding:8px 0;margin:0;background-color:#fff;border-width:1px;border-color:#dadada;border-style:solid;border-top-width:1px;border-left-width:0;border-bottom-width:0;/*white-space:nowrap;overflow:hidden;text-overflow:ellipsis;*/}
.tab_txt li:first-child a{border-left-width:1px;}
.tab_txt a:hover,
.tab_txt a.on	{background:#5A6378;border-color:#5A6378;color:#fff;text-decoration:none;}
.tab_txt em		{font-family:verdana;font-size:11px;color:#35A6B5;}
.tab_txt a.on em	{color:#4CF0B1;}
.tab_cont {display: none;}

.tab_list				{padding:10px;background:#fff;border:1px solid #ccc;text-align:center;margin:0 0 30px 0;}
.tab_list ul			{display:table;overflow:hidden;table-layout:fixed;}
.tab_list li			{float:left;padding:0;}
.tab_list li a			{display:inline-block;margin:0;padding:10px 15px;line-height:1.2;}
.tab_list li a:hover	{color:#0B3D91}
.tab_list li.on a		{background:#768395;margin:0 10px;color:#fff;text-decoration:none;border-radius:2px;}
.tab_list li:after		{content:"";display:inline-block;border-left:1px solid #ccc;height:10px;}
.tab_list li:last-child:after,
.tab_list li.on:after	{content:"";display:none;}
.tab_list li a[target=_blank]:after {content:"\f08e";font-family:FontAwesome;font-size:14px;margin-left:10px;color:rgba(0,0,0,0.4)}

/* table */
.t1	table			{border-top:1px solid #ddd;}
.t1 table th,
.t1 table td		{padding:8px;border:1px solid #ddd;vertical-align:middle;}
.t1 table thead th	{background:#efefef;color:#333;line-height:1.4;font-weight:normal;border-top:none;text-align:center;}
.t1 table tbody 	{background:#ffffff;}
.t1 table tfoot th,
.t1 table tfoot td	{background:#dddddd;}
.t1 table tr:first-child th,	
.t1 table tr:first-child td	{border-top:none;}

.t2	table			{border-top:1px solid #3E5178;border-bottom:1px solid #999;}
.t2 table th,
.t2 table td		{padding:15px 10px;vertical-align:middle;}
.t2 table thead th	{background:#f6f6f6;border-bottom:2px solid #768395;color:#6B7787;line-height:1.4;text-align:center;font-weight:500}
.t2 table tbody th	{text-align:center;font-weight:500}
.t2 table tbody 	{background:#fff;}
.t2 table tbody th,
.t2 table tbody td	{border-left:1px solid #ddd;border-top:1px solid #ddd;}
.t2 table tfoot th,
.t2 table tfoot td	{border-left:1px solid #ddd;border-top:1px solid #999;}
.t2 table tbody th:first-child,
.t2 table tbody td:first-child,
.t2 table tfoot th:first-child,
.t2 table tfoot td:first-child	{border-left:none;}
.t2 table tbody td:last-child,
.t2 table tfoot td:last-child	{border-right:none;}
.t2 table tbody tr:first-child th,
.t2 table tbody tr:first-child td{border-top:none;}
.t2 table td.br_none	{border-left:none !important;}

.t3 table			{border-bottom:1px solid #768395;}
.t3	table th		{text-align:center;}
.t3 table th,
.t3 table td		{padding:8px;border:1px solid #ddd;border-bottom:none;vertical-align:middle;}
.t3 table tbody th	{background:#f4f4f4;}
.t3 table thead th	{background:#768395;border:1px solid #667484;color:#fff;line-height:1.4;font-weight:normal;text-align:center;}
.t3 table tbody 	{border-top:1px solid #667484;background:#fff;}
.t3 table tbody th,
.t3 table tbody td:first-child,
.t3 table tfoot th,
.t3 table tfoot td:first-child{border-left:none;}
.t3 table tbody td:last-child,
.t3 table tfoot td:last-child{border-right:none;}
.t3 table tbody tr:first-child th,
.t3 table tbody tr:first-child td{border-top:none;}
.t3 table td.br_none	{border-left:none !important;}


.t_fixed table		{width:100%;}
.t_fixed tbody		{display:block;overflow-y:auto;overflow-x:hidden;background:#fff;/*height:100px;*/}
.t_fixed thead		{width:calc( 100% - 17px );}
.t_fixed thead,
.t_fixed tbody tr	{display:table;table-layout:fixed}
.t_fixed tbody tr	{width:100%;}

.t_fixed.t1	{background:#efefef;}
.t_fixed.t2	{background:#768395;}

.t_condensed table th, .t_condensed table td	{padding:5px !important;}
.t_none	table th, .t_none table td	{border:none !important;}
.t_over	table tr:hover	{background:#f9f9f9;}

table .active		{background:#fff;}
table .info			{background:#EAF1F9;}
table .ok			{background:#F1F9F7;}
table .warning		{background:#FEFAE0;}
table .caution		{background:#FFD2CE;}

.table-responsive	{overflow-x:auto}
@media screen and (max-width:767px){
	.table-responsive:before{content:"모바일에서 테이블콘텐츠는 가로스크롤을 이용하여 이용해주세요";padding:0;font-size:12px;display:block;margin-bottom:10px;text-align:left;line-height:1.2}
	.table-responsive	{width:100%;margin-bottom:20px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:none}
	.table-responsive>table{margin-bottom:0;border-bottom:1px solid #ccc}
	.table-responsive>table>tbody>tr>td,
	.table-responsive>table>tbody>tr>th,
	.table-responsive>table>tfoot>tr>td,
	.table-responsive>table>tfoot>tr>th,
	.table-responsive>table>thead>tr>td,
	.table-responsive>table>thead>tr>th{white-space:nowrap}
}

/* popup */
#popupwrap			{padding:0;margin:0;background:#fff} 
#popupwrap .poptit	{background:#595F6A;padding:0;margin:0;} 
#popupwrap .poptit h1	{padding:10px;margin:0;color:#fff;font-size:22px;font-weight:normal;} 
#pop_container, #popup_container		{padding:10px;margin:0;} 

.popupbg				{background:#fff;}
.popup_close .btn_d	{animation:none !important}
@media only screen and (max-width:767px){ /*auto*/
	.popup_close .btn_d	{display:inline-block !important;}
	.btn_d				{display:block;margin:1px 0;}

	h1	{text-align:center;font-size:26px;}
}