@charset "utf-8";

/* WebFont */
@font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: 700;
	src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
	src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
		url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
		url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
		url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: 400;
	src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
	src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
		url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
		url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
		url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: 800;
	src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
	src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
		url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('woff2'),
		url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
		url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}

/* reset style */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html, body { width: 100%; }
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
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 auto;
    padding: 0;
    border: 0;
    outline: 0;
    box-sizing: border-box;
}

main, article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display:block;   
}

blockquote, q {
    quotes:none;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

caption { display: none;} 

ul,
ol {
    list-style: none;
}

img {
    border: 0;
    vertical-align: top;
/*	max-width: 100%;*/
}

a {
    margin:0;
    padding:0;
    color: #3f464c;
    text-decoration: none;
    background:transparent;
    vertical-align:baseline;
    -webkit-tap-highlight-color: transparent;
}
/*a:visited { color: #3f464c;}*/

/* common style */

body {    
    font-family: "Nanum Gothic", "돋움", Dotum, Gulim, sans-serif;
    font-size: 15px;
    line-height: 1;
    letter-spacing: -0.25px;
    color: #3f464c;
    font-weight: 400;
}

input, textarea, button, select {
    font-family: "Nanum Gothic";
    border: 1px solid #d7d7d7;
    outline: 0;
    box-sizing: border-box;
}

table {
    border-spacing: 0;
}

address {
    font-style: normal;
}

::selection {
    color: #fff;
    background: #25e3ff;
}

::-webkit-selection {
    color: #fff;
    background: #25e3ff;
}

::-moz-selection {
    color: #fff;
    background: #25e3ff;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1; 
}

::-webkit-scrollbar-thumb {
    background: #c1c1c1; 
}

::-webkit-scrollbar-thumb:hover {
    background: #25e3ff; 
}

button,
  [type="button"],
  [type="reset"],
  [type="submit"] {
    &:not(:disabled) {cursor: pointer;}
  }

legend {
    font-size: 0;
    width: 0;
    height: 0;
    line-height: 0;
    text-indent: -99999em;
}

/* Form Element */
select, input, textarea{vertical-align:middle;font-family:'Nanum Gothic';font-size:14px;/*-webkit-appearance: none;*/border-radius:0}
input::placeholder { color: #c4c4c4;}

.cursorD { cursor: default;}
.cursorT { cursor: text;}
.cursorP { cursor: pointer;}

.fonW400 { font-weight: 400; }
.fonW700 { font-weight: 700; }
.fonW800 { font-weight: 800; }
.fonWbold { font-weight: bold; }

.txtAright { text-align: right !important;}
.txtAleft { text-align: left !important;}
.txtAcenter { text-align: center;}

.dpib { display: inline-block; *display:inline; zoom:1;}

.fLeft { float: left;}
.fRight { float: right;}

.mgt0  { margin-top: 0px !important;}
.mgt5  { margin-top: 5px !important;}
.mgt10  { margin-top: 10px !important;}
.mgt20  { margin-top: 20px !important;}
.mgt30  { margin-top: 30px !important;}
.mgt40  { margin-top: 40px !important;}

.mgb0  { margin-bottom: 0px !important;}
.mgb5  { margin-bottom: 5px !important;}
.mgb10  { margin-bottom: 10px !important;}
.mgb20  { margin-bottom: 20px !important;}
.mgb30  { margin-bottom: 30px !important;}
.mgb40  { margin-bottom: 40px !important;}

.bglightgray {
    background-color: #f8f8f8;
}

.fColorblue { color: #01aefb;}
.fColorblue2 { color: #218AEC;}
.fColorpink { color: #ff5104;}
.fColorspink { color: #DE0957;}
.fs12 { font-size: 12px;}
.fs13 { font-size: 13px;}
.fs14 { font-size: 14px;}
.fs15 { font-size: 15px;}
.fs16 { font-size: 16px;}
.fs17 { font-size: 17px;  }

.textFormC { text-transform:capitalize; }
.textFormU { text-transform: uppercase; }

.textUline { text-decoration: underline;}

.form-control {
    display: block;
    width: 99%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.4em;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dadada;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control2 {
    display: block;
    width: 99%;    
    padding: 3px 8px;
    font-size: 13px;
    line-height: 1.8em;
    color: #444;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dadada;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

input.form-control:disabled, input.form-control2:disabled {
    cursor: default;
    background-color: #efefef;
    color: #666;
    border-color: rgba(118, 118, 118, 0.3);
}

.border_t0 { border-top-width: 0 !important;}
.border_b0 { border-bottom-width: 0 !important;}
.border_l0 { border-left-width: 0 !important;}
.border_r0 { border-right-width: 0!important;}

.dashedline_t1 { border-top: dashed 1px #999;}

/* Bullet List */
.list {margin-left:10px}
.list li{
	line-height:24px;
	background:url(../images/common/dot.gif) no-repeat left 9px;
	padding-left:6px;
}
.list2d {display: inline-block; list-style: none; vertical-align: top;}
.list2d li { background: none;}

/* radio-applied */
.radio-applied{
    display:-moz-inline-block;
    display:-moz-inline-box;
    display:inline-block;
    overflow:hidden;
    position:relative;
    width:16px;
    height:16px;
    vertical-align:middle}
.radio-applied span.radio-mark{
    display:-moz-inline-block;
    display:-moz-inline-box;
    display:inline-block;
    position:absolute;
    left:0;
    top:0;
    width:16px;
    height:16px;
    background:url(../images/common/checkform.png) no-repeat -40px -80px}
.radio-applied span.radio-mark.radio-checked{background-position:-40px -105px}
.radio-applied input{position:absolute;left:-9999px}


.btnGroup >button { margin: 2px;}
/*btnGroup*/
.btnGroup { margin: 8px;}
.btnGroup::after {
    display: block;
    clear: both;
    content: "";
}

/*button*/
.btn {
    display: inline-block;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 0.938em;
    padding: 8px 12px;
    margin: 4px 0px;
    border-radius: 6px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btnL {
    display: inline-block;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 1.06em;
    padding: 14px 50px;
    margin: 4px 0px;
    border-radius: 6px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btnDefault,.btnWhite, .btnDel, .btnWhiteOb {border: 1px solid #dfdfdf;background-color: #fff;color: #222;}
.btnDefault:hover,.btnDefault:focus {color: #fff;background-color: #00aefb;}
.btnWhite:hover, .btnWhite:focus {box-shadow: 0 0 3px 3px rgba(0,0,0,0.07) inset;}
.btnWhiteOb:hover, .btnWhiteOb:focus {box-shadow: 0 0 3px 3px rgba(69,190,240,0.25) inset;border-color: #a2ddf8;}
.btnDark {color: #fff;background-color: #474747;}
.btnDark:hover,.btnDark:focus {color: #474747;background-color: #d9d9d9;}
.btnGray { background-color: #a0b4ca; color: #fefefe; border-color: #a0b4ca; }
.btnGray:hover, .btnGray:focus { background-color: #586c83; }
.btnGray2 { background-color: #aaa; color: #fefefe; border-color: #ddd; }
.btnGray2:hover, .btnGray:focus { background-color: #ddd; }
.btnBlue {color: #fff;background-color: #00aefb;}
.btnBlue:hover,.btnBlue:focus {background-color: #00deff;}
.btnBlueline {color: #3f464c;background-color: #fff;border:solid 1px #00aefb;}
.btnBlueline:hover,.btnBlueline:focus {color: #0096d8;background-color: #f9f9f9;}
.btnBlueline2 {color: #3f464c;background-color: #fff;border:solid 1px #48c7ff;}
.btnBlueline2:hover,.btnBlueline2:focus {color: #ffffff;background-color: #00aefb;border-color: #48c7ff;}
.btnDel:hover, .btnDel:focus {  color: #f05848; box-shadow: 0 0 3px 3px rgba(0,0,0,0.07) inset;}
.btnRed { background-color: #c73a32; color: #fff; border-color: #ad150d; }
.btnRed:hover, .btnRed:focus { color: #ddd; background-color: #ad150d;}
.btnRedline { background-color: #fff; color: #3f464c; border: solid 1px #f53e13; }
.btnRedline:hover, .btnRedline:focus { color: #fff; background-color: #f53e13;}
.btnNavy { background-color: #29006c; color: #fff; border-color: #22094b; }
.btnNavy:hover, .btnNavy:focus { color: #ddd; background-color: #22094b;}
.btnOut, .btnSave { border: 1px solid #dfdfdf;background-color: #fff;color: #222;font-size: 16px;padding: 12px 22px;margin-right: 8px; vertical-align: middle;}
.btnSave { background-color: #00aefb; color: #fff; border-color: #00aefb;}
.btnOut:hover, .btnOut:focus { background-color: #555; color: #ddd;  border-color: #555;}
.btnSave:hover, .btnSave:focus {box-shadow: 0 0 3px 5px rgba(0,0,0,0.07) inset; color: #00aefb; background-color: #fff; }
.btn_confirm {background-color: #fff; padding: 6px 20px;font-size: 14px; border: solid 1px #00aefb;color: #00aefb;}
.btn_confirm:hover, .btn_confirm:focus {color: #fff; background-color: #00aefb; }
.btn_out {padding: 6px 20px;font-size: 14px;background-color: #7d838e;border: solid 1px #787e88;color: #fff;}
.btn_out:hover, .btn_out:focus { background-color: #ddd; color: #000; border-color: #d0d0d0;}

.btn_msg_ipt { background-color: #00aefb; color: #fff;font-size: 14px;}
.btn_msg_ipt:hover, .btn_msg_ipt:focus { background-color: #1080b2; }

.btn_bg { 
    border: 1px solid #dfdfdf;
    background-color: #fff;
    color: #222;
    width: 70px;
    padding-left: 26px;
}
.btn_bg2 { 
    border: 1px solid #dfdfdf;
    background-color: #fff;
    color: #222;    
    padding-left: 30px;
}
.btnOk { background:url(../images/community/btn_ok.png) no-repeat 12px center; }
.btnOk:hover, .btnOk:focus,.btnList:hover, .btnList:focus { box-shadow: 0 0 3px 2px rgba(177,231,255,0.6) inset;border-color: #68d0f5;}
.btnCancel { background:url(../images/community/btn_cancel.png) no-repeat 12px center;}
.btnCancel:hover, .btnCancel:focus {box-shadow: 0 0 3px 3px rgba(0,0,0,0.09) inset;border-color: #999;background-color: #ececec;}
.btnList { background:url(../images/community/btn_list.png) no-repeat 12px center;}
.btnDown { background:url(../images/community/icon_down2.png) no-repeat 12px center;}
.btnDown:hover, .btnDown:focus { box-shadow: 0 0 3px 2px rgba(177,231,255,0.6) inset; border-color: #68d0f5;}
.btnHome { background:url(../images/community/btn_home.png) no-repeat 12px center;}
.btnHome:hover, .btnDown:focus { box-shadow: 0 0 3px 2px rgba(177,231,255,0.6) inset; border-color: #68d0f5;}

.btnFlyeng {
    background:url(../images/common/fineDust_next.png) no-repeat 11px center;
    padding: 8px 18px 8px 24px;
    font-size: 14px;
    border-radius: 8px;
}
.btnFlyeng:hover, .btnFlyeng:focus {
    box-shadow: 0 0 3px 2px rgba(177,231,255,0.6) inset;
    border-color: #68d0f5;
}
.btnFlyengOut {
    padding: 8px 20px;
    background-color: #7d838e;
    border: solid 1px #787e88;
    color: #fff;
}
.btnFlyengOut:focus, .btnFlyengOut:hover {
    background-color: #b1b7c2;
    border: solid 1px #b1b7c2;
}

.btnFlyengadd { 
    box-shadow: 0 0 3px 2px rgba(177,231,255,0.6) inset;
    border: solid 1px #68d0f5;
}

.btnPlusicon { 
    box-shadow: 0 0 3px 2px rgba(177,231,255,0.6) inset;
    border: solid 1px #68d0f5;
    font-size: 1.6em;
    line-height: 0;
    height: 32px;
    padding-top:13px; 
    text-decoration: none;
    overflow: hidden;
}
a.btnPlusicon:hover, 
a.btnPlusicon:focus,
a.btnPlusicon:active {
    text-decoration: none;
    border-color: #57aec1;
    background-color: #00aefb;
    color: #fff;
    box-shadow: 0 0 3px 2px rgba(87,174,193,0.8) inset;
}


.plan_tle_btn > a {
    display: inline-block;
    color: #3f464c;
    border: solid 1px #9cdaf6;
    border-radius: 6px;
    font-size: 14px;
    padding: 8px 10px 8px 30px;
    background: url(../images/community/icon_down.png) no-repeat 10px center #fff;
}
.plan_tle_btn .btndd { margin-left: 6px;}
.plan_tle_btn > a:hover, .plan_tle_btn > a:focus { 
    font-weight: 800; 
    background: url(../images/community/icon_down_o.png) no-repeat 10px center #00aefb; 
    color: #fff; 
    border-color:#00aefb; }

.downPlan {    
    border: solid 1px #6cd2ff;
    background: url(../images/community/icon_down2.png) no-repeat 8px center #fff;
    color: #3f464c
}
.downPlan:active, .downPlan:hover, .downPlan:focus {
    color: #fff;
    background: url(../images/community/icon_down2_o.png) no-repeat 8px center #00aefb;
}
.downPlan2 {    
    border: solid 1px #c0c0c0;
    background: url(../images/community/icon_down2.png) no-repeat 8px center;
    color: #3f464c
}
.downPlan2:active, .downPlan2:hover, .downPlan2:focus { background: url(../images/community/icon_down2_o.png) no-repeat 8px center #888; color: #fff;}
.down.planBtn { padding-left: 12px; }

.letter_btn > a {
    display: inline-block;
    color: #3f464c;
    border: solid 1px #9cdaf6;
    border-radius: 6px;
    font-size: 14px;
    padding: 8px 10px 8px 30px;
    background: url(../images/community/icon_letter.png) no-repeat 10px center #fff;
}
.letter_btn > a:hover, .letter_btn > a:focus { 
    font-weight: 800; 
    background: url(../images/community/icon_letter_o.png) no-repeat 10px center #00aefb; 
    color: #fff; 
    border-color:#00aefb; }

.btnPlus {
    color: #000;    
    background: url(../images/common/icon_plus.png) no-repeat 10px center #fff;
    padding: 8px 10px 8px 24px;
}
.btnPlus:hover,
.btnPlus:focus {
    background-color: #2467ac;
    color: #fff;
    border-color: #548cc4;
}


@media print {
	#header,
/*	#lnb,*/
    nav
	.quickMenu,
	#footer {display:none;}
}

.newWin {
    cursor:pointer;
    color: #2e2ade;    
}