@charset "utf-8";
/* Common CSS */
/* Author : Woo Seok, Shin 2013-05 */
/* 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 */
/* Common CSS */

* {margin:0px; padding:0px;}
html {height:100%;}
body {
	scrollbar-3dlight-color:#b4b4b4;
	scrollbar-arrow-color:#333333;
	scrollbar-base-color:#eeeeee;
	scrollbar-darkshadow-color:#efefef;
	scrollbar-face-color:#efefef;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#b4b4b4;	
	height:100%;
	font-family:Dotum, Dotumche, "돋움", "돋움체", undotum, arial;
	font-size:12px;
	font-weight:normal;		
	line-height:normal;
	color:#666;
	/*-webkit-font-smoothing:antialiased;*/
}

/* Font */
@font-face { 
    font-family:"NanumGothic"; 
    src:url('/css/font/NanumGothic.eot');        
	src:local('※'), 
		url('/css/font/NanumGothic.eot?#iefix') format('embedded-opentype'),
	    url('/css/font/NanumGothic.woff') format('woff'),
	    url('/css/font/NanumGothic.ttf') format('truetype');
	     
	font-style:normal;		 
    font-weight:normal;
}
@font-face {
  	font-family:"NanumGothicBold";
    src: url('/css/font/NanumGothic-Bold.eot');
    src: local('※'), 
	     url('/css/font/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'),
		 url('/css/font/NanumGothic-Bold.woff') format('woff'),
	     url('/css/font/NanumGothicBold.ttf') format('truetype');
	     
	font-style:normal;		 
    font-weight:normal;		 
}
@font-face {
  	font-family:"NanumGothicExtraBold";
    src: url('/css/font/NanumGothicExtraBold.eot');
    src: local('※'), 
	     url('/css/font/NanumGothicExtraBold.eot?#iefix') format('embedded-opentype'),
		 url('/css/font/NanumGothicExtraBold.woff') format('woff'),
	     url('/css/font/NanumGothicExtraBold.ttf') format('truetype');
	     
	font-style:normal;		 
    font-weight:normal;		 
}

@font-face { 
    font-family:"NanumSquareRound"; 
    src:url(font/NanumSquareRoundL.eot);        
	src:local('※'), 
		url('/css/font/NanumSquareRoundL.eot?#iefix') format('embedded-opentype'),
	    url('/css/font/NanumSquareRoundL.woff') format('woff');	     
	font-style: normal;
    font-weight: 300;
}

@font-face {
  	font-family:"NanumSquareRoundR";
    src: url('/css/font/NanumSquareRoundR.eot');
    src: local('※'), 
	     url('/css/font/NanumSquareRoundR.eot?#iefix') format('embedded-opentype'),
		 url('/css/font/NanumSquareRoundR.woff') format('woff');	     
 	font-style: normal;
  	font-weight: 400;	 
}

@font-face { 
    font-family:"NanumSquareRoundB"; 
    src:url('/css/font/NanumSquareRoundB.eot');        
	src:local('※'), 
		url('/css/font/NanumSquareRoundB.eot#iefix') format('embedded-opentype'),
	    url('/css/font/NanumSquareRoundB.woff') format('woff');	     
  	font-style: normal;
  	font-weight: 600;
}

.ngr {font-family:"NanumSquareRoundR"; font-weight:500;}
/*----- Font Style -----*/

address, article, aside, canvas, figure, footer, header, hgroup, menu, nav, section {display:block;}
hr, caption {display:none;}
h1, h2, h3, h4, h5, h6 ,h7 {font-weight:normal;}
img {border:none; vertical-align:middle;}
ol, ul, li, dl, dt, dd {list-style:none;}
table {width:100%; border:0px; border-spacing:0px; border-collapse:collapse;}
th {font-family:"NanumGothicBold"; font-weight:normal; color:#333; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
th, td {border:0px; word-break:break-all; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
fieldset {width:100%; border:0px;}
legend {display:none;}
caption {display:none;}
frameset {border:0px;}
iframe {border:0px;}
em, address {font-style:normal;}
small {display:block; font-size:9px; line-height:0px;}

select {min-width:60px; margin:2px 0; padding:3px; border:1px solid #ccc; border-radius:4px; font-size:12px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

/* Section */
section {margin-bottom:30px;}
.section {margin-bottom:30px;}


/* input */
input[type='text'], input[type='password'], textarea {min-height:26px; padding:3px 5px 3px 5px; border:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

input.ime_ko {ime-mode:active;}
input.ime_en {ime-mode:inactive;}

/* select */
select {min-width:60px; padding:3px; border:1px solid #ccc; border-radius:4px; font-size:12px;}
.select_flyout li a {display:block; padding:6px 10px 2px 10px;}
.select_flyout li a:hover {font-weight:bold; color:#333; background-color:#eee;}

button {overflow:visible; margin:0px; padding:0px; border:0px; cursor:pointer;}
button, a, select, input {vertical-align:middle;}


/* Button */
.btn_group {overflow:hidden; margin-top:20px; text-align:center;}
button.btn.red {background-color:#ff3300;}
button.btn.red:hover {color:#fff; background-color:#F95C35;}
.btn.skyBlue{ background:#def0f6;}


/* 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;}

/* Color */
.black {color:#000000;}
.white {color:#ffffff;}
.dGray {color:#333333;}
.ddGray {color:#5D5D5D;}
.gray {color:#666666;}
.blue {color:#4369b9}
.red {color:#D51F26}
.orange {color:#ff6600;}
.green {color:#4b9b3f}
.yl {color:#FFE400}
.fcG {color:#0ea3b5;}

/* 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;}

/* Font Weight */
.fb {font-weight:bold !important;}
.fb400 {font-weight:400 !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;}


/*----- Table Style -----*/
/* TH, TD */
.bor_tnone {border-top:0px;}
.bor_rnone {border-right:0px;}
.bor_bnone {border-bottom:0px;}
.bor_lnone {border-left:0px;}
.bor_none  {border:none;}


/* Float */
.fl {float:left !important;}
.fr {float:right !important;}
.ovh {overflow:hidden !important;}
.cb {clear:both !important; font-size:0px !important; line-height:0px !important;}

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


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

@media all and (max-width:480px) {
	.mob_dis_inline {display:inline;}
	.mob_dis_inBlock {display:inline-block; *display:inline; *zoom:1;}	
	.mob_dis_block {display:block;}
	.mob_dis_none {display:none !important;}
}
@media all and (max-width:768px) {
	.tbl_dis_inline {display:inline;}
	.tbl_dis_inBlock {display:inline-block; *display:inline; *zoom:1;}	
	.tbl_dis_block {display:block;}
	.tbl_dis_none {display:none;}
}

/* Margin */
.mar_t_2 {margin-top:-2px !important;}
.mar0    {margin:0px !important;}
.mar_t3  {margin-top:3px !important;}
.mar_t5  {margin-top:5px !important;}

.mar_t10  {margin-top:10px !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_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_b40 {margin-bottom:40px !important;}
.mar_b50 {margin-bottom:50px !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_auto {margin:auto !important;}

/* Padding */
.pd0  {padding:0px !important;}
.pd5  {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd20 {padding:20px !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_r3  {padding-right:3px !important;}
.pd_r5  {padding-right:5px !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_b35 {padding-bottom:35px !important;}
.pd_b40 {padding-bottom:40px !important;}
.pd_b50 {padding-bottom:50px !important;}
.pd_b60 {padding-bottom:60px !important;}

.pd_l3  {padding-left:3px !important;}
.pd_l5  {padding-left:5px !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_l35 {padding-left:35px !important;}
.pd_l40 {padding-left:40px !important;}
.pd_l45 {padding-left:45px !important;}
.pd_l50 {padding-left:50px !important;}

/* Select, input, textarea Size */
.span1 {width:60px;}
.span2 {width:120px;}
.span3 {width:180px;}
.span4 {width:240px;}
.span5 {width:300px;}
.span6 {width:360px;}
.span7 {width:420px;}
.span8 {width:480px;}
.span9 {width:540px;}
.span10 {width:600px;}

.w108 {width:108px;}
.w140 {width:140px;}

/* 레이어 팝업 * 공통 */
.modal {display:none;}
.lp_wrap {position:relative;}
.lp_header h3 {height 20px; padding:10px 0 10px 16px; font-family: "NanumGothicBold"; font-size:16px; background-color:#4e5b63; color:#fff;}
.lp_body {line-height:18px; padding:32px 20px 0px 20px;}
.lp_body .txtBox {font-family: "NanumGothicBold"; border:1px solid #ddd;}
.lp_body .btnBox {padding-top:20px; padding-bottom:20px; text-align:center}
.lp_footer .btn_close {displasy:block; position:absolute; right:10px; top:10px; width:16px; height:15px; background:url("/Images/Common/btn_close.png") no-repeat; text-indent:-9999em}

/* 레이어 팝업 * 우편번호검색 */
.findzip {width:490px; margin:0 auto;}
.findzip .lp_body {padding:20px;}
.findzip .box_search {margin-bottom:20px; padding:15px 0px; border:none; border-radius:0px; text-align:center; background-color:#EAEAEA; background-image:none; box-shadow:none;}
.findzip .box_search span {line-height:30px;}
.findzip .box_search label {font-weight:bold; color:#666;}
.findzip .box_search a {margin-left:5px; font-weight:bold; background-color:#F8F8F8; color:#666;}
.findzip .addr_table_wrap {border:1px solid #ddd; height:150px; overflow-y:scroll;}
.findzip .addr_list th {color:#666;}
.findzip .addr_list td {height:18px; padding:5px;}