@charset "utf-8";

/*------------------------------------------------------------------------------------------------------------------------------------------
	File : Common.CSS 
	Company : The Webstyle co.,ltd 
 	Author : Woo Seok, Shin 2015-06
 	CSS 적용순서 : 아이디 > 태그와 클래스 > 클래스 > 태그
	CSS 선택자 선언순서 : Type Selector, Layout Selector, Class Selector, Etc
	CSS 속성 선언순서 : display, position, float/clear, overflow, width/height, margin/padding, border, background, color/font, align, etc 
--------------------------------------------------------------------------------------------------------------------------------------------*/

.blind {position:absolute; top:0; left:0; overflow:hidden; width:0; height:0; font-size:0; line-height:0; opacity:0;}
.pr {position:relative;}
.ab_r {position:absolute; right:0px;}


/* #overflow */
.overHidden {overflow:hidden;}
.scroll {overflow:auto;}
.scrollX {overflow-x:scroll;}
.scrollY {overflow-y:scroll;}

/* #display */
.dis_inline {display:inline;}
.dis_inBlock {display:inline-block; *display:inline; *zoom:1;}
.dis_block {display:block;}
.dis_none {display:none !important;}

/* #float */
.fl {float:left !important;}
.fr {float:right !important;}
.cb {clear:both !important;}

.clearfix {*zoom:1;}
.clearfix:after {content:""; display:block; clear:both;}

/* #width */
.w10p {width:10% !important;}
.w15p {width:15% !important;}
.w20p {width:20% !important;}
.w25p {width:25% !important;}
.w30p {width:30% !important;}
.w33p {width:33.33333% !important;}
.w35p {width:35% !important;}
.w40p {width:40% !important;}
.w50p {width:50% !important;}
.w60p {width:60% !important;}
.w70p {width:70% !important;}
.w75p {width:75% !important;}
.w80p {width:80% !important;}
.w85p {width:85% !important;}
.w90p {width:90% !important;}
.w95p {width:95% !important;}
.w100p {width:100% !important;}
.w60 {width:60px !important;}
.w80 {width:80px !important;}
.w85 {width:85px !important;}
.w100 {width:100px !important;}
.w150 {width:150px !important;}
.w210 {width:210px !important;}

/* #height */
.h100 {height:100px;}
.h500 {height:500px;}

.min_240 {min-height:240px !important;}
.min_h300 {min-height:300px !important;}
.min_h650 {min-height:650px !important;}

/* #size */
.size100 {width:100px;}
.size160 {width:160px;}
.size197 {width:197px;}
.size100p {width:100%;}


/* #margin */
.mar0    {margin:0px !important;}
.mar_t0  {margin-top:0px !important;}
.mar_t2  {margin-top:2px !important;}
.mar_t3  {margin-top:3px !important;}
.mar_t5  {margin-top:5px !important;}
.mar_t10 {margin-top:10px !important;}
.mar_t12 {margin-top:12px !important;}
.mar_t15 {margin-top:15px !important;}
.mar_t20 {margin-top:20px !important;}
.mar_t30 {margin-top:30px !important;}
.mar_t50 {margin-top:50px !important;}
.mar_t80 {margin-top:80px !important;}

.mar_r0  {margin-right:0px !important;}
.mar_r3  {margin-right:3px !important;}
.mar_r5  {margin-right:5px !important;}
.mar_r6	 {margin-right:6px !important;}
.mar_r10 {margin-right:10px !important;}
.mar_r15 {margin-right:15px !important;}
.mar_r20 {margin-right:20px !important;}
.mar_r30 {margin-right:30px !important;}

.mar_b3  {margin-bottom:3px !important;}
.mar_b5  {margin-bottom:5px !important;}
.mar_b10 {margin-bottom:10px !important;}
.mar_b15 {margin-bottom:15px !important;}
.mar_b20 {margin-bottom:20px !important;}
.mar_b30 {margin-bottom:30px !important;}

.mar_l5  {margin-left:5px !important;}
.mar_l10 {margin-left:10px !important;}
.mar_l15 {margin-left:15px !important;}
.mar_l20 {margin-left:20px !important;}
.mar_l25 {margin-left:20px !important;}
.mar_l30 {margin-left:30px !important;}
.mar_l50 {margin-left:50px !important;}
.mar_auto {margin:auto !important;}

.mar_v20 {margin-top:20px !important; margin-bottom:20px !important;}

/* #padding */
.pd0  {padding:0px !important;}
.pd5  {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd20 {padding:20px !important;}
.pd30 {padding:30px !important;}

.pd_t0  {padding-top:0px !important;}
.pd_t3  {padding-top:3px !important;}
.pd_t5  {padding-top:5px !important;}
.pd_t10 {padding-top:10px !important;}
.pd_t15 {padding-top:15px !important;}
.pd_t20 {padding-top:20px !important;}
.pd_t30 {padding-top:30px !important;}
.pd_t40 {padding-top:40px !important;}
.pd_t50 {padding-top:50px !important;}

.pd_r0  {padding-right:0px !important;}
.pd_r3  {padding-right:3px !important;}
.pd_r5  {padding-right:5px !important;}
.pd_r8  {padding-right:8px !important;}
.pd_r10 {padding-right:10px !important;}
.pd_r15 {padding-right:15px !important;}
.pd_r20 {padding-right:20px !important;}

.pd_b2  {padding-bottom: 2px !important;}
.pd_b5  {padding-bottom: 5px !important;}
.pd_b10 {padding-bottom:10px !important;}
.pd_b20 {padding-bottom:20px !important;}
.pd_b30 {padding-bottom:30px !important;}
.pd_b40 {padding-bottom:40px !important;}
.pd_b50 {padding-bottom:50px !important;}


.pd_l0  {padding-left:0px !important;}
.pd_l3  {padding-left:3px !important;}
.pd_l5  {padding-left:5px !important;}
.pd_l8  {padding-left:8px !important;}
.pd_l10 {padding-left:10px !important;}
.pd_l15 {padding-left:15px !important;}
.pd_l20 {padding-left:20px !important;}
.pd_l25 {padding-left:25px !important;}
.pd_l30 {padding-left:30px !important;}
.pd_l40 {padding-left:40px !important;}
.pd_l50 {padding-left:50px !important;}

.pd_h5 {padding-left:5px !important; padding-right:5px !important;}

/* #background */
.bg_gray {background-color:#f7f7f7;}
.bg_blue {background-color:#5f87d9;}
.bg_red {background-color:#d91e1f;}


/* #border */
.bor_tnone {border-top:0px;}
.bor_rnone {border-right:0px;}
.bor_bnone {border-bottom:0px;}
.bor_lnone {border-left:0px !important;}
.bor_none  {border:none !important;}

.bor_solid {border:1px solid #e1e1e1;}
.bor_t {border-top:1px solid #e1e1e1;}
.bor_r {border-right:1px solid #e1e1e1;}
.bor_b {border-bottom:1px solid #e1e1e1;}
.bor_l {border-left:1px solid #e1e1e1;}

.bor_dotted {border:1px dotted #ddd;}

/* font_weight */
.fb {font-family:'NotoSansKR-Bold' !important;}
.fm {font-family:'NotoSansKR-Medium' !important;;}
.fn {font-weight:normal !important;}

/* Text Align */
.l {text-align:left !important;}
.c {text-align:center !important;}
.r {text-align:right !important;}
.r5 {text-align:right !important; padding-right:5px !important;}
.r10 {text-align:right !important; padding-right:10px !important;}

.t {vertical-align:top !important;}
.m {vertical-align:middle !important;}
.b {vertical-align:bottom !important;}

/* #font_color */
.txt_orage {color:#fa7623 !important;}
.txt_blue {color:#2a9dc9 !important;}
.necesaary {margin-left:3px; font-weight:bold; color:#d60000;}

/* #font_size */
.fs11 {font-size:11px !important;}
.fs12 {font-size:12px !important;}
.fs13 {font-size:13px !important;}
.fs14 {font-size:14px !important;}
.fs16 {font-size:16px !important;}

/* #font_etc*/
.upCase {text-transform:uppercase}


/* #img_mode */
.ime_en {ime-mode:inactive;}
.ime_ko {ime-mode:active;}

/* #line_height */
.lh11 {line-height:11px !important;}
.lh12 {line-height:12px !important;}
.lh13 {line-height:13px !important;}
.lh14 {line-height:14px !important;}
.lh16 {line-height:16px !important;}
.lh18 {line-height:18px !important;}
.lh20 {line-height:20px !important;}


/* Etc */



.layer_wrap {position:absolute; left:0px; top:0px; z-index:9999;}
.layer_wrap:after {content:""; display:inline-block; height:100%; vertical-align:middle;}

.layer_wrap .layer_inner {display:inline-block; position:relative; background-color:#fff; vertical-align:middle; text-align:center;}
.layer_wrap .layer_inner .layer_header h3 {display:block; height:50px; padding:0 15px; font-family:"NotoSansKR-Medium"; color:#fff; font-size:16px; background-color:#2a9dc9; line-height:52px; text-align:left;}

/*중첩 레이어*/
.layer_mapInfo {}
.layer_mapInfo .layer_inner {width:180px;}
.mapInfo_list li {height:30px; padding:0 15px; line-height:30px; font-size:14px; text-align:left;cursor:pointer;}
.mapInfo_list li:hover {background-color:#ddd;}


.overflow-x {overflow-x:auto;}
.overflow-y {overflow-y:auto; overflow-x:hidden;}
.overflow-y .table {border-top: none;}
.overflow-y.h150 {border-bottom: 1px solid #e7e7e7;}

.h150 {height: 150px !important;}