@charset "utf-8";
/* uracle pjt-team Leemh 20130715 */

@font-face {
font-family: 'NotoKrL';
font-style: normal;
font-weight: 100;
src: local('Noto Sans Light'), local('NotoSans-Light'), url(/fonts/NotoSans-Light.eot);
src: url(/fonts/NotoSans-Light.eot?#iefix) format('embedded-opentype'),
url(/fonts/NotoSans-Light.woff2) format('woff2'),
url(/fonts/NotoSans-Light.woff) format('woff');;
}
@font-face {
font-family: 'NotoKrR';
font-style: normal;
font-weight: 300;
src: local('Noto Sans Regular'), local('NotoSans-Regular'), url(/fonts/NotoSans-Regular.eot);
src: url(/fonts/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
url(/fonts/NotoSans-Regular.woff2) format('woff2'),
url(/fonts/NotoSans-Regular.woff) format('woff');
}
@font-face {
font-family: 'NotoKrM';
font-style: normal;
font-weight: 500;
src: local('Noto Sans Medium'), local('NotoSans-Medium'), url(/fonts/NotoSans-Medium.eot);
src: url(/fonts/NotoSans-Medium.eot?#iefix) format('embedded-opentype'),
url(/fonts/NotoSans-Medium.woff2) format('woff2'),
url(/fonts/NotoSans-Medium.woff) format('woff');
}
@font-face {
font-family: 'NotoKrB';
font-style: normal;
font-weight: 700;
src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(/fonts/NotoSans-Bold.eot);
src: url(/fonts/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
url(/fonts/NotoSans-Bold.woff2) format('woff2'),
url(/fonts/NotoSans-Bold.woff) format('woff');
}
@font-face {
	font-family: 'NanumBarun';
	src: url('/fonts/NanumBarunGothicUltraLight.eot');
	src: local(※), url('/fonts/NanumBarunGothicUltraLight.woff2') format('woff2'),
	url('/fonts/NanumBarunGothicUltraLight.woff') format('woff'),
	url('/fonts/NanumBarunGothicUltraLight.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'NanumBarun';
	src: url('/fonts/NanumBarunGothicLight.eot');
	src: local(※), url('/fonts/NanumBarunGothicLight.woff2') format('woff2'),
	url('/fonts/NanumBarunGothicLight.woff') format('woff'),
	url('/fonts/NanumBarunGothicLight.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'NanumBarun';
	src: url('/fonts/NanumBarunGothic.eot');
	src: local(※), url('/fonts/NanumBarunGothic.woff2') format('woff2'),
	url('/fonts/NanumBarunGothic.woff') format('woff'),
	url('/fonts/NanumBarunGothic.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'NanumBarun';
	src: url('/fonts/NanumBarunGothicBold.eot');
	src: local(※), url('/fonts/NanumBarunGothicBold.woff2') format('woff2'),
	url('/fonts/NanumBarunGothicBold.woff') format('woff'),
	url('/fonts/NanumBarunGothicBold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}

 
/*위 방식중 한가지로 반영하였으면 이제 실제로 원하는 곳에 스타일을 적용하면 된다.
body { font-family: 'Noto Sans KR', sans-serif; }

4번 직접로딩인 경우에는 굵기별로 지정한 명칭에 맞게 따로 지정해주면 된다.
body { font-family: 'NotoKrR', sans-serif; }
strong { font-family: 'NotoKrB', sans-serif; }
th { font-family: 'NotoKrM', sans-serif; }*/


/* 2020.07
*{-webkit-text-size-adjust:none;word-break:break-all;} 
*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;vertical-align:middle;-webkit-appearance:none;appearance:none;-moz-appearance:none;resize:none;}
*{font-size: 1.2rem;color: #333;text-align: left;line-height: 140%;}

html {font-size:62.5%;} 
*/



/* iPhone 3 이상 */
@media only screen and (min-width:320px) {
	html{font-size:100%;} 
}
/* Galaxy Note 2 이상 */
@media only screen and (min-width:360px) {
	html{font-size:100%;}
}
/* Galaxy Tablet 이상 */
@media only screen and (min-width:700px) {
	html{font-size:100%;} 
}


/* 2020.07 
html,body{position:relative;width:100%; height:100%;min-height: 100%;-webkit-overflow-scrolling: touch;background: #fff;font-family: "NanumBarun", sans-serif;}
body,object,iframe,
h1,h2,h3,h4,h5,h6,div,span,p,blockquote,pre,abbr,acronym,address,cite,code,del,dfn,em,img,figure,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
form,fieldset,legend,a,textarea,input,option,button,label,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
	margin:0;padding:0;border:0;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;
} 
*/

/* =====  Media ===== */
audio:not([controls]){display:none;height:0;}

/* =====  Link ===== */
/* 2020.07
a:link{text-decoration:none;}
a:focus{}
a:active,a:hover {text-decoration:none;}
a:visited{text-decoration:none;} 
*/

/* =====  Typography ===== */
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:inherit;}
b{font-weight:bold;}
strong{font-weight:normal;vertical-align:middle;}
hr{display:none;box-sizing:content-box;height:0;}
address, caption, cite, code, dfn, em, var{font-style:normal;font-weight:normal;}
abbr, acronym, img, button{border:0;}
pre{white-space:pre-wrap;}
q{quotes:"\201C" "\201D" "\2018" "\2019";}
sub, sup{position:relative;line-height:0;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
span,em{vertical-align:top;}

/* List */
ul, ol, li{list-style:none;}

/* =====  Figures ===== */
figure{margin:0;}

/* =====  Forms ===== */
button{cursor:pointer;}
button, input,  textarea{border:0 none;}
select{-webkit-appearance:menulist;appearance:menulist;} 
textarea{border:solid 1px #ccc;vertical-align:top;}

/* =====  Table ===== */
table{border-collapse:collapse;empty-cells:show;border-spacing:0;table-layout:fixed;}
table caption, fieldset legend{display:none;}
table {width:100%;}


/* 2020.07 주석처리
input[type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-outer-spin-button,
input[type="time"]::-webkit-inner-spin-button, input[type="time"]::-webkit-outer-spin-button,
input[type="month"]::-webkit-inner-spin-button, input[type="month"]::-webkit-outer-spin-button {
    display: none;-webkit-appearance:none;margin: 0;
}
input[type="time"]::-webkit-time-cancel-button {-webkit-appearance:none;display: none;}
input::-webkit-calendar-picker-indicator {
    display: none;-webkit-appearance:none;margin: 0;
}
input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {-webkit-appearance: none;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #999;font-size: 1.8rem;font-weight: normal;}
*/


/*==========================================================================
 - summary :common
==========================================================================*/
abbr[title]{border-bottom:1px dotted;}

/* Align */
.ta_r{text-align:right !important;}
.ta_l{text-align:left !important;}
.ta_c{text-align:center !important;}
.va_t{vertical-align:top !important;}
.va_m{vertical-align:middle !important;}
.va_b{vertical-align:bottom !important;}
.va_b2{vertical-align:baseline !important;}
.fl_l{display:inline-block;float:left !important;vertical-align:middle;}
.fl_r{display:inline-block;float:right !important;vertical-align:middle;}
.over_h{overflow:hidden !important;width:100%;}
.clear{clear:both !important;}
.clear_l{clear:left !important;}
.clear_r{clear:right !important;}
.posi_a{position:absolute !important;}
.posi_r{position:relative !important;}
.vait {vertical-align: inherit !important;}

/* display style */
.block{display:block !important;}
.none{display:none !important;}
.inline{display:inline !important;}

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

/* hidden */
.blind{visibility:hidden;font-size:0;text-indent:-20000rem;}

.toggle_box .hidden, .toggle_box2 .hidden, .hidden {display:none;}
.disabled {border:0 !important;box-shadow:none !important;background: #f2f2f2 !important;}
.disabled div, .disabled span  {color: #c8c8c8 !important;}

/* Text overflow with ellipsis (줄임말) */
.ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:120%;}
.ellipsis2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:120%;}

/* 영역을 벗어나는 텍스트 줄 바꿈 처리(예:긴 URL) */
.break{word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}

/* webkit box */
.hbox {display:-webkit-box;display:box;-webkit-box-orient:horizontal;box-orient:horizontal;}
.vbox {display:-webkit-box;display:box;-webkit-box-orient:vertical;box-orient:vertical;}

.scroll {overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-box-flex:1;padding-bottom: 1rem;}
.scroll2 {overflow-y:auto;padding-bottom: 1rem;}
.pop_scroll {-webkit-overflow-scrolling:touch;-webkit-box-flex:1;padding-bottom: 1rem;overflow: hidden;}
.scroll.hidn {overflow-y: hidden;}
.hbox > *, .vbox > *{display:block;}
/* 가로 :box-pack:start|end|center|justify;*/
/* 세로 :box-align:start|end|center|baseline|stretch;*/

input:-webkit-autofill {background: #fff}

.ima {ime-mode:active;} /* 한글키패드 */
.imi {ime-mode:inactive;} /* 영문키패드 */

.dpflex {display: flex;}
.ais {align-items: stretch;}
.aic {align-items: center;}
.ss{-webkit-box-pack:start;-webkit-box-align:start;box-pack:start;box-align:start;}		/*1/4 */
.es{-webkit-box-pack:end;-webkit-box-align:start;box-pack:end;box-align:start;}			/*2/4  */
.se{-webkit-box-pack:start;-webkit-box-align:end;box-pack:start;box-align:end;} 			/*3/4 */
.ee{-webkit-box-pack:end;-webkit-box-align:end;box-pack:end;box-align:end;}			/*4/4 */
.cc{-webkit-box-pack:center;-webkit-box-align:center;box-pack:center;box-align:center;}		/*중앙  */
.js{-webkit-box-pack:justify;-webkit-box-align:start;box-pack:justify;box-align:start;}
.jc{-webkit-box-pack:justify;-webkit-box-align:center;box-pack:justify;box-align:center;}
/* flex */
.flex > * {-webkit-box-flex:1;box-flex:1;}
.flex {-webkit-box-flex:1;box-flex:1;}
.flex2 {-webkit-box-flex:2;}
.flex3 {-webkit-box-flex:3;}
.flex4 {-webkit-box-flex:4;}
.flex5 {-webkit-box-flex:5;}
.flex6 {-webkit-box-flex:6;}

.wp35 {width: 35% !important}
.wp50 {width: 50% !important}
.wp59 {width: 59% !important}
.wp65 {width: 65% !important}
.wp75 {width: 75% !important}
.wp100 {width: 100% !important}
.h100 {height: 100%;}
.h10 {height: 10rem;}
.mh36 {max-height: 36rem;}

.mgt5 {margin-top: .5rem !important}
.mgt10 {margin-top: 1rem !important}
.mgt20 {margin-top: 2rem !important}
.mgt30 {margin-top: 3rem !important}
.mgt40 {margin-top: 4rem !important}
.mgl5 {margin-left: 10px !important}
.mgl10 {margin-left: 1rem !important}
.mgl0 {margin-left: 0 !important}

.mgm10 {margin: -1rem -1rem 0 -1rem;}
.mgm20 {margin: 0 -1rem;}

.pdt5 {padding-top: .5rem !important;}
.pd15 {padding: 0 1.5rem}
.pdtb5 {padding: .5rem 0  !important;}
.pdl10 {padding-left: 1rem;}
.pdl15 {padding-left: 1.5rem;}

.typd01 {padding: 1rem 3rem;}
.typd02 {padding: 0 .5rem;}

.mw88 {min-width: 8.8rem;}



.ft_none {float: none !important}


.orange {color: #ff8131 !important;}
.green {color: #00c9ad !important;}
.red {color: #ff0000 !important;}

.bg1 {background: #fcfaf5;}


.psn1 {position: absolute;right: .5rem;top: .2rem;}
.psn2 {position: absolute;right: 3.5rem;top: .2rem;}
.psn3 {position: absolute;right: .5rem;top: .5rem;}
.psn4 {position: absolute;left: 4rem;top: 1rem;}