@charset "utf-8";

/*========================================*/
/* Green Gable by DesignerSOL.co.kr
 * nanumfine@naver.com
 /*========================================*/

/* page title */
.page-title-wrapper{height:80px}
.page-title-wrapper .page-bar {height:100%}
.page-title-group{background: #e3e3e3}
.page-title {display:table;height:80px}
.page-title div{display:table-cell;vertical-align: middle;width:100%}
.gm .page-title h1.page-title-h1{width:100%;padding-left:15px;color:#717171;font-size:18px;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;margin-top:0;margin-bottom:0}
@media(max-width:480px){
	.page-title-wrapper,
	.page-title{height:60px}
	.gm .page-title h1.page-title-h1{font-size:16px}
}
.page-title-wrapper .page-bar{background:#2895c3}

a,
input[type="submit"]{
	color: inherit;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
a:hover, 
a:focus{
	text-decoration: none;
	color:inherit;
}

/* Horizontal Align */
.gm .pull-right{float:right}
.gm .pull-left{float:left}
/* DL Horizontal */
.gm .dl-horizontal{*zoom:1}
.gm .dl-horizontal:before,
.gm .dl-horizontal:after{display:table;line-height:0;content:""}
.gm .dl-horizontal:after{clear:both}
.gm .dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}
.gm .dl-horizontal dd{margin-left:180px}
/* Form Control Reset */
.gm form{margin:5px 0 80px 0;background:#f3f3f3; border:1px solid #e4e4e4;border-radius:2px}
.gm fieldset{padding:0;margin:0;border:0}
.gm label,
.gm input,
.gm button,
.gm select,
.gm textarea,
.gm .control-label{font-weight:500}
.gm label{display:block;margin-bottom:0}
.gm select,
.gm textarea,
.gm input[type="text"],
.gm input[type="password"],
.gm input[type="datetime"],
.gm input[type="datetime-local"],
.gm input[type="date"],
.gm input[type="month"],
.gm input[type="time"],
.gm input[type="week"],
.gm input[type="number"],
.gm input[type="email"],
.gm input[type="url"],
.gm input[type="search"],
.gm input[type="color"]{display:inline-block;height:26px;padding:4px 6px;line-height:26px;vertical-align:middle}
.gm input[type="tel"]{display:inline-block;height:26px;padding:4px 0;line-height:26px;vertical-align:middle}
.gm input,
.gm textarea{width:206px}
.gm textarea{height:auto}
.gm textarea,
.gm input[type="text"],
.gm input[type="password"],
.gm input[type="datetime"],
.gm input[type="datetime-local"],
.gm input[type="date"],
.gm input[type="month"],
.gm input[type="time"],
.gm input[type="week"],
.gm input[type="number"],
.gm input[type="email"],
.gm input[type="url"],
.gm input[type="search"],
.gm input[type="tel"],
.gm input[type="color"]{background-color:#ffffff;border:1px solid #cccccc;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition:border linear 0.2s, box-shadow linear 0.2s;-moz-transition:border linear 0.2s, box-shadow linear 0.2s;-o-transition:border linear 0.2s, box-shadow linear 0.2s;transition:border linear 0.2s, box-shadow linear 0.2s}
.gm textarea:focus,
.gm input[type="text"]:focus,
.gm input[type="password"]:focus,
.gm input[type="datetime"]:focus,
.gm input[type="datetime-local"]:focus,
.gm input[type="date"]:focus,
.gm input[type="month"]:focus,
.gm input[type="time"]:focus,
.gm input[type="week"]:focus,
.gm input[type="number"]:focus,
.gm input[type="email"]:focus,
.gm input[type="url"]:focus,
.gm input[type="search"]:focus,
.gm input[type="tel"]:focus,
.gm input[type="color"]:focus{border-color:rgba(82, 168, 236, 0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6)}
.gm input[type="radio"],
.gm input[type="checkbox"]{margin:0;line-height:normal}
.gm input[type="file"],
.gm input[type="image"],
.gm input[type="submit"],
.gm input[type="reset"],
.gm input[type="button"],
.gm input[type="radio"],
.gm input[type="checkbox"]{width:auto}
.gm select,
.gm input[type="file"]{height:30px;*margin-top:4px}
.gm select{background-color:#ffffff;border:1px solid #cccccc}
.gm select[multiple],
.gm select[size]{height:auto}
.gm select:focus,
.gm input[type="file"]:focus,
.gm input[type="radio"]:focus,
.gm input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.gm input:-moz-placeholder, 
.gm textarea:-moz-placeholder {color:#999999}
.gm input:-ms-input-placeholder, 
.gm textarea:-ms-input-placeholder {color:#999999}
.gm input::-webkit-input-placeholder, 
.gm textarea::-webkit-input-placeholder {color:#999999}
.gm input,
.gm textarea{margin-left:0}
.gm input[disabled],
.gm select[disabled],
.gm textarea[disabled],
.gm input[readonly],
.gm select[readonly],
.gm textarea[readonly]{cursor:not-allowed;background-color:#eeeeee}
.gm input[type="radio"][disabled],
.gm input[type="checkbox"][disabled],
.gm input[type="radio"][readonly],
.gm input[type="checkbox"][readonly]{background-color:transparent}
.gm input:focus:invalid, 
.gm textarea:focus:invalid, 
.gm select:focus:invalid {color:#b94a48;border-color:#ee5f5b}
.gm input:focus:invalid:focus, 
.gm textarea:focus:invalid:focus, 
.gm select:focus:invalid:focus {border-color:#e9322d;-webkit-box-shadow:0 0 6px #f8b9b7;-moz-box-shadow:0 0 6px #f8b9b7;box-shadow:0 0 6px #f8b9b7}
/* Forms */
.gm .form-horizontal .control-group{padding:10px;border-bottom:1px solid #e6e6e6;*zoom:1}
.gm .form-horizontal .control-group:before,
.gm .form-horizontal .control-group:after{display:table;line-height:0;content:""}
.gm .form-horizontal .control-group:after{clear:both}
.gm .form-horizontal .control-label{float:left;width:160px;padding-top:5px}
.gm .form-horizontal .controls{*display:inline-block;*padding-left:20px;margin-left:180px;*margin-left:0}
.gm .form-horizontal .controls:first-child{*padding-left:180px}
.gm .help-block,
.gm .help-inline{color:#595959}
.gm .help-block{display:block;margin-bottom:10px}
.gm .help-inline{margin:0;display:inline-block;*display:inline;padding-left:5px;vertical-align:middle;*zoom:1}
.gm .input-append,
.gm .input-prepend{display:inline-block;margin-bottom:10px;font-size:0;white-space:nowrap;vertical-align:middle}
.gm .input-append input,
.gm .input-prepend input,
.gm .input-append select,
.gm .input-prepend select{position:relative;margin-bottom:0;*margin-left:0;vertical-align:top;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}
.gm .input-append input:focus,
.gm .input-prepend input:focus,
.gm .input-append select:focus,
.gm .input-prepend select:focus{z-index:2}
.gm .input-append .add-on,
.gm .input-prepend .add-on{display:inline-block;width:auto;height:20px;min-width:16px;padding:4px 5px;font-weight:normal;line-height:20px;text-align:center;text-shadow:0 1px 0 #ffffff;background-color:#eeeeee;border:1px solid #ccc}
.gm .input-append .add-on,
.gm .input-prepend .add-on,
.gm .input-append .butn,
.gm .input-prepend .butn{vertical-align:top;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.gm .input-append .active,
.gm .input-prepend .active{background-color:#a9dba9;border-color:#46a546}
.gm .input-prepend .add-on,
.gm .input-prepend .butn{margin-right:-1px}
.gm .input-prepend .add-on:first-child,
.gm .input-prepend .butn:first-child{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}
.gm .input-append input,
.gm .input-append select{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}
.gm .input-append input+.butn-group .butn:last-child,
.gm .input-append select+.butn-group .butn:last-child{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}
.gm .input-append .add-on,
.gm .input-append .butn,
.gm .input-append .butn-group{margin-left:-1px}
.gm .input-append .add-on:last-child,
.gm .input-append .butn:last-child,
.gm .input-append .butn-group:last-child>.dropdown-toggle{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}
.gm .input-prepend.input-append input,
.gm .input-prepend.input-append select{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.gm .input-prepend.input-append input+.butn-group .butn,
.gm .input-prepend.input-append select+.butn-group .butn{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}
.gm .input-prepend.input-append .add-on:first-child,
.gm .input-prepend.input-append .butn:first-child{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}
.gm .input-prepend.input-append .add-on:last-child,
.gm .input-prepend.input-append .butn:last-child{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}
.gm .input-prepend.input-append .butn-group:first-child{margin-left:0}
.gm .form-horizontal input,
.gm .form-horizontal textarea,
.gm .form-horizontal select,
.gm .form-horizontal .help-inline,
.gm .form-horizontal .input-prepend,
.gm .form-horizontal .input-append{display:inline-block;*display:inline;margin-bottom:0;vertical-align:middle;*zoom:1}
.gm .form-horizontal .hide{display:none}
@media (max-width:480px){
	.gm .form-horizontal .control-label{float:none;margin-bottom:2px;padding-top:0}
	.gm .form-horizontal .controls{margin-left:0}
	.gm input,
	.gm textarea{width:100%}
}
/* Tabs */
.gm .nav{margin:0 0 20px 0;padding:0;list-style:none}
.gm .nav>li>a{display:block}
.gm .nav>li>a:hover,
.gm .nav>li>a:focus{text-decoration:none;background-color:#eeeeee}
.gm .nav-tabs{*zoom:1}
.gm .nav-tabs:before,
.gm .nav-tabs:after{display:table;line-height:0;content:""}
.gm .nav-tabs:after{clear:both}
.gm .nav-tabs>li{float:left}
.gm .nav-tabs>li>a{padding-right:12px;padding-left:12px;margin-right:2px;line-height:14px}
.gm .nav-tabs{border-bottom:1px solid #ddd}
.gm .nav-tabs>li{margin-bottom:-1px}
.gm .nav-tabs>li>a{padding-top:8px;padding-bottom:8px;line-height:20px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}
.gm .nav-tabs>li>a:hover,
.gm .nav-tabs>li>a:focus{border-color:#eeeeee #eeeeee #dddddd}
.gm .nav-tabs>.active>a,
.gm .nav-tabs>.active>a:hover,
.gm .nav-tabs>.active>a:focus{color:#555555;cursor:default;background-color:#ffffff;border:1px solid #ddd;border-bottom-color:transparent}
/* Table */
.gm .table{max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0;width:100%;margin-bottom:20px}
.gm .table th,
.gm .table td{padding:8px;line-height:20px;text-align:left;vertical-align:top;border-top:1px solid #dddddd}
.gm .table th{font-weight:bold}
.gm .table thead th{vertical-align:bottom}
.gm .table caption+thead tr:first-child th,
.gm .table caption+thead tr:first-child td,
.gm .table colgroup+thead tr:first-child th,
.gm .table colgroup+thead tr:first-child td,
.gm .table thead:first-child tr:first-child th,
.gm .table thead:first-child tr:first-child td{border-top:0}
.gm .table tbody+tbody{border-top:2px solid #dddddd}
.gm .table-striped tbody>tr:nth-child(odd)>td,
.gm .table-striped tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}
.gm .table-hover tbody tr:hover>td,
.gm .table-hover tbody tr:hover>th{background-color:#f5f5f5}
/* Pangination */
.gm .pagination{margin:20px 0}
.gm .pagination ul{display:inline-block;*display:inline;margin-bottom:0;margin-left:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*zoom:1;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05)}
.gm .pagination ul>li{display:inline}
.gm .pagination ul>li>a,
.gm .pagination ul>li>span{float:left;padding:4px 12px;line-height:20px;text-decoration:none;background-color:#ffffff;border:1px solid #dddddd;border-left-width:0}
.gm .pagination ul>li>a:hover,
.gm .pagination ul>li>a:focus,
.gm .pagination ul>.active>a,
.gm .pagination ul>.active>span{background-color:#f5f5f5}
.gm .pagination ul>.active>a,
.gm .pagination ul>.active>span{color:#999999;cursor:default}
.gm .pagination ul>.disabled>span,
.gm .pagination ul>.disabled>a,
.gm .pagination ul>.disabled>a:hover,
.gm .pagination ul>.disabled>a:focus{color:#999999;cursor:default;background-color:transparent}
.gm .pagination ul>li:first-child>a,
.gm .pagination ul>li:first-child>span{border-left-width:1px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius-topleft:4px}
.gm .pagination ul>li:last-child>a,
.gm .pagination ul>li:last-child>span{-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:4px}
.gm .pagination-centered{text-align:center}
/* Button */
.gm .butn{display:inline-block;*display:inline;font-weight:500;border-radius: 0;padding:5px 30px;border:3px solid #ddd; background:#ddd; color:#333}
.gm .butn:hover,
.gm .butn:focus,
.gm .butn:active,
.gm .butn.active,
.gm .butn.disabled,
.gm .butn[disabled]{border:3px solid #ddd;background:none;color:#F8654E}
.gm .butn:first-child{*margin-left:0}
.gm .butn-inverse{display:inline-block;*display:inline;font-weight:500;border-radius: 0;padding:5px 30px;border:3px solid #2895c3;background:#2895c3;color:#fff}
.gm .butn-inverse:hover,
.gm .butn-inverse:focus,
.gm .butn-inverse:active,
.gm .butn-inverse.active,
.gm .butn-inverse.disabled,
.gm .butn-inverse[disabled]{border:3px solid #2895c3; background:none; color:#F8654E}
.gm .butnArea {position: absolute;padding-top:5px}
.gm button.butn,
.gm input[type="submit"].butn{*padding-top:3px;*padding-bottom:3px}
.gm button.butn::-moz-focus-inner,
.gm input[type="submit"].butn::-moz-focus-inner{padding:0;border:0}
.gm .butn-group{position:relative;display:inline-block;*display:inline;*margin-left:.3em;font-size:0;white-space:nowrap;vertical-align:middle;*zoom:1}
.gm .butn-group:first-child{*margin-left:0}
.gm .butn-group+.butn-group{margin-left:5px}
.gm .butn-group>.butn{position:relative;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.gm .butn-group>.butn+.butn{margin-left:-1px}
.gm .butn-group>.butn:first-child{margin-left:0;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius-topleft:4px}
.gm .butn-group>.butn:last-child{-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:4px}
.gm .butn-group>.butn:hover,
.gm .butn-group>.butn:focus,
.gm .butn-group>.butn:active,
.gm .butn-group>.butn.active{z-index:2}
/* Member module customize */
.gm em{font-style:normal;color:#f00}
.gm .nav a,
.gm .butn{text-decoration:none}
.gm .dl-horizontal>dd{margin-bottom:10px}
.gm .table{border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.gm .table>caption{text-align:left;font-weight:bold}
.gm .table>caption>.pull-right{position:relative;top:-8px}
.gm .signin{width:400px;margin:30px auto;background-color:#ffffff;border:1px solid #999;border-radius:6px;box-shadow:0 3px 7px #ccc;box-sizing:border-box}
.gm .signin>.login-header{padding:9px 15px;border-bottom:1px solid #eee}
.gm .signin>.login-header>h1{margin:0;font-size:16px;line-height:1.4;font-weight:600;color:#666}
.gm .signin>.login-header>h1>i{opacity:.5;filter:alpha(opacity=50);margin:2px 0 0 0}
.gm .signin>.login-body{max-height:400px;padding:15px}
.gm .signin>.login-body>*:first-child{margin-top:0}
.gm .signin>.login-footer{padding:14px 15px 15px;margin-bottom:0;text-align:right;background-color:#f5f5f5;border-top:1px solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;*zoom:1;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;color:#ccc}
.gm .signin>.login-footer:before,
.gm .signin>.login-footer:after{display:table;line-height:0;content:"";clear:both}
.gm .signin>.login-footer>a{text-decoration:none}
.gm .signin>.login-footer>a:hover,
.gm .signin>.login-footer>a:active,
.gm .signin>.login-footer>a:focus{text-decoration:underline}
.gm .signin .control-group{position:relative;padding:0 14px 0 0;margin:0;clear:both}
.gm .signin .control-group:before{content:"";display:block;clear:both}
.gm .signin form{margin:0}
.gm .signin fieldset{margin:0}
.gm .signin label{cursor:pointer;display:inline-block}
.gm .signin input[type="text"],
.gm .signin input[type="email"],
.gm .signin input[type="password"]{width:100%}
.gm .signin input[type="checkbox"]{margin:0}
.gm .signin .butn{border-radius:2px;overflow:visible;font-size:14px;line-height:18px;padding:3px 9px}
.gm .signin .submit{position:absolute;top:0;right:0}
.gm .signin #warning{margin-right:-14px}
.gm .signin #warning>p{margin:10px 0}
.gm .agreement{border:1px solid #ddd;padding:15px 15px 10px 15px;border-radius:2px;background:#fff;margin:10px}
.gm .agreement>.text{max-height:200px;overflow:auto}
.gm .agreement>.confirm{padding:10px 0 0 0;margin:10px 0 0 0;border-top:1px dotted #ccc}
.gm .agreement>.confirm label {font-size:14px;color:#137BA7}
.gm .agreement>.confirm input[type="checkbox"] {width: 15px;height: 15px}

@media all and (max-width:480px){.gm .signin{margin:0;width:100%}}
@media all and (min-width:768px){.gm .dl-horizontal>dt{margin-bottom:10px} .gm .form-horizontal .control-label{text-align:left}}

/* 그밖에 */
.main .gm h1{font-size:22px; margin-top:20px; margin-bottom:10px}
.main .gm h3{font-size:18px; margin-top:20px; margin-bottom:10px;padding-left:15px}
.gm .krZip .krzip-postcode-wrap,
.gm .krZip .krzip-address-wrap{margin-bottom:10px}
@media(max-width:480px){
	.gm .dl-horizontal dt{width:120px}
	.gm .dl-horizontal dd {margin-left:140px}
	.gm .btnArea.btn-group {white-space:normal}
}
