/************************************************************************
 * 파일명	: common.css
 * 설명		: 공통 CSS
************************************************************************/

/* font */
@font-face {
  font-family: 'Nanum-regular';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/NanumGothic-Regular.eot);
  src: url(fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(fonts/NanumGothic-Regular.woff2) format('woff2'),
       url(fonts/NanumGothic-Regular.woff) format('woff'),
       url(fonts/NanumGothic-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum-bold';
  font-style: normal;
  font-weight: 700;
  src: url(fonts/NanumGothic-Bold.eot);
  src: url(fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(fonts/NanumGothic-Bold.woff2) format('woff2'),
       url(fonts/NanumGothic-Bold.woff) format('woff'),
       url(fonts/NanumGothic-Bold.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum-ExtraBold';
  font-style: normal;
  font-weight: 800;
  src: url(fonts/NanumGothic-ExtraBold.eot);
  src: url(fonts/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(fonts/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(fonts/NanumGothic-ExtraBold.woff) format('woff'),
       url(fonts/NanumGothic-ExtraBold.ttf) format('truetype');
}


@font-face {
  font-family: 'Nanum Square';
  src: url('fonts/NanumSquareL.eot'); /* IE9 Compat Modes */
  src: url('fonts/NanumSquareL.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/NanumSquareL.woff') format('woff'), /* Modern Browsers */
       url('fonts/NanumSquareL.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/NanumSquareOTFLight.svg#017f9c78318bcde3d1dc4451e8eaca0a') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  300;
}

@font-face {
  font-family: 'Nanum Square';
  src: url('fonts/NanumSquareR.eot'); /* IE9 Compat Modes */
  src: url('fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/NanumSquareR.woff') format('woff'), /* Modern Browsers */
       url('fonts/NanumSquareR.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/NanumSquareOTFR.svg#9e23ceb0c858ca37642ba540402577eb') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: 'Nanum Square';
  src: url('fonts/NanumSquareB.eot'); /* IE9 Compat Modes */
  src: url('fonts/NanumSquareB.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/NanumSquareB.woff') format('woff'), /* Modern Browsers */
       url('fonts/NanumSquareB.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/NanumSquareOTFB.svg#a41a1fda1fdf3dafd3394867a156b1cf') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  700;
}

@font-face {
  font-family: 'Nanum Square';
  src: url('fonts/NanumSquareEB.eot'); /* IE9 Compat Modes */
  src: url('fonts/NanumSquareEB.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/NanumSquareEB.woff') format('woff'), /* Modern Browsers */
       url('fonts/NanumSquareEB.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/NanumSquareOTFExtraBold.svg#090d6763bc81b49309446d23fbd10e87') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  900;
}




/* common */
* {margin:0; padding:0;}
html {height:100%;}
body {background:#fff; overflow-y:scroll; *overflow-y:; color:#353535; font-size:14px; line-height:1.4em; font-family:'Nanum-regular','맑은 고딕','AppleGothic','돋움','Dotum', sans-serif; -webkit-text-size-adjust:none; word-spacing:0; letter-spacing:0; margin:0px;}
a:link	{font-family: 'Nanum-regular'; color:#353535; text-decoration:none}
a:visited	{color:#353535; text-decoration:none}
a:hover	{color:#737373; text-decoration:none}
a:active	{color:#008485; text-decoration:none}

img	{border:0 none;}
ol,	ul/*,	li*/	{list-style-type:none}
h1,	h2,	h3,	h4,	h5,	h6	{font-weight:normal}
hr	{border:0; border-top:1px solid #dedede}
strong, table th	{font-weight:normal}

legend{height:0; font-size:0; line-height:0}

/* 정렬 */
.fl_left	{float:left}
.fl_right	{float:right}
.fl_clear	{clear:both; height:0; font-size:0; line-height:0}

.al_left	{text-align:left !important}
.al_center	{text-align:center}
.al_right	{text-align:right}
.al_top	{vertical-align:top}
.al_middle	{vertical-align:middle}
.al_bottom	{vertical-align:bottom}
.al_justify  {text-align:justify}

.hand	{cursor:pointer}
.overflow	{overflow:auto; overflow:hidden}
.none	{display:none !important}
.hide	{display:block; overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; text-indent:-6669px;}
.pos_rel	{position:relative}

.clfix:after	{content: "."; display: block; height:0px; clear:both; visibility:hidden}
.clfix	{display: inline-block}
.clfix	{display: block}
* html	.clfix	{height:1%} /* Hides from IE-mac */
.clfix	{zoom:1} /*for IE 5.5-7*/

.weight {font-family:"Nanum-bold";}
.weightRegular {font-family:"Nanum-regular" !imoprtant; font-weight:normal;}

.small_spacing {letter-spacing:-0.05em;}
.small_txt {font-size:0.75em;}

/* 폰트칼라 */
.txt_white {color:#fff;}
.txt_navy {color:#103560;}
.txt_gray {color:#a7afb9;}


/* 폰트사이즈 */
.f_size15 {font-size:15px; line-height:1.8em;}
.f_size18 {font-size:18px; line-height:1.8em;}
.f_size25 {font-size:25px; line-height:1.8em;}


/* 타이틀 하단 라인  */
.white_b_line {width:50px; height:2px; background-color:#fff; display:block;}
.white_b_line2 {width:50px; height:2px; background-color:#fff; display:block; }
.white_b_line3 {width:50px; height:2px; background-color:#000; display:block; margin:0 auto;}

.blue_b_line {width:30px; height:2px; background-color:#5493dd; display:block;}


/* form */
fieldset	{border:0 none}
label	{}
input[type='text']	{height:26px; margin:0; padding:6px 9px 6px 9px; border:1px solid #a6a6a6; background:#fff; color:#4c4c4c; font-size:13px; line-height:26px; vertical-align:middle; font-family:'Nanum-regular','맑은 고딕','돋움','Dotum', sans-serif;}
input[type='text'],	input[type='password']	{-webkit-border-radius:0; -webkit-appearance:none}
input[type=submit], input[type=button]	{cursor:pointer}
::-webkit-input-placeholder	{}
input.txt	{height:24px; margin:0; padding:7px 9px 7px 9px; border:1px solid #999; background:#fff; color:#4c4c4c; font-size:13px; line-height:24px; vertical-align:middle}
input.txt:focus	{border-color:#000}
/*select {height:30px; margin:0; border:1px solid #999;  color:#252525; font-family:'Nanum-regular','맑은 고딕','돋움','Dotum', sans-serif;}*/
textarea {padding:4px; border:1px solid #999; background:#fff; color:#4c4c4c; font-size:13px; overflow-y:scroll; resize:vertical; -webkit-appearance:none}
button {display:inline-block; padding:0; border:0; background:transparent; text-align:center; vertical-align:middle; cursor:pointer; white-space:nowrap}




/****************************** 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}.mt51 {margin-top:51px !important}.mt52 {margin-top:52px !important}.mt53 {margin-top:53px !important}.mt54 {margin-top:54px !important}.mt55 {margin-top:55px !important}.mt56 {margin-top:56px !important}.mt57 {margin-top:57px !important}.mt58 {margin-top:58px !important}.mt59 {margin-top:59px !important}.mt60 {margin-top:60px !important}.mt98 {margin-top:98px !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}.mr51 {margin-right:51px !important}.mr52 {margin-right:52px !important}.mr53 {margin-right:53px !important}.mr54 {margin-right:54px !important}.mr55 {margin-right:55px !important}.mr56 {margin-right:56px !important}.mr57 {margin-right:57px !important}.mr58 {margin-right:58px !important}.mr59 {margin-right:59px !important}.mr60 {margin-right:60px !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}.mb80 {margin-bottom:80px !important}.mb90 {margin-bottom:90px !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}
.ml43p {margin-left:43%;}

.mt-15 {margin-top:-15px;}
.mt-35 {margin-top:-35px;}
.mt-80 {margin-top:-80px;}
.ml-85 {margin-left:-85px;}
.mt70 {margin-top:70px;}
.mt100 {margin-top:100px;}


.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt50 {padding-top:50px  !important;}
.pb30 {padding-bottom:30px;}
.pb50 {padding-bottom:50px  !important;}
.pb100 {padding-bottom:100px;}

.p15 {padding:15px;}



@media all and (max-width:820px){

/* 폰트사이즈 */
.f_size15 {font-size:14px !important; }
.f_size18 {font-size:16px !important;}
.f_size25 {font-size:20px !important; }
.mt100 {margin-top:50px;}
.mt70  {margin-top:40px;}

}



@media all and (max-width:628px){

/* 타이틀 하단 라인  */
.white_b_line {width:30px; height:2px; background-color:#fff; display:block;}
.white_b_line2 {width:30px; height:2px; background-color:#fff; display:block;}
.white_b_line3 {width:30px; height:2px; background-color:#000; display:block; margin:0 auto;}


/* 폰트사이즈 */
.f_size15 {font-size:13px !important; line-height:1.3em;}
.f_size18 {font-size:15px !important; line-height:1.3em;}
.f_size25 {font-size:18px !important; line-height:1.3em;}
.mt100 {margin-top:30px;}
.mt70  {margin-top:30px;}
.mt40  {margin-top:15px;}
.mt20  {margin-top:10px;}
.txt_white.f_size18 {color:#d0d0d0;}
.txt_white.f_size15 {color:#d0d0d0;}
.txt_white.f_size18.small_spacing {color:#fff;}
}


@media all and (max-width:428px){
/* 폰트사이즈 */
.f_size15 {font-size:13px !important; line-height:1.3em;}
.f_size18 {font-size:14px !important; line-height:1.3em;}
.f_size25 {font-size:18px !important; line-height:1.3em;}

.mt40  {margin-top:10px;}
.mt20  {margin-top:5px;}
.mt100 {margin-top:20px;}
}