@charset "utf-8";

/* **************************************** *
 * RESET FILES
 * **************************************** */
 :root {
	--font-basic:'Pretendard', sans-serif;	
	--concept-color: #b82f2f;	
	--sub-color: #30323f;
	--second-color: #0e0d12;	
	--light-color:#f0f4f7;	
	--light-bgcolor:#f9f6f2;
	--light-blue:#f3f6fb;	
	--border-color: #ddd;	
	
	--point-color:#1e4e9b;
    --blue-color:#1eb6ff;
	--gray-color:#e1e1e1;
	/* --bs-gradient: linear-gradient(90deg, #ff5b00 20%, #ed4b20 60%, #9b2e41 );	 */
	--full-height: 100vh;
	--area-width: 1400px;		
	--main-area-width: 1600px;		
	--main-visual-height:100vh; 

	--header-height: 120px; /* top height */
	--headerB-height: 90px; /* top height */
	--header-top-height:70px; /* scroll시 height */
	--transition-custom: all 0.4s ease-in-out;	

	--sub-visual-height:500px;	
	--menuTab-height:50px;
	--sub-menu-height:80px;
	
}
/*
html:not(.is-mobile) *::-webkit-scrollbar {width: 10px;height:8px;}
html:not(.is-mobile) *::-webkit-scrollbar-track {background-color: #f1f1f1;}
html:not(.is-mobile) *::-webkit-scrollbar-thumb {background-color: var(--second-color);}
*/

/* HTML Reset */
* {margin: 0; padding: 0; outline: 0;}
*, *:after, *:before {-moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;}
html{
	/* basic : font-size:16px; */  /* rem 적용 font-size:10px;font-size:62.5%;*/ 	
}
html, body {width:100%;height:100%; -ms-text-size-adjust: none;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;text-size-adjust: none; }
body,textarea:focus,input:focus,a:focus {-webkit-tap-highlight-color: rgba(107, 120, 245, .08);} 

body {	
	color:#333;
	font-family: var(--font-basic);
    font-style: normal;
    font-weight: 400;
	line-height: 1; 
	letter-spacing:0;
	margin:0; padding:0;
	-webkit-touch-callout: none;
	word-wrap: break-word;word-break:keep-all;	
	overflow-x:visible;overflow-y:auto;-ms-overflow-y: scroll;
	position: relative; /*background:#fff; min-width:280px;*/
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,  caption, article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, video { margin:0; padding:0;border:0; color:inherit;font-weight: inherit;font-style: inherit; /* vertical-align:baseline; */-webkit-text-size-adjust:none;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

main, header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption{display: block;}
div, p, ul, li,ol, table, th, td, textarea, input, span, form, h1, h2, h3, h4, h5, h6, dt, dl, dd, em, sup {padding:0px;margin:0px;vertical-align:top;}
ul, ol, dl, dd, dt, li {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal}
form, fieldset{margin:0;padding:0;border:0}
table, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border-collapse:collapse;border-spacing:0;-webkit-text-size-adjust:none;}
table {
    /* table-layout: fixed; */
    border-collapse: collapse;
    border-spacing: 0;
    /*width:100%;
    min-width:100%; */
    vertical-align:middle;
}

table, th, td {
    vertical-align:middle;
}
img {border:0 none; outline:none;vertical-align:middle;}
optgroup {font-style:normal;font-size:0px;height:0px;line-height:0px}
label {cursor:pointer;}
img, fieldset {border:0 none transparent;/*'transparent' for Opera7*/}
i, em, address, cite, code, dfn, th, var {font-style:normal}
caption{visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px}
legend{position:absolute;top:0;left:0;visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px}
/* html5 ie9 else */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display:block;padding:0;margin:0}

hr, legend {display:none;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none;}
ins { text-decoration:underline;}
del { text-decoration:line-through;}
mark { background:none;}

.png24 {tmp:expression(setPng24(this));}
@media print {.noprint { display:none; }}

a {text-decoration:none;cursor:pointer;}
a:hover {
	color:var(--concept-color);
	text-decoration:none;
}
a.hover:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	opacity:0.7;
	}
a:focus {text-decoration: none;}

/*	text-align styles
-------------------------------------------------------------------*/
.center	{ text-align: center !important; }
.left {	text-align: left !important; }
.right { text-align: right !important; }
.middle { vertical-align: middle !important; }
.top { vertical-align: top !important; }

.div_left{display:block; text-align:left !important; font-size:0; }
.div_center{display:block; text-align:center !important; font-size:0;}
.div_right{display:block; text-align:right !important;font-size:0; }

.pointer {cursor:pointer;}
.blind {position: absolute !important;width: 1px;height: 1px;margin: -1px;overflow: hidden;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px);}

/* clearFix */
.clearFix:before,
.clearFix:after { content:" "; display:table; clear:both; height:0;}
* html .clearFix {height:1%}
.clear { clear:both; }

/* float */
.floatL { float:left;}
.floatR { float:right;}

.position-center {
    position:absolute;
    left:50%;
    top:50%;
	width:100%;
    max-width:100%;
    max-height:100%;
    transform:translate(-50%, -50%);
}

.flex-wrap {flex-wrap: wrap !important;}
.flex-nowrap {flex-wrap: nowrap !important;}
.flex-row {flex-direction: row !important;}
.flex-column {flex-direction: column !important;}
.flex-start{align-items:flex-start !important;} 
.flex-end{align-items:flex-end !important;}
.flex-center{align-items:center !important;} 

.justify-content-start { justify-content: flex-start !important;}
.justify-content-end { justify-content: flex-end !important;}
.justify-content-center {justify-content: center !important;}
.justify-content-between {justify-content: space-between !important;}
.justify-content-around {justify-content: space-around !important;}
.justify-content-evenly { justify-content: space-evenly !important;}

.align-items-start {align-items: flex-start !important;}
.align-items-end {align-items: flex-end !important;}
.align-items-center { align-items: center !important;}
.align-items-baseline {align-items: baseline !important;}
.align-items-stretch { align-items: stretch !important;}

.d-flex {display: flex !important;}
.d-inline-flex {display: inline-flex !important;}
.d-none {display: none !important;}
.d-block {display:block !important;}

.gap-0 {gap: 0 !important;}
.gap-1 {gap: 5px !important;}
.gap-2 {gap: 10px !important;}
.gap-3 {gap: 15px !important;}
.gap-4 {gap: 20px !important;}
.gap-5 {gap: 30px !important;}

.point-cursor{cursor: pointer;}

.bg-lgray{background:#fafafa;}
.bg-gray{background:#f4f4f4;}
.bg-gold{background:#8d6f4b;}
.bg-light{background:var(--light-bgcolor) !important;}

/* skipToContent */
#skipToContent a { position:absolute; top:0px; left:0px; z-index:9999; width:100%; height:1px;	margin-top:-1px; display:block;	background-color:white; font-size:14px; font-weight:bold; color:#111; line-height:1; text-align:center; overflow:hidden;}
#skipToContent a:focus,
#skipToContent a:active { margin-top:0px; height:auto; padding:10px 0px;}

/* selection */
::selection { background: var(--concept-color); color:#fff; text-shadow:none;}
::-moz-selection { background: var(--concept-color); color:#fff; text-shadow:none;}
::-webkit-selection { background: var(--concept-color); color:#fff; text-shadow:none;} 

/*	size styles
-------------------------------------------------------------------*/
.f0 { font-size:0px !important; } /*renders 0px */
.f10 { font-size:10px !important; } /*renders 10px */
.f11 { font-size:11px !important; }  /*renders 11px */
.f12 { font-size:12px !important; } /*renders 12px */
.f13 { font-size:13px !important; } /*renders 12px */
.f14 { font-size:14px !important; } /*renders 14px */
.f15 { font-size:15px !important; } /*renders 15px */
.f16 { font-size:16px !important; } /*renders 16px */
.f18 { font-size:18px !important; } /*renders 18px */
.f20 { font-size:20px !important; } /*renders 20px */
.f22 { font-size:22px !important; } /*renders 22px */
.f24 { font-size:24px !important; } /*renders 24px */
.f26 { font-size:26px !important; } /*renders 26px */
.f30 { font-size:30px !important; } /*renders 30px */
.f34 { font-size:34px !important; } /*renders 34px */
.f36 { font-size:36px !important; } /*renders 36px */
.f38 { font-size:38px !important; } /*renders 38px */

.f_100 {font-weight:100 !important; }
.f_200 {font-weight:200 !important; }
.f_300 {font-weight:300 !important; }
.f_400 {font-weight:400 !important; }
.f_500 {font-weight:500 !important; }
.f_600 {font-weight:600 !important; }
.f_700 {font-weight:700 !important; }
.f_800 {font-weight:800 !important; }
.f_900 {font-weight:900 !important; }

/*	color styles
-------------------------------------------------------------------*/
.red { color: #ef0303 !important; }
.dblue { color: #154182 !important; }
.lblue { color: #00a0c1 !important; }
.blue { color: #225ea4 !important; }
.dgray { color: #1a1a1a !important; }
.gray { color: #333 !important; }
.gray1 { color: #666 !important; }
.gray2 { color: #828282 !important; }
.gray3 { color: #aaa !important; }
.green { color: #3ab449 !important; } 
.gray4{ color: #eee !important; }
.lgreen { color: #afc80e !important; } 
.yellow { color: #fedd43 !important; }
.brown { color: #826844 !important; }
.orange { color: #ee7700 !important; }
.purple{ color: #62106b !important; }
.black { color: #000 !important; }
.white { color: #fff !important; }
.concept-color{color:var(--concept-color) !important;}
.second-color{color:var(--second-color) !important;}
.point-color{color:var(--point-color) !important;}
.sub-color{color:var(--sub-color) !important;}

.line-through {text-decoration: line-through !important; }
.underline {text-decoration: underline !important; }
.f-italic {font-style:italic !important; }

.w100{width:100% !important; }
.w80{width:80% !important; }
.w70{width:70% !important; }
.w60{width:60% !important; }
.w50{width:50% !important; }
.w49{width:49% !important; }
.w48{width:48% !important; }
.w45{width:45% !important; }
.w40{width:40% !important; }
.w38{width:38% !important; }
.w35{width:35% !important; }
.w33{width:33.3333% !important; }
.w32{width:32% !important; }
.w30{width:30% !important; }
.w25{width:25% !important; }
.w20{width:20% !important; }
.w15{width:15% !important; }
.w10{width:10% !important; }

.w20p{width:20px !important; }
.w30p{width:30px !important; }
.w40p{width:40px !important; }
.w50p{width:50px !important; }
.w60p{width:60px !important; }
.w70p{width:70px !important; }
.w80p{width:80px !important; }
.w90p{width:90px !important; }
.w100p{width:100px !important; }
.w110p{width:110px !important; }
.w120p{width:120px !important; }
.w140p{width:140px !important; }
.w150p{width:150px !important; }
.w180p{width:180px !important; }
.w200p{width:200px !important; }
.w220p{width:220px !important; }
.w250p{width:250px !important; }
.w300p{width:300px !important; }
.w350p{width:350px !important; }
.w400p{width:400px !important; }
.w450p{width:450px !important; }
.w500p{width:500px !important; }

.h50p{height:50px !important; }
.h80p{height:80px !important; }
.h100p{height:100px !important; }
.h150p{height:150px !important; }
.h200p{height:200px !important; }
.h300p{height:300px !important; }

.col50{width:50%; }
.w-auto {width: auto !important;}
.w-flex {flex:1 !important;}

.line-height-28{line-height:28px !important; }
.line-height-35{line-height:35px !important; }

/*==================================================================
	padding setting
===================================================================*/

.p0{padding:0px !important; }
.p1{padding:1px !important; }
.p2{padding:2px !important; }
.p3{padding:3px !important; }
.p4{padding:4px !important; }
.p5{padding:5px !important; }
.p6{padding:6px !important; }
.p7{padding:7px !important; }
.p8{padding:8px !important; }
.p9{padding:9px !important; }
.p10{padding:10px !important; }
.p11{padding:11px !important; }
.p12{padding:12px !important; }
.p13{padding:13px !important; }
.p14{padding:14px !important; }
.p15{padding:15px !important; }
.p16{padding:16px !important; }
.p17{padding:17px !important; }
.p18{padding:18px !important; }
.p19{padding:19px !important; }
.p20{padding:20px !important; }
.p21{padding:21px !important; }
.p22{padding:22px !important; }
.p23{padding:23px !important; }
.p24{padding:24px !important; }
.p25{padding:25px !important; }
.p26{padding:26px !important; }
.p27{padding:27px !important; }
.p28{padding:28px !important; }
.p29{padding:29px !important; }
.p30{padding:30px !important; }
.p31{padding:31px !important; }
.p32{padding:32px !important; }
.p33{padding:33px !important; }
.p34{padding:34px !important; }
.p35{padding:35px !important; }
.p36{padding:36px !important; }
.p37{padding:37px !important; }
.p38{padding:38px !important; }
.p39{padding:39px !important; }
.p40{padding:40px !important; }
.p41{padding:41px !important; }
.p42{padding:42px !important; }
.p43{padding:43px !important; }
.p44{padding:44px !important; }
.p45{padding:45px !important; }
.p46{padding:46px !important; }
.p47{padding:47px !important; }
.p48{padding:48px !important; }
.p49{padding:49px !important; }
.p50{padding:50px !important; }

.pt0{padding-top:0px !important; }
.pt1{padding-top:1px !important; }
.pt2{padding-top:2px !important; }
.pt3{padding-top:3px !important; }
.pt4{padding-top:4px !important; }
.pt5{padding-top:5px !important; }
.pt6{padding-top:6px !important; }
.pt7{padding-top:7px !important; }
.pt8{padding-top:8px !important; }
.pt9{padding-top:9px !important; }
.pt10{padding-top:10px !important; }
.pt11{padding-top:11px !important; }
.pt12{padding-top:12px !important; }
.pt13{padding-top:13px !important; }
.pt14{padding-top:14px !important; }
.pt15{padding-top:15px !important; }
.pt16{padding-top:16px !important; }
.pt17{padding-top:17px !important; }
.pt18{padding-top:18px !important; }
.pt19{padding-top:19px !important; }
.pt20{padding-top:20px !important; }
.pt21{padding-top:21px !important; }
.pt22{padding-top:22px !important; }
.pt23{padding-top:23px !important; }
.pt24{padding-top:24px !important; }
.pt25{padding-top:25px !important; }
.pt26{padding-top:26px !important; }
.pt27{padding-top:27px !important; }
.pt28{padding-top:28px !important; }
.pt29{padding-top:29px !important; }
.pt30{padding-top:30px !important; }
.pt31{padding-top:31px !important; }
.pt32{padding-top:32px !important; }
.pt33{padding-top:33px !important; }
.pt34{padding-top:34px !important; }
.pt35{padding-top:35px !important; }
.pt36{padding-top:36px !important; }
.pt37{padding-top:37px !important; }
.pt38{padding-top:38px !important; }
.pt39{padding-top:39px !important; }
.pt40{padding-top:40px !important; }
.pt41{padding-top:41px !important; }
.pt42{padding-top:42px !important; }
.pt43{padding-top:43px !important; }
.pt44{padding-top:44px !important; }
.pt45{padding-top:45px !important; }
.pt46{padding-top:46px !important; }
.pt47{padding-top:47px !important; }
.pt48{padding-top:48px !important; }
.pt49{padding-top:49px !important; }
.pt50{padding-top:50px !important; }
.pt55{padding-top:55px !important; }
.pt60{padding-top:60px !important; }
.pt70{padding-top:70px !important; }
.pt80{padding-top:80px !important; }
.pt90{padding-top:90px !important; }
.pt100{padding-top:100px !important; }


.pr0{padding-right:0px !important; }
.pr1{padding-right:1px !important; }
.pr2{padding-right:2px !important; }
.pr3{padding-right:3px !important; }
.pr4{padding-right:4px !important; }
.pr5{padding-right:5px !important; }
.pr6{padding-right:6px !important; }
.pr7{padding-right:7px !important; }
.pr8{padding-right:8px !important; }
.pr9{padding-right:9px !important; }
.pr10{padding-right:10px !important; }
.pr11{padding-right:11px !important; }
.pr12{padding-right:12px !important; }
.pr13{padding-right:13px !important; }
.pr14{padding-right:14px !important; }
.pr15{padding-right:15px !important; }
.pr16{padding-right:16px !important; }
.pr17{padding-right:17px !important; }
.pr18{padding-right:18px !important; }
.pr19{padding-right:19px !important; }
.pr20{padding-right:20px !important; }
.pr21{padding-right:21px !important; }
.pr22{padding-right:22px !important; }
.pr23{padding-right:23px !important; }
.pr24{padding-right:24px !important; }
.pr25{padding-right:25px !important; }
.pr26{padding-right:26px !important; }
.pr27{padding-right:27px !important; }
.pr28{padding-right:28px !important; }
.pr29{padding-right:29px !important; }
.pr30{padding-right:30px !important; }
.pr31{padding-right:31px !important; }
.pr32{padding-right:32px !important; }
.pr33{padding-right:33px !important; }
.pr34{padding-right:34px !important; }
.pr35{padding-right:35px !important; }
.pr36{padding-right:36px !important; }
.pr37{padding-right:37px !important; }
.pr38{padding-right:38px !important; }
.pr39{padding-right:39px !important; }
.pr40{padding-right:40px !important; }
.pr41{padding-right:41px !important; }
.pr42{padding-right:42px !important; }
.pr43{padding-right:43px !important; }
.pr44{padding-right:44px !important; }
.pr45{padding-right:45px !important; }
.pr46{padding-right:46px !important; }
.pr47{padding-right:47px !important; }
.pr48{padding-right:48px !important; }
.pr49{padding-right:49px !important; }
.pr50{padding-right:50px !important; }

.pb0{padding-bottom:0px !important; }
.pb1{padding-bottom:1px !important; }
.pb2{padding-bottom:2px !important; }
.pb3{padding-bottom:3px !important; }
.pb4{padding-bottom:4px !important; }
.pb5{padding-bottom:5px !important; }
.pb6{padding-bottom:6px !important; }
.pb7{padding-bottom:7px !important; }
.pb8{padding-bottom:8px !important; }
.pb9{padding-bottom:9px !important; }
.pb10{padding-bottom:10px !important; }
.pb11{padding-bottom:11px !important; }
.pb12{padding-bottom:12px !important; }
.pb13{padding-bottom:13px !important; }
.pb14{padding-bottom:14px !important; }
.pb15{padding-bottom:15px !important; }
.pb16{padding-bottom:16px !important; }
.pb17{padding-bottom:17px !important; }
.pb18{padding-bottom:18px !important; }
.pb19{padding-bottom:19px !important; }
.pb20{padding-bottom:20px !important; }
.pb21{padding-bottom:21px !important; }
.pb22{padding-bottom:22px !important; }
.pb23{padding-bottom:23px !important; }
.pb24{padding-bottom:24px !important; }
.pb25{padding-bottom:25px !important; }
.pb26{padding-bottom:26px !important; }
.pb27{padding-bottom:27px !important; }
.pb28{padding-bottom:28px !important; }
.pb29{padding-bottom:29px !important; }
.pb30{padding-bottom:30px !important; }
.pb31{padding-bottom:31px !important; }
.pb32{padding-bottom:32px !important; }
.pb33{padding-bottom:33px !important; }
.pb34{padding-bottom:34px !important; }
.pb35{padding-bottom:35px !important; }
.pb36{padding-bottom:36px !important; }
.pb37{padding-bottom:37px !important; }
.pb38{padding-bottom:38px !important; }
.pb39{padding-bottom:39px !important; }
.pb40{padding-bottom:40px !important; }
.pb41{padding-bottom:41px !important; }
.pb42{padding-bottom:42px !important; }
.pb43{padding-bottom:43px !important; }
.pb44{padding-bottom:44px !important; }
.pb45{padding-bottom:45px !important; }
.pb46{padding-bottom:46px !important; }
.pb47{padding-bottom:47px !important; }
.pb48{padding-bottom:48px !important; }
.pb49{padding-bottom:49px !important; }
.pb50{padding-bottom:50px !important; }

.pl0{padding-left:0px !important; }
.pl1{padding-left:1px !important; }
.pl2{padding-left:2px !important; }
.pl3{padding-left:3px !important; }
.pl4{padding-left:4px !important; }
.pl5{padding-left:5px !important; }
.pl6{padding-left:6px !important; }
.pl7{padding-left:7px !important; }
.pl8{padding-left:8px !important; }
.pl9{padding-left:9px !important; }
.pl10{padding-left:10px !important; }
.pl11{padding-left:11px !important; }
.pl12{padding-left:12px !important; }
.pl13{padding-left:13px !important; }
.pl14{padding-left:14px !important; }
.pl15{padding-left:15px !important; }
.pl16{padding-left:16px !important; }
.pl17{padding-left:17px !important; }
.pl18{padding-left:18px !important; }
.pl19{padding-left:19px !important; }
.pl20{padding-left:20px !important; }
.pl21{padding-left:21px !important; }
.pl22{padding-left:22px !important; }
.pl23{padding-left:23px !important; }
.pl24{padding-left:24px !important; }
.pl25{padding-left:25px !important; }
.pl26{padding-left:26px !important; }
.pl27{padding-left:27px !important; }
.pl28{padding-left:28px !important; }
.pl29{padding-left:29px !important; }
.pl30{padding-left:30px !important; }
.pl31{padding-left:31px !important; }
.pl32{padding-left:32px !important; }
.pl33{padding-left:33px !important; }
.pl34{padding-left:34px !important; }
.pl35{padding-left:35px !important; }
.pl36{padding-left:36px !important; }
.pl37{padding-left:37px !important; }
.pl38{padding-left:38px !important; }
.pl39{padding-left:39px !important; }
.pl40{padding-left:40px !important; }
.pl41{padding-left:41px !important; }
.pl42{padding-left:42px !important; }
.pl43{padding-left:43px !important; }
.pl44{padding-left:44px !important; }
.pl45{padding-left:45px !important; }
.pl46{padding-left:46px !important; }
.pl47{padding-left:47px !important; }
.pl48{padding-left:48px !important; }
.pl49{padding-left:49px !important; }
.pl50{padding-left:50px !important; }
.pl55{padding-left:55px !important; }
.pl60{padding-left:60px !important; }
.pl70{padding-left:70px !important; }
.pl80{padding-left:80px !important; }
.pl90{padding-left:90px !important; }
.pl95{padding-left:95px !important; }
.pl100{padding-left:100px !important; }
.pl110{padding-left:110px !important; }
.pl112{padding-left:112px !important; }
.pl120{padding-left:120px !important; }
.pl125{padding-left:125px !important; }
.pl350{padding-left:350px !important; }

/*==================================================================
	margin setting
===================================================================*/

.m0{margin:0px !important; }
.m1{margin:1px !important; }
.m2{margin:2px !important; }
.m3{margin:3px !important; }
.m4{margin:4px !important; }
.m5{margin:5px !important; }
.m6{margin:6px !important; }
.m7{margin:7px !important; }
.m8{margin:8px !important; }
.m9{margin:9px !important; }
.m10{margin:10px !important; }
.m11{margin:11px !important; }
.m12{margin:12px !important; }
.m13{margin:13px !important; }
.m14{margin:14px !important; }
.m15{margin:15px !important; }
.m16{margin:16px !important; }
.m17{margin:17px !important; }
.m18{margin:18px !important; }
.m19{margin:19px !important; }
.m20{margin:20px !important; }
.m21{margin:21px !important; }
.m22{margin:22px !important; }
.m23{margin:23px !important; }
.m24{margin:24px !important; }
.m25{margin:25px !important; }
.m26{margin:26px !important; }
.m27{margin:27px !important; }
.m28{margin:28px !important; }
.m29{margin:29px !important; }
.m30{margin:30px !important; }
.m31{margin:31px !important; }
.m32{margin:32px !important; }
.m33{margin:33px !important; }
.m34{margin:34px !important; }
.m35{margin:35px !important; }
.m36{margin:36px !important; }
.m37{margin:37px !important; }
.m38{margin:38px !important; }
.m39{margin:39px !important; }
.m40{margin:40px !important; }
.m41{margin:41px !important; }
.m42{margin:42px !important; }
.m43{margin:43px !important; }
.m44{margin:44px !important; }
.m45{margin:45px !important; }
.m46{margin:46px !important; }
.m47{margin:47px !important; }
.m48{margin:48px !important; }
.m49{margin:49px !important; }
.m50{margin:50px !important; }


.mt0{margin-top:0px !important; }
.mt1{margin-top:1px !important; }
.mt2{margin-top:2px !important; }
.mt3{margin-top:3px !important; }
.mt4{margin-top:4px !important; }
.mt5{margin-top:5px !important; }
.mt6{margin-top:6px !important; }
.mt7{margin-top:7px !important; }
.mt8{margin-top:8px !important; }
.mt9{margin-top:9px !important; }
.mt10{margin-top:10px !important; }
.mt11{margin-top:11px !important; }
.mt12{margin-top:12px !important; }
.mt13{margin-top:13px !important; }
.mt14{margin-top:14px !important; }
.mt15{margin-top:15px !important; }
.mt16{margin-top:16px !important; }
.mt17{margin-top:17px !important; }
.mt18{margin-top:18px !important; }
.mt19{margin-top:19px !important; }
.mt20{margin-top:20px !important; }
.mt21{margin-top:21px !important; }
.mt22{margin-top:22px !important; }
.mt23{margin-top:23px !important; }
.mt24{margin-top:24px !important; }
.mt25{margin-top:25px !important; }
.mt26{margin-top:26px !important; }
.mt27{margin-top:27px !important; }
.mt28{margin-top:28px !important; }
.mt29{margin-top:29px !important; }
.mt30{margin-top:30px !important; }
.mt31{margin-top:31px !important; }
.mt32{margin-top:32px !important; }
.mt33{margin-top:33px !important; }
.mt34{margin-top:34px !important; }
.mt35{margin-top:35px !important; }
.mt36{margin-top:36px !important; }
.mt37{margin-top:37px !important; }
.mt38{margin-top:38px !important; }
.mt39{margin-top:39px !important; }
.mt40{margin-top:40px !important; }
.mt41{margin-top:41px !important; }
.mt42{margin-top:42px !important; }
.mt43{margin-top:43px !important; }
.mt44{margin-top:44px !important; }
.mt45{margin-top:45px !important; }
.mt46{margin-top:46px !important; }
.mt47{margin-top:47px !important; }
.mt48{margin-top:48px !important; }
.mt49{margin-top:49px !important; }
.mt50{margin-top:50px !important; }
.mt60{margin-top:60px !important; }
.mt65{margin-top:65px !important; }
.mt70{margin-top:70px !important; }
.mt80{margin-top:80px !important; }
.mt90{margin-top:90px !important; }
.mt100{margin-top:100px !important; }
.mt120{margin-top:120px !important; }

.mr0{margin-right:0px !important; }
.mr1{margin-right:1px !important; }
.mr2{margin-right:2px !important; }
.mr3{margin-right:3px !important; }
.mr4{margin-right:4px !important; }
.mr5{margin-right:5px !important; }
.mr6{margin-right:6px !important; }
.mr7{margin-right:7px !important; }
.mr8{margin-right:8px !important; }
.mr9{margin-right:9px !important; }
.mr10{margin-right:10px !important; }
.mr11{margin-right:11px !important; }
.mr12{margin-right:12px !important; }
.mr13{margin-right:13px !important; }
.mr14{margin-right:14px !important; }
.mr15{margin-right:15px !important; }
.mr16{margin-right:16px !important; }
.mr17{margin-right:17px !important; }
.mr18{margin-right:18px !important; }
.mr19{margin-right:19px !important; }
.mr20{margin-right:20px !important; }
.mr21{margin-right:21px !important; }
.mr22{margin-right:22px !important; }
.mr23{margin-right:23px !important; }
.mr24{margin-right:24px !important; }
.mr25{margin-right:25px !important; }
.mr26{margin-right:26px !important; }
.mr27{margin-right:27px !important; }
.mr28{margin-right:28px !important; }
.mr29{margin-right:29px !important; }
.mr30{margin-right:30px !important; }
.mr31{margin-right:31px !important; }
.mr32{margin-right:32px !important; }
.mr33{margin-right:33px !important; }
.mr34{margin-right:34px !important; }
.mr35{margin-right:35px !important; }
.mr36{margin-right:36px !important; }
.mr37{margin-right:37px !important; }
.mr38{margin-right:38px !important; }
.mr39{margin-right:39px !important; }
.mr40{margin-right:40px !important; }
.mr41{margin-right:41px !important; }
.mr42{margin-right:42px !important; }
.mr43{margin-right:43px !important; }
.mr44{margin-right:44px !important; }
.mr45{margin-right:45px !important; }
.mr46{margin-right:46px !important; }
.mr47{margin-right:47px !important; }
.mr48{margin-right:48px !important; }
.mr49{margin-right:49px !important; }
.mr50{margin-right:50px !important; }

.mb0{margin-bottom:0px !important; }
.mb1{margin-bottom:1px !important; }
.mb2{margin-bottom:2px !important; }
.mb3{margin-bottom:3px !important; }
.mb4{margin-bottom:4px !important; }
.mb5{margin-bottom:5px !important; }
.mb6{margin-bottom:6px !important; }
.mb7{margin-bottom:7px !important; }
.mb8{margin-bottom:8px !important; }
.mb9{margin-bottom:9px !important; }
.mb10{margin-bottom:10px !important; }
.mb11{margin-bottom:11px !important; }
.mb12{margin-bottom:12px !important; }
.mb13{margin-bottom:13px !important; }
.mb14{margin-bottom:14px !important; }
.mb15{margin-bottom:15px !important; }
.mb16{margin-bottom:16px !important; }
.mb17{margin-bottom:17px !important; }
.mb18{margin-bottom:18px !important; }
.mb19{margin-bottom:19px !important; }
.mb20{margin-bottom:20px !important; }
.mb21{margin-bottom:21px !important; }
.mb22{margin-bottom:22px !important; }
.mb23{margin-bottom:23px !important; }
.mb24{margin-bottom:24px !important; }
.mb25{margin-bottom:25px !important; }
.mb26{margin-bottom:26px !important; }
.mb27{margin-bottom:27px !important; }
.mb28{margin-bottom:28px !important; }
.mb29{margin-bottom:29px !important; }
.mb30{margin-bottom:30px !important; }
.mb31{margin-bottom:31px !important; }
.mb32{margin-bottom:32px !important; }
.mb33{margin-bottom:33px !important; }
.mb34{margin-bottom:34px !important; }
.mb35{margin-bottom:35px !important; }
.mb36{margin-bottom:36px !important; }
.mb37{margin-bottom:37px !important; }
.mb38{margin-bottom:38px !important; }
.mb39{margin-bottom:39px !important; }
.mb40{margin-bottom:40px !important; }
.mb41{margin-bottom:41px !important; }
.mb42{margin-bottom:42px !important; }
.mb43{margin-bottom:43px !important; }
.mb44{margin-bottom:44px !important; }
.mb45{margin-bottom:45px !important; }
.mb46{margin-bottom:46px !important; }
.mb47{margin-bottom:47px !important; }
.mb48{margin-bottom:48px !important; }
.mb49{margin-bottom:49px !important; }
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}

.ml0{margin-left:0px !important; }
.ml1{margin-left:1px !important; }
.ml2{margin-left:2px !important; }
.ml3{margin-left:3px !important; }
.ml4{margin-left:4px !important; }
.ml5{margin-left:5px !important; }
.ml6{margin-left:6px !important; }
.ml7{margin-left:7px !important; }
.ml8{margin-left:8px !important; }
.ml9{margin-left:9px !important; }
.ml10{margin-left:10px !important; }
.ml11{margin-left:11px !important; }
.ml12{margin-left:12px !important; }
.ml13{margin-left:13px !important; }
.ml14{margin-left:14px !important; }
.ml15{margin-left:15px !important; }
.ml16{margin-left:16px !important; }
.ml17{margin-left:17px !important; }
.ml18{margin-left:18px !important; }
.ml19{margin-left:19px !important; }
.ml20{margin-left:20px !important; }
.ml21{margin-left:21px !important; }
.ml22{margin-left:22px !important; }
.ml23{margin-left:23px !important; }
.ml24{margin-left:24px !important; }
.ml25{margin-left:25px !important; }
.ml26{margin-left:26px !important; }
.ml27{margin-left:27px !important; }
.ml28{margin-left:28px !important; }
.ml29{margin-left:29px !important; }
.ml30{margin-left:30px !important; }
.ml31{margin-left:31px !important; }
.ml32{margin-left:32px !important; }
.ml33{margin-left:33px !important; }
.ml34{margin-left:34px !important; }
.ml35{margin-left:35px !important; }
.ml36{margin-left:36px !important; }
.ml37{margin-left:37px !important; }
.ml38{margin-left:38px !important; }
.ml39{margin-left:39px !important; }
.ml40{margin-left:40px !important; }
.ml41{margin-left:41px !important; }
.ml42{margin-left:42px !important; }
.ml43{margin-left:43px !important; }
.ml44{margin-left:44px !important; }
.ml45{margin-left:45px !important; }
.ml46{margin-left:46px !important; }
.ml47{margin-left:47px !important; }
.ml48{margin-left:48px !important; }
.ml49{margin-left:49px !important; }
.ml50{margin-left:50px !important; }
.ml60{margin-left:60px !important; }
.ml70{margin-left:70px !important; }
.ml80{margin-left:80px !important; }
.ml100{margin-left:100px !important; }
.ml150{margin-left:150px !important; }

/* @@@@@ form @@@@@ */
*{-webkit-text-size-adjust:none}
input, textarea {-webkit-appearance: none;-webkit-border-radius: 0;border-radius: 0;}
input, label, select, button{margin:0;border:0;padding:0;display:inline-block; vertical-align:middle; white-space:normal; background:none; line-height:1;font-family: var(--font-basic);}
textarea{ margin:0; border:0; padding:0; display:inline-block; vertical-align:middle; background:none; line-height:1; font-family: var(--font-basic);}

/* Input Reset  */
input[type="checkbox"]{-webkit-appearance:none; -webkit-border-radius:0; background-color:transparent;}
input[type="radio"]{-webkit-appearance:none; -webkit-border-radius:0; background-color:transparent;}
input[type="file"] {border:0px solid #ccc;}
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="image"], input[type="tel"], input[type="number"], textarea {border-radius: 0px;-ms-border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;-webkit-appearance: none;}

input:not([type='checkbox,radio']):focus::-webkit-input-placeholder {color: transparent;}
input:hover {border-radius:0px}
input:focus {outline: none;background-color:#fff;border-color:var(--concept-color);}

input::placeholder, input:-ms-input-placeholder, input::-ms-input-placeholder, input::-webkit-input-placeholder, input::-moz-placeholder {color:#888;font-size:15px;}
textarea::placeholder, textarea:-ms-input-placeholder, textarea::-ms-input-placeholder, textarea::-webkit-input-placeholder, textarea::-moz-placeholder {color:#888;font-size:15px;}

select{-webkit-border-radius:0}

button {font-family: var(--font-basic); font-style: normal;font-weight:500; cursor:pointer;}
button * { margin:0; padding:0;}
button::-moz-focus-inner { padding:0; border:0;}

input[type=checkbox] { display: none;  }
input[type=checkbox] + label{display: inline-block;  cursor: pointer;  position: relative;padding-left:30px;margin-right:0px; font-size: 15px; line-height:20px;font-weight: 400; color:#545454;vertical-align:top;}
input[type=checkbox]+ label:before {content: "";  display: inline-block;width:20px;height:20px;transition:all .2s;position:absolute; left:0; top:0;background:url(/images/layout/i_chkbox_wh.png) 50% 50% no-repeat #d9d9d9;border:0px solid #d9d9d9;border-radius:4px;} 
input[type=checkbox]:checked + label:before { background:url(/images/layout/i_chkbox_wh.png) 50% 50% no-repeat var(--blue-color);border:0px solid var(--blue-color);}  

input[type=radio] { display: none;  }
input[type=radio] + label{display: inline-block;  cursor: pointer;  position: relative;padding-left:24px;margin-right:0px; font-size:15px; line-height:16px;font-weight: 400;color:#545454;vertical-align:top;}
input[type=radio]+ label:before {content: "";  display: inline-block;width:16px;height:16px;transition:all .2s;position:absolute; left:0; top:0; border:4px solid #ccc; border-radius:50%;} 
input[type=radio]:checked + label:before {border:5px solid var(--blue-color); text-align: center;} 

button, input[type=reset], input[type=button], input[type=submit], input[type=checkbox], input[type=radio], select,  input, textarea{ -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;}
::-webkit-search-decoration{display:none;}

button, input[type="reset"], input[type="button"], input[type="submit"]{overflow:visible;  width:auto;}
::-webkit-file-upload-button{padding:0; border:0; background:none;}

textarea{vertical-align:top;overflow:auto;}
select{-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; outline-width:0;    }
select::-ms-expand { display: none;}
select[multiple]{ vertical-align:top;}
input[type=text]::-ms-clear { display:none;}

/* select custom */
.select-wrap { position: relative;display: block;}
.select-wrap .nice-select { position: relative; -webkit-tap-highlight-color: transparent; background-color: #fff; clear: both;cursor: pointer; display: block; font-size:14px;color: #333;height: 40px; line-height: 38px; border: 1px solid var(--border-color); outline: none; padding-left:10px;  padding-right: 30px; text-align: left; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width:100%; border-radius:4px; box-sizing: border-box; z-index:2;}

.select-wrap .nice-select > span.current {display: block;overflow: hidden; text-overflow: ellipsis;}
.select-wrap .nice-select > span.current.placeholder {color:#888;font-size:14px;}
.select-wrap .nice-select.open {border-color: var(--concept-color); border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-sizing: border-box;font-weight:600; z-index:6; }
.select-wrap .nice-select.disabled { opacity: 0.5;}
.select-wrap .nice-select:after{position:absolute;right:10px;top:50%;content: '';width:10px;height:10px;/*border-top: 2px solid var(--concept-color);border-right: 2px solid var(--concept-color);*/ border: 2px solid var(--concept-color); border-top: none; border-left: none;transform: rotate(45deg);-webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;pointer-events:none; margin-top: -7px;}
 /*.select-wrap .nice-select:after {  content: ""; width: 0;height: 0;border-style :solid;border-width: 9px 6px 0 6px;border-color: var(--concept-color) transparent transparent transparent; display: block; margin-top:-5px; pointer-events: none; position: absolute; right: 16px;top: 50%; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;}  : 삼각형 스타일로 할 경우 */
 .select-wrap .nice-select.open:after {transform: rotate(225deg);margin-top: -2px;}
 
 .select-wrap .nice-select.open .list { opacity: 1; pointer-events: auto; border-color: var(--concept-color); -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); border-radius: 0 0 4px 4px; z-index: 6;}
 .select-wrap .nice-select.disabled {background: #f5f5f5; color: #888; pointer-events: none;}
 .select-wrap .nice-select.disabled:after { border-color: #cccccc;}
 .select-wrap .nice-select .list{display: block; width:calc(100% + 2px); background: #fff; border: 1px solid transparent;border-top: none;box-sizing: border-box;opacity: 0;  /*overflow: hidden;*/ padding: 0; pointer-events: none; position: absolute;top: 100%; left: -1px;right: -1px;-webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0;transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px);transform: scale(0.75) translateY(-21px); z-index:6; overflow-y: auto;max-height:350px;}
 .select-wrap .nice-select .list{
     scrollbar-arrow-color: #fff; /* IE 6+ scroll styles */
     scrollbar-face-color: #999;
     scrollbar-shadow-color: #333;
     scrollbar-highlight-color: #000;
     scrollbar-darkshadow-color: #000;
     scrollbar-track-color: #ddd; /* Last IE 6+ scroll styles */
     scrollbar-color: #999 #ddd; /* Firefox 64+ */
     scrollbar-width: thin; /* Firefox 64+ */
 }  
 .select-wrap .nice-select .list::-webkit-scrollbar {width: 6px;height: 6px;}
 .select-wrap .nice-select .list::-webkit-scrollbar-track {background: padding-box #ddd;border-radius: 0px;}
 .select-wrap .nice-select .list::-webkit-scrollbar-thumb {background: padding-box #999;border-radius: 0px;}
 .select-wrap .nice-select .list::-webkit-scrollbar-thumb:hover { background: padding-box #aaa;}
 .select-wrap .nice-select .list::-webkit-scrollbar-thumb:active {background: padding-box #333;box-shadow: inset 0 0 3px rgba(192, 192, 192, 0.5);}
 
 .select-wrap .nice-select .list:hover .option:not(:hover) { background-color: transparent;}
 .select-wrap .nice-select .option {display:flex;align-items: center;   width:100%; cursor: pointer;font-weight: 400;line-height:1.3; list-style: none; min-height:35px;outline: none;padding: 0 10px;font-size:14px; text-align: left;box-sizing: border-box; -webkit-transition: all 0.2s;transition: all 0.2s;}
 .select-wrap .nice-select .option:hover,
 .select-wrap .nice-select .option.focus,
 .select-wrap .nice-select .option.selected.focus { background-color: #fafafa;color: #333; }
 .select-wrap .nice-select .option.selected {font-weight: bold;}
 .select-wrap .nice-select .option.disabled {background-color: transparent;color: #999;cursor: default;}

 /* arrow - line  
.select-wrap.line .nice-select:after {  content: ""; width: 8px; height: 8px; border: 1px solid #000; border-top: none; border-left: none; display: block; margin-top: -6px; pointer-events: none; position: absolute; right: 16px;top: 50%; transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;}
.select-wrap.line .nice-select.open:after {transform: rotate(225deg);margin-top: -2px;} 

 // arrow - 삼각형 
.select-wrap .nice-select:after {  content: ""; width: 0;height: 0;border-style :solid;border-width: 9px 6px 0 6px;border-color: #888 transparent transparent transparent; display: block; margin-top:-5px; pointer-events: none; position: absolute; right: 16px;top: 50%; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;}
.select-wrap .nice-select.open:after {transform: rotate(-180deg);margin-top: -5px;}
 삼각형 */
 
 /* line */
 .select-wrap.line .nice-select {background-color: transparent; border: 1px solid var(--border-color);border-width:0 0 1px 0; padding-left:0px;  padding-right:35px; border-radius:0px; }
 .select-wrap.line .nice-select .list {border: 1px solid var(--concept-color);border-top:1px solid var(--concept-color);}
 .select-wrap.line .nice-select .option {padding: 0 10px;}
 .select-wrap.line .nice-select:after{right:5px;}
 .select-wrap.line .nice-select.open .list {border-radius:0;}

/* bottom menu 추가 */
.select-wrap.line-wh .nice-select {background-color: transparent; border: 1px solid #fff;border-width:0 0 1px 0; padding-left:0px;  padding-right:35px;font-size:14px;color: #fff;}
.select-wrap.line-wh .nice-select:after{border: 2px solid var(--light-color); border-top: none; border-left: none;transform: rotate(45deg);}
.select-wrap.line-wh .nice-select.open:after {transform: rotate(225deg);margin-top: -2px;}
.select-wrap.line-wh .nice-select.open .list {border-color: var(--light-color); }
.select-wrap.line-wh .nice-select:after{right:5px;}

.select-wrap.line-wh .nice-select .list{position: absolute;top:auto; bottom:40px; background:#afc284;  max-height:350px;}
.select-wrap.line-wh .nice-select .option:hover,
.select-wrap.line-wh .nice-select .option.focus,
.select-wrap.line-wh .nice-select .option.selected.focus { background-color:var(--sub-color);}
.select-wrap.line-wh .nice-select .option {padding: 0 8px;}

/* @@@@@ form new END @@@@@ */

.select_sty{position:relative;display:inline-block;vertical-align:middle; }
.select_sty select{width:100%;height:40px;padding:0px 30px 0px 10px;border:1px solid var(--border-color);background:#fff;color:#000;font-size:15px;cursor: pointer;  border-radius:4px;box-sizing:border-box;}
.select_sty.lg select{height:50px;}
.select_sty.ms select{height:26px;font-size:14px;}
.select_sty.line select{border-width:0 0 1px 0;background: transparent;border-radius:0px;}
.select_sty.line-wh select{border-width:0 0 1px 0;background: transparent;border-radius:0px; font-size:14px; color:#fff;padding:0px 24px 0px 0px; }

.select__arrow{position: absolute;top: 40%;right:15px;width: 0;height: 0;pointer-events: none;border-style :solid;border-width: 8px 5px 0 5px;border-color: #3e4358 transparent transparent transparent;}
.select__arrow_2{position: absolute;top: 40%;right:5px;pointer-events: none;width:9px; height:9px;border: 2px solid #3e4358;border-top: none;border-right: none; transform: rotate(-45deg);} /* line */
.select__arrow_3{position: absolute;top: 40%;right:5px;pointer-events: none;width:9px; height:9px;border: 2px solid #fff;border-top: none;border-right: none; transform: rotate(-45deg);} /* line */

.input_sty{display:inline-block;vertical-align:middle;transition: all 0.3s ease-out}
.input_sty input{width:100%;height:40px;padding:0 10px;border:1px solid var(--border-color);background:#fff;color:#000;font-size:15px;border-radius:4px;box-sizing:border-box;}
.input_sty input:focus {outline: none;background:#fff;border-color:var(--concept-color);}
.input_sty input:disabled, .input_sty input:read-only {background:#f1f1f1;}
.input_sty input:disabled:focus, .input_sty input:read-only:focus {border-color:var(--border-color); }
.input_sty.lg input{height:50px;}
.input_sty.ms input{height:26px;}
.input_sty.line input{padding:0 0px;border:1px solid #ccc;border-width:0 0 1px 0; border-radius:0px;}
.input_sty.non input{border:0;padding:0px;background:#fff;font-weight:600; color:var(--sub-color);font-size:18px;border-radius:0px; }

.input_sty.line-wh input{padding:0 0px;background: transparent;border:1px solid #ccc;border-width:0 0 1px 0; border-radius:0px;color:#fff;font-size:14px;padding:0px; }
.input_sty.line-wh input::placeholder {color:rgba(255, 255, 255, 0.8);}
.input_sty.line-wh input:-ms-input-placeholder {color:rgba(255, 255, 255, 0.8);}
.input_sty.line-wh input::-ms-input-placeholder {color:rgba(255, 255, 255, 0.8);}
.input_sty.line-wh input::-webkit-input-placeholder {color:rgba(255, 255, 255, 0.8);}
.input_sty.line-wh input::-moz-placeholder {color:rgba(255, 255, 255, 0.8);}

.input_search{position:relative;display:inline-block;vertical-align:middle;transition: all 0.3s ease-out}
.input_search input{width:100%;font-size:15px;color:#444;height:40px;padding:0px 40px 0 10px;border:1px solid var(--border-color);background:#fff;border-radius:4px;box-sizing:border-box;}
.input_search input:focus {outline: none;background-color: transparent;border-color:var(--concept-color);}
.input_search .btn__search{ position: absolute;top:0;right:15px;width:18px;height:40px;background:url(/images/layout/i_search_18.png) 0 50% no-repeat;text-indent: -9999px; /* top:50%;transform:translateY(-50%); */}

.input_search_line{position:relative;display:inline-block;vertical-align:middle;transition: all 0.3s ease-out}
.input_search_line input{width:100%;font-size:15px;color:#333;height:40px;padding:0px 30px 0 5px;border-bottom:2px solid #333;background:#fff;box-sizing:border-box;}
.input_search_line input:focus {outline: none;background-color: transparent;border-color:var(--concept-color);}
.input_search_line .btn__search{position: absolute;top:0;right:0px;width:18px;height:40px;background:url(/images/layout/i_search_18.png) 0 50% no-repeat;text-indent: -9999px; /* top:50%;transform:translateY(-50%); */}
.input_search_line input::placeholder {color:#333;}
.input_search_line input:-ms-input-placeholder {color:#333;}
.input_search_line input::-ms-input-placeholder { color:#333;}
.input_search_line input::-webkit-input-placeholder {color:#333;}
.input_search_line input::-moz-placeholder {color:#333;}

.textArea_sty1{}
.textArea_sty1 textarea{display: inline-block;width:100%;border:1px solid var(--border-color);height:300px;font-weight: 400;color:#000;font-size:15px;padding:10px;background:#fff;border-radius:4px;box-sizing: border-box;}
.textArea_sty1 textarea:focus {outline: none;border-color:var(--concept-color);}

.input_id{vertical-align:middle;height:40px;border-bottom:1px solid #d1d1d1;box-sizing:border-box;transition: all 0.3s ease-out} /* id */
.input_id input{width:100%; height:38px;padding:5px 5px 5px 40px;background:url(/images/layout/login-id.png) 5px 50% no-repeat;color:#666;box-sizing:border-box;}

.input_pw{vertical-align:middle;height:40px;border-bottom:1px solid #d1d1d1;box-sizing:border-box;transition: all 0.3s ease-out} /* pw */
.input_pw input{width:100%; height:38px;padding:5px 5px 5px 40px;background:url(/images/layout/login-pw.png) 5px 50% no-repeat;color:#666;box-sizing:border-box;}

.input_mail{vertical-align:middle;height:40px;border-bottom:1px solid #d1d1d1;box-sizing:border-box;transition: all 0.3s ease-out} /* pw */
.input_mail input{width:100%; height:38px;padding:5px 5px 5px 40px;background:url(/images/layout/icon-mail.png) 5px 50% no-repeat;color:#666;background-size:20px auto;  box-sizing:border-box;}

.input_calendar{position: relative;display:inline-block;vertical-align:middle;height:35px;border:0px solid #d9d9d9;background-color: transparent;border-radius:0px;box-sizing:border-box;transition: all 0.3s ease-out}
.input_calendar input{height:35px;padding:0px 25px 0px 2px;text-align:center;box-sizing:border-box;color:#666;font-size:13px;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;border-radius:0px;width:100%;}
.input_calendar input:focus {outline: none;background-color: transparent;border-color:var(--concept-color);}
.input_calendar input:disabled {background:#f1f1f1;}
.input_calendar .i_calendar{position: absolute;right:5px;top:0;border:0;display: inline-block;width:16px; height:20px;background:url(/images/layout/icon_calendar.png) 0 50% no-repeat;text-indent: -9999px;}

.checkbox{position:relative;}

/* btn-type -------------------------------------------------------------------*/
.btn-group { display: flex; margin:30px 0; gap:10px}
.btn-group.mw-1 > * {min-width:140px;}
.btn-group.mw150 > * {min-width:150px;}
.btn-group.mw200 > * {min-width:200px;}
.btn-group.mw250 > * {min-width:250px;}
.btn-group.m200 > * {min-width:240px;}
.btn-group.center { display: flex;justify-content: center;}
.btn-group.space-between {justify-content: space-between;}
.btn-group.right { justify-content: flex-end;}

.btn-group.wrap { display: flex;flex-wrap: wrap; }
.btn-group.wrap > * {min-width:260px;}

.btn-type {display:inline-flex;align-items: center; position:relative;cursor:pointer;transition:all 0.3s; line-height:1.2;padding:0 20px;font-family: var(--font-basic);text-align:center; justify-content: center;text-transform:capitalize;/*text-transform:uppercase;*/ border-radius:4px;box-sizing: border-box;}
.btn-type.btn {height:40px;font-weight:500;font-size:15px;} /* basic */
.btn-type.btn-lg {height:45px;font-weight:500;font-size:16px;padding:0 30px;}
.btn-type.btn-m {height:35px;font-weight:500;font-size:14px;}
.btn-type.btn-ms {height:30px;font-weight:500;font-size:13px;padding:0 15px;}
.btn-type.btn-s {height:24px;font-weight:500;font-size:12px;padding:0 15px;}

.btn-type.rbtn {height:40px;font-weight:500;font-size:15px;border-radius:24px;}
.btn-type.rbtn-lg {height:45px;font-weight:500;font-size:16px;border-radius:24px;}
.btn-type.rbtn-m {height:35px;font-weight:500;font-size:14px;border-radius:24px;}
.btn-type.rbtn-s {height:22px;font-weight:300;font-size:11px;border-radius:24px;padding:0px 12px;letter-spacing:0.03em; }

.btn-type.rbtn-1 {position: relative;height:40px;padding:0px 30px 0px 25px;justify-content:flex-start; font-size:16px;text-transform:uppercase;font-weight:600; border-radius:24px;}
.btn-type.rbtn-1::after { content: ' ';position: absolute; top: 50%;right: 20px; width: 8px; height: 2px; margin-top: -1px;background:#777; }
.btn-type.rbtn-1::before { content: ' ';position: absolute; top: 50%;right: 20px; width: 8px; height: 2px; margin-top: -1px;background:#777; transform: rotate(90deg);}

.btn-type.rbtn-2 {position: relative;height:40px;padding:0px 30px 0px 25px;justify-content:flex-start; font-size:16px;text-transform:uppercase;font-weight:600; border-radius:24px;}
.btn-type.rbtn-2::after { content: ' ';position: absolute; top: 50%;right: 20px; width: 8px; height: 2px; margin-top: -1px;background:var(--concept-color); }
.btn-type.rbtn-2::before { content: ' ';position: absolute; top: 50%;right: 20px; width: 8px; height: 2px; margin-top: -1px;background:var(--concept-color); transform: rotate(90deg);}

.btn-type.rbtn-3 {position: relative;height:45px;padding:0px 30px 0px 25px;justify-content:flex-start; font-size:16px;text-transform:uppercase;font-weight:600; border-radius:24px;}
.btn-type.rbtn-3::after { content: ' ';position: absolute; top: 50%;right: 20px; width: 8px; height: 2px; margin-top: -1px;background:var(--concept-color); }
.btn-type.rbtn-3::before { content: ' ';position: absolute; top: 50%;right: 20px; width: 8px; height: 2px; margin-top: -1px;background:var(--concept-color); transform: rotate(90deg);}

.i-arrow-wh{display: inline-block;min-height:15px;padding-right:40px;background:url(/images/layout/i-arrow-wh.png) right center no-repeat; }
.i-arrow-wh > em{font-style: normal;font-weight: 900;}

.i-arrow-b{display: inline-block;min-height:5px;padding-right:50px;background:url(/images/layout/i-arrow-b.png) right center no-repeat; }
.i-arrow-b > em{font-style: normal;font-weight:700;font-size:18px;margin-right:5px;}


.btn-type.off {color:#fff !important;border:1px solid #d3d5d7;background:#d3d5d7; paint-order:none; cursor:not-allowed;}

.i_right_arrow_wh {position: relative; padding-right:16px; text-align: left;}
.i_right_arrow_wh::after { content: ' ';position: absolute; top: 50%;right: 0px; width: 8px; height: 8px; margin-top: -4px;border: 1px solid #fff;border-top: none;border-right: none; transform: rotate(-135deg);}

.i_left_arrow {position: relative; padding-left:15px; text-align: left;}
.i_left_arrow::after { content: ' ';position: absolute; top: 50%;left: 0px; width: 8px; height: 8px; margin-top: -4px;border: 1px solid #666;border-top: none;border-right: none; transform: rotate(45deg);}

.i_right_arrow {position: relative; padding-right:15px; text-align: left;}
.i_right_arrow::after { content: ' ';position: absolute; top: 50%;right: 0px; width: 8px; height: 8px; margin-top: -4px;border: 1px solid #666;border-top: none;border-right: none; transform: rotate(-135deg);}
.i_right_arrow.point::after {border: 1px solid var(--point-color);border-top: none;border-right: none; transform: rotate(-135deg);}

.i_download {display:inline-block;min-height:12px; padding-right:30px;background:url(/images/layout/i_filedown.png) right center no-repeat;}
.i_right_w{display: inline-block;height:43px;padding-right:34px;background:url(/images/layout/i_right_w.png) right center no-repeat;}
.i_edit{display: inline-block;min-height:20px;padding-left:30px;background:url(/images/layout/i_edit.png) left center no-repeat;line-height:20px;}
.i-print{display: inline-block;min-height:18px;padding-left:28px;background:url(/images/layout/i_print-w.png) left center no-repeat;line-height:18px;}
.i_list_wh{display:inline-block;height:14px;padding-left:28px;background:url(/images/layout/ico_list_wh.png) left center no-repeat; line-height:14px;}
.i_edit_wh{display: inline-block;min-height:20px;padding-left:30px;background:url(/images/layout/i_edit_wh.png) left center no-repeat;line-height:20px;}
.i_phone{display: inline-block;min-height:20px;padding-left:24px;background:url(/images/layout/icon-phone.png) left center no-repeat;line-height:20px;}
.i_phone_wh{display: inline-block;min-height:20px;padding-left:20px;background:url(/images/layout/icon-phone-wh.png) left center no-repeat;line-height:20px; background-size:auto 14px; font-family: var(--font-basic);font-weight:400;font-size:14px;color:#fff; margin-right:10px;}
.i_download_wh {display:inline-block;width:15px;height:12px;background:url(/images/layout/i_filedown_wh.png) 50% 50% no-repeat;}
.i_newwin_wh {display:inline-block;min-height:15px; padding-left:22px;background:url(/images/layout/i_newwin_wh.png) 0 50% no-repeat;}
.i_link_wh {display:inline-block;min-height:15px; padding-left:22px;background:url(/images/layout/ico_link_w.png) 0 50% no-repeat;}

button:disabled,
button[disabled]{
    border: 1px solid #bbb !important;
    background-color: #bbb !important;
  color: #fff !important;
  pointer-events: none;
}

/* color */
.btn-type.black {color:#fff !important;border:1px solid #000;background:#000}
.btn-type.blue {color:#fff !important;border:1px solid #337bcc;background:#337bcc}
.btn-type.lblue {color:#fff !important;border:1px solid #1eb6ff;background:#1eb6ff}
.btn-type.dblue {color:#fff !important;border:1px solid #2f3858;background:#2f3858}
.btn-type.dgray {color:#fff !important;border:1px solid #53555e;background:#53555e}
.btn-type.gray {color:#fff !important;border:1px solid #717379;background:#717379}
.btn-type.lgray {color:#fff !important;border:1px solid #a3a5aa;background:#a3a5aa}
.btn-type.white{color:#323232 !important;border:1px solid #707070;background:#fff}
.btn-type.red {color:#fff !important;border:1px solid #e60012;background:#e60012}
.btn-type.orange {color:#fff !important;border:1px solid #fb9347;background:#fb9347}
.btn-type.green {color:#fff !important;border:1px solid #1fb25a;background:#1fb25a}
.btn-type.black_line {color:#262729 !important;border:1px solid #262729;background:#fff}
.btn-type.gray_line {color:#717379 !important;border:1px solid #717379;background:#fff}
.btn-type.lgray_line {color:#a3a5aa !important;border:1px solid #a3a5aa;background:#fff}
.btn-type.white_line {color:#fff !important;border:1px solid #fff;background-color:transparent; }
.btn-type.concept-color {color:#fff !important;border:1px solid var(--concept-color);background:var(--concept-color);}
.btn-type.concept-line {color:var(--concept-color);border:1px solid var(--concept-color);background:#fff}
.btn-type.second-color{color:#fff !important;border:1px solid var(--second-color);background:var(--second-color);}
.btn-type.second-line {color:var(--second-color);border:1px solid var(--second-color);background:#fff}
.btn-type.point-color{color:#fff !important;border:1px solid var(--point-color);background:var(--point-color);}
.btn-type.point-line {color:var(--point-color);border:1px solid var(--point-color);background:#fff}
.btn-type.d-olive {color:#fff !important;border:1px solid #596048;background:#596048}
.btn-type.sub-color{color:#fff !important;border:1px solid var(--sub-color);background:var(--sub-color);}
.btn-type.sub-line {color:var(--sub-color);border:1px solid var(--sub-color);background:#fff}


/* hover */
.btn-type:hover {/* box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2); */ filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7; }
.btn-type.off:hover { paint-order:none; cursor:not-allowed;}

.btn-type.black_line:hover .i-arrow-b{display: inline-block;min-height:5px;padding-right:50px;background:url(/images/layout/i-arrow-b-on.png) right center no-repeat; }
.btn-type.black:hover span.i_arrow::after{border: 1px solid #262729;}
.btn-type.blue:hover span.i_arrow::after{border: 1px solid #007dc6;}
.btn-type.dblue:hover span.i_arrow::after{border: 1px solid #2f3858;}
.btn-type.dgray:hover span.i_arrow::after{border: 1px solid #3c3e44;}
.btn-type.gray:hover span.i_arrow::after{border: 1px solid #717379;}
.btn-type.red:hover span.i_arrow::after{border: 1px solid #e60012;}

.btn-type.black_line:hover .i_right_arrow::after {border: 1px solid #fff;border-top: none;border-right: none; transform: rotate(-135deg)}
.btn-type.gray_line:hover .i_right_arrow::after {border: 1px solid #fff;border-top: none;border-right: none; transform: rotate(-135deg)}
.btn-type.lgray_line:hover .i_right_arrow::after {border: 1px solid #fff;border-top: none;border-right: none; transform: rotate(-135deg)}
.btn-type.white_line:hover .i_right_arrow::after {border: 1px solid #fff;border-top: none;border-right: none; transform: rotate(-135deg)}

.btn-type.concept-color:hover .i_edit_wh{background:url(/images/layout/i_edit.png) left center no-repeat;}
.btn-type.concept-color:hover .i-print{background:url(/images/layout/i_print-b.png) left center no-repeat;}

.ico-type {position:relative;display:inline-flex;justify-content: center;align-items: center;transition:all 0.3s;line-height:1;font-family: var(--font-basic); text-align:center;text-transform:capitalize;/*text-transform:uppercase;*/ border-radius:4px;box-sizing: border-box;}
.ico-type.ibtn {height:24px;font-weight:700;font-size:13px;padding:0 16px;}
.ico-type.ibtn-m {height:24px;font-weight:400;font-size:13px;padding:0 10px;}

/* color */
.ico-type.black {color:#fff !important;border:1px solid #000;background:#000}
.ico-type.blue {color:#fff !important;border:1px solid #3152a8;background:#3152a8}
.ico-type.dblue {color:#fff !important;border:1px solid #2f3858;background:#2f3858}
.ico-type.dgray {color:#fff !important;border:1px solid #3c3e44;background:#3c3e44}
.ico-type.gray {color:#fff !important;border:1px solid #717379;background:#717379}
.ico-type.lgray {color:#fff !important;border:1px solid #a3a5aa;background:#a3a5aa}
.ico-type.white{color:#323232 !important;border:1px solid #707070;background:#fff}
.ico-type.red {color:#fff !important;border:1px solid #c13239;background:#c13239}
.ico-type.orange {color:#fff !important;border:1px solid #fb9347;background:#fb9347}
.ico-type.black_line {color:#262729 !important;border:1px solid #262729;background:#fff}
.ico-type.gray_line {color:#717379 !important;border:1px solid #717379;background:#fff}
.ico-type.lgray_line {color:#a3a5aa !important;border:1px solid #a3a5aa;background:#fff}
.ico-type.white_line {color:#fff !important;border:1px solid #fff;background-color:transparent; }
.ico-type.concept-color {color:#fff !important;border:1px solid var(--concept-color);background:var(--concept-color);}
.ico-type.concept-line {color:var(--concept-color) !important;border:1px solid var(--concept-color);background:#fff}
.ico-type.second-color{color:#fff !important;border:1px solid var(--second-color);background:var(--second-color);}
.ico-type.second-line {color:var(--second-color);border:1px solid var(--second-color);background:#fff}
.ico-type.point-color{color:#fff !important;border:1px solid var(--point-color);background:var(--point-color);}
.ico-type.point-line {color:var(--point-color);border:1px solid var(--point-color);background:#fff}

.ico-type.orange-line {color:#fb9347;border:1px solid #fb9347;background:#fff;} 
.ico-type.green-line {color:#38bb42;border:1px solid #38bb42;background:#fff;} 
.ico-type.purple-line {color:#5c20cb;border:1px solid #5c20cb;background:#fff;} 
.ico-type.red-line {color:#e60012;border:1px solid #e60012;background:#fff;} 


.left-more {display:inline-block; text-align:right; height: auto;}
.left-more .circle {transition: all 0.2s cubic-bezier(0.65, 0, 0.076, 1); position: relative;  display: block; margin: 0;  width:42px;  height: 42px; background: var(--concept-color);  border-radius:21px;}
.left-more .circle .icon { transition: all 0.2s cubic-bezier(0.65, 0, 0.076, 1); position: absolute; top: 0; bottom: 0; margin: auto; background: #fff;animation: button-text-Ani 0.6s 0.1s both;}
.left-more .circle .icon.arrow {transition: all 0.2s cubic-bezier(0.65, 0, 0.076, 1); left:12px; width:18px;  height:2px;background: #fff;}
.left-more .circle .icon.arrow::before { position: absolute;  content: ""; top:-8px; right:9px; width: 2px; height:18px;background: #fff; }
.left-more .button-text {transition: all 0.2s cubic-bezier(0.65, 0, 0.076, .5);  position: absolute;  top: 0;  left: 0; right: 0;  bottom: 0; padding: 14px 0 0;font-size:18px;color: #fff;  line-height:1; text-align: center;
 text-transform: uppercase; display:none;opacity: 0;}
.left-more:hover .circle { width: 200px;}
.left-more:hover .circle .icon{display:none;}
.left-more:hover .button-text {display:inline-block !important;opacity: 1; animation: button-text-Ani 1s 0.1s both;}

.right-more {display:inline-block; text-align:right; height: auto;}
.right-more .circle {transition: all 0.2s cubic-bezier(0.65, 0, 0.076, 1); position: relative;  display: block; margin: 0;  width:42px;  height: 42px; background: var(--concept-color);  border-radius:21px;}
.right-more .circle .icon { transition: all 0.2s cubic-bezier(0.65, 0, 0.076, 1); position: absolute; top: 0; bottom: 0; margin: auto; background: #fff;animation: button-text-Ani 0.6s 0.1s both;}
.right-more .circle .icon.arrow {transition: all 0.2s cubic-bezier(0.65, 0, 0.076, 1); left:12px; width:18px;  height:2px;background: #fff;}
.right-more .circle .icon.arrow::before { position: absolute;  content: ""; top:-8px; right:9px; width: 2px; height:18px;background: #fff; }
.right-more .button-text {transition: all 0.2s cubic-bezier(0.65, 0, 0.076, .5);  position: absolute;  top: 0;  left: 0; right: 0;  bottom: 0; padding: 14px 0 0;font-weight: 600; font-size:18px;color: #fff;  line-height:1; text-align: center;
 text-transform: uppercase; display:none;opacity: 0;}
.right-more:hover .circle { width:210px;}
.right-more:hover .circle .icon{display:none;}
.right-more:hover .button-text {display:inline-block !important;opacity: 1; animation: button-text-Ani 1s 0.1s both;}


.right-more.wh .circle {background:#fff;}
.right-more.wh .circle .icon {background: var(--concept-color);}
.right-more.wh .circle .icon.arrow {background: var(--concept-color);}
.right-more.wh .circle .icon.arrow::before {background: var(--concept-color);}
.right-more.wh .button-text {color: var(--concept-color);}

@keyframes button-text-Ani {
    0% {opacity: 0;}
    100% {opacity: 1;}
}



@media screen and (max-width: 768px) {
input[type=checkbox] + label{font-size:14px;line-height:18px;padding-left:28px;} 
input[type=checkbox]+ label:before {width:18px;height:18px;} 

input[type=radio] + label{font-size:14px;}

.btn-group {gap:5px}
.btn-group.mw150 > * {min-width:auto; flex:1;}
.btn-group.mw200 > * {min-width:auto; flex:1;}
.btn-group.mw250 > * {min-width:auto; flex:1;}

.btn-type.btn {font-size:14px;} /* basic */
.btn-type.btn-lg {font-size:15px;}
.btn-type.btn-m {font-size:13px;}
.btn-type.btn-s {font-size:12px;padding:0 15px;}

.btn-type.rbtn {font-size:14px;}
.btn-type.rbtn-lg{height:45px;font-size:15px;}
.btn-type.rbtn-m {font-size:13px;}


/* 모바일 오버기능 삭제 */
.btn-type.black:hover {color:#fff !important;border:1px solid #000;background:#000}
.btn-type.blue:hover {color:#fff !important;border:1px solid #337bcc;background:#337bcc}
.btn-type.dblue:hover {color:#fff !important;border:1px solid #2f3858;background:#2f3858}
.btn-type.dgray:hover {color:#fff !important;border:1px solid #3c3e44;background:#3c3e44}
.btn-type.gray:hover {color:#fff !important;border:1px solid #717379;background:#717379}
.btn-type.lgray:hover {color:#fff !important;border:1px solid #a3a5aa;background:#a3a5aa}
.btn-type.white:hover{color:#323232 !important;border:1px solid #707070;background:#fff}
.btn-type.red:hover {color:#fff !important;border:1px solid #e60012;background:#e60012}
.btn-type.orange:hover {color:#fff !important;border:1px solid #fb9347;background:#fb9347}
.btn-type.green:hover {color:#fff !important;border:1px solid #1fb25a;background:#1fb25a}
.btn-type.black_line:hover {color:#262729 !important;border:1px solid #262729;background:#fff}
.btn-type.gray_line:hover {color:#717379 !important;border:1px solid #717379;background:#fff}
.btn-type.lgray_line:hover {color:#a3a5aa !important;border:1px solid #a3a5aa;background:#fff}
.btn-type.white_line:hover {color:#fff !important;border:1px solid #fff;background-color:transparent; }
.btn-type.concept-color:hover {color:#fff !important;border:1px solid var(--concept-color);background:var(--concept-color);}
.btn-type.concept-line:hover {color:var(--concept-color);border:1px solid var(--concept-color);background:#fff}
.btn-type.second-color:hover{color:#fff !important;border:1px solid var(--second-color);background:var(--second-color);}
.btn-type.second-line:hover {color:var(--second-color);border:1px solid var(--second-color);background:#fff}
.btn-type.point-color:hover{color:#fff !important;border:1px solid var(--point-color);background:var(--point-color);}
.btn-type.point-line:hover {color:var(--point-color);border:1px solid var(--point-color);background:#fff}

.left-more .circle { width: 200px;}
.left-more .circle .icon{display:none;}
.left-more .button-text {display:inline-block !important;opacity: 1; animation: button-text-Ani 1s 0.1s both;}

.right-more:hover .circle { width:42px;}
.right-more:hover .circle .icon{display:inline-block !important;}
.right-more:hover .button-text {display:none !important;}
.right-more.w1:hover .circle { width:42px;}

}

@media screen and (max-width: 540px) {
.select_sty select{font-size:14px !important;}
.input_sty input{font-size:14px !important;}

.textArea_sty1 textarea{font-size:14px; height:200px; }

/*
input::placeholder {color:#888;font-size:14px;}
input:-ms-input-placeholder {color:#888;font-size:14px;}
input::-ms-input-placeholder { color:#888;font-size:14px;}
input::-webkit-input-placeholder {color:#888;font-size:14px;}
input::-moz-placeholder {color:#888;font-size:14px;}

textarea::placeholder {color:#888;font-size:14px;}
textarea:-ms-input-placeholder {color:#8886;font-size:14px;}
textarea::-ms-input-placeholder {color:#888;font-size:14px;}
textarea::-webkit-input-placeholder {color:#888;font-size:14px;}
textarea::-moz-placeholder {color:#888;font-size:14px;}
*/

.select-wrap .nice-select .list::-webkit-scrollbar {width: 2px;height: 2px;}
.select-wrap.line .nice-select {padding-right:20px;}

.input_id input{padding:5px 5px 5px 30px;background-size:16px auto;}
.input_pw input{padding:5px 5px 5px 30px;background-size:16px auto;}



}

@media screen and (max-width: 375px) {
.btn-group.mw-1 > * {min-width:auto; flex:1;}
}

@media screen and (max-width: 320px) {
    input[type=checkbox] + label{padding-left:24px;line-height:18px;font-size:13px;}
    input[type=radio] + label{font-size:13px;}   

    .select_sty select{font-size:13px !important;}
    .input_sty input{font-size:13px !important;}

    .textArea_sty1 textarea{font-size:13px;}
    
    input::placeholder {font-size:13px;}
    input:-ms-input-placeholder {font-size:13px;}
    input::-ms-input-placeholder {font-size:13px;}
    input::-webkit-input-placeholder {font-size:13px;}
    input::-moz-placeholder {font-size:13px;}
    
    textarea::placeholder {font-size:13px;}
    textarea:-ms-input-placeholder {font-size:13px;}
    textarea::-ms-input-placeholder {font-size:13px;}
    textarea::-webkit-input-placeholder {font-size:13px;}
    textarea::-moz-placeholder {font-size:13px;}

    
    }