@charset "utf-8";
/*base*/
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html { font-size:16px; }
input,button,textarea {border-radius:0;-webkit-appearance:none}
body{ font-weight:400; height:100%;width:100%;text-align:left;font-size:1rem;font-family:"NanumSquare","Dotum", "Arial", "verdana";color:#363636;line-height:1.5;letter-spacing:-1px; }
a{ font-weight:400; font-size:1rem;font-family:"NanumSquare","Dotum", "Arial", "verdana";color:#363636;line-height:1.5;letter-spacing:-1px; }
body,p,h1,h2,h3,h4,h5,h6,table,caption,form,fieldset,legend,span,div,th,td,address{margin:0;padding:0;}
ul,ol,li,dl,dt,dd{list-style:none;margin:0;padding:0px}
img{border:0 none;line-height:0;font-size:0;vertical-align:top}
table{border-collapse:collapse;border-spacing:0;width:100%}
fieldset{border:0}
legend, caption{display:none;height:0;overflow:hidden}
textarea{ font-size: 12px; border:2px solid #dddddd;padding:8px 10px !important;line-height:18px; resize:none;}
input, textarea{font-weight:400;vertical-align:middle;font-size:12px;color:#363636;font-family:"NanumSquare","Dotum", "Arial", "verdana";padding:0;margin:0}
input[type="checkbox"] {width:17px; height:17px;}
input[type="radio"] {margin-top:-4px; width:17px; height:17px;}
input[type="file"]{height:35px;color:#363636;border:1px solid #d4d4d4;line-height:33px;vertical-align:middle;background:#fff}
input.text{height:40px;line-height:38px;padding:0px 10px;border:1px solid #dddddd;border-radius:0px;}
::-webkit-input-placeholder {
   color:#cccccc;
}
:-moz-placeholder { /* Firefox 18- */
   color:#cccccc;
}
::-moz-placeholder {  /* Firefox 19+ */
   color:#cccccc;
}
:-ms-input-placeholder {
   color:#cccccc;
}
input:read-only, input:-moz-read-only { background-color:#fafafa; }
input.date{margin:0 3px 0 0;width:110px}
em {font-style:normal;}
iframe {border:none;}
hr.gray { border:none; border-top:1px solid #e5e5e5; height:1px; }
hr.blue { width:1px; border:none; height:25px; margin:0px auto; background:#55c1be; }
/* Util */
.of-hi { overflow: hidden; }
hr { height: 1px; border: 0px; margin: 0px; }
.ta-c { text-align: center !important;}
.ta-r { text-align: right !important;}
.ta-l { text-align: left !important;}
.fl-l { float: left;}
.fl-r { float: right;}
.fl-no { float: none;}
.hidden { visibility: hidden;}
.va-t { vertical-align:top !important; }
.va-m { vertical-align:middle !important; }
.va-tt { vertical-align:text-top !important; }
.bg-dddddd { background:#dddddd !important; }
.bg-ffffff { background:#fff; }
.bg-gra { background:url(../../image/page/bg_gra.jpg) left bottom repeat-x; }
/* spaces */
.mt0 { margin-top: 0px !important; }
.mt2 { margin-top: 1px !important; }
.mt10 { margin-top: 5px !important; }
.mt15 { margin-top: 8px !important; }
.mt20 { margin-top: 10px !important; }
.mt25 { margin-top: 12px !important; }
.mt30 { margin-top: 15px !important; }
.mt35 { margin-top: 16px !important; }
.mt40 { margin-top: 20px !important; }
.mt50 { margin-top: 25px !important; }
.mt60 { margin-top: 30px !important; }
.mt70 { margin-top: 35px !important; }
.mt80 { margin-top: 40px !important; }
.mt90 { margin-top: 45px !important; }
.mt100 { margin-top: 50px !important; }
.mt120 { margin-top: 60px !important; }
.mt140 { margin-top: 70px !important; }
.mt150 { margin-top: 75px !important; }
.mb2 { margin-bottom: 1px !important; }
.mb10 { margin-bottom: 5px !important; }
.mb15 { margin-bottom: 8px !important; }
.mb20 { margin-bottom: 10px !important; }
.mb30 { margin-bottom: 15px !important; }
.mb35 { margin-bottom: 16px !important; }
.mb40 { margin-bottom: 20px !important; }
.mb50 { margin-bottom: 25px !important; }
.mb60 { margin-bottom: 30px !important; }
.mb70 { margin-bottom: 35px !important; }
.mb80 { margin-bottom: 40px !important; }
.mb90 { margin-bottom: 45px !important; }
.mb100 { margin-bottom: 50px !important; }
.mb120 { margin-bottom: 60px !important; }
.mb130 { margin-bottom: 65px !important; }
.mb140 { margin-bottom: 70px !important; }
.mb150 { margin-bottom: 75px !important; }
.mb160 { margin-bottom: 80px !important; }
 
.mt-50 { margin-top: -25px; }
.pt0 { padding-top: 0px !important; }
.pt10 { padding-top: 5px !important; }
.pt20 { padding-top: 10px !important; }
.pt30 { padding-top: 15px !important; }
.pt40 { padding-top: 20px !important; }
.pt50 { padding-top: 25px !important; }
.pt60 { padding-top: 30px !important; }
.pt70 { padding-top: 35px !important; }
.pt80 { padding-top: 40px !important; }
.pt90 { padding-top: 45px !important; }
.pt100 { padding-top: 50px !important; }
.pt120 { padding-top: 60px !important; }
.pt130 { padding-top: 65px !important; }
.pt140 { padding-top: 70px !important; }
.pb0 { padding-bottom: 0px !important; }
.pb10 { padding-bottom: 5px !important; }
.pb20 { padding-bottom: 10px !important; }
.pb30 { padding-bottom: 15px !important; }
.pb35 { padding-bottom: 17px !important; }
.pb40 { padding-bottom: 20px !important; }
.pb50 { padding-bottom: 25px !important; }
.pb60 { padding-bottom: 30px !important; }
.pb70 { padding-bottom: 35px !important; }
.pb80 { padding-bottom: 40px !important; }
.pb90 { padding-bottom: 45px !important; }
.pb100 { padding-bottom: 50px !important; }
.pb130 { padding-bottom: 65px !important; }
.pb140 { padding-bottom: 70px !important; }
.pb160 { padding-bottom: 80px !important; }
.ml75 { margin-left: 75px !important; }
.pl0 { padding-left: 0px !important; }
.pl10 { padding-left: 10px !important; }
.pl20 { padding-left: 20px !important; }
.pl30 { padding-left: 30px !important; }
.pr10 { padding-right: 10px !important; }
.pr20 { padding-right: 20px !important; }
.pr30 { padding-right: 30px !important; }
.ml0 { margin-left: 0px !important; }
.ml3 { margin-left: 3px !important; }
.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }
.mr0 { margin-right: 0px !important; }
.mr3 { margin-right: 3px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.pl25 { padding-left:25px !important; }
.pr25 { padding-right:25px !important; }
.pl30 { padding-left:30px !important; }
.pr30 { padding-right:30px !important; }
.pl40 { padding-left:40px !important; }
.pr40 { padding-right:40px !important; }

.font90 { font-size:45px !important; line-height: 1.2 !important; letter-spacing: -2px; }
.font80 { font-size:40px !important; line-height: 1.2 !important; letter-spacing: -2px; }
.font70 { font-size:35px !important; line-height: 1.2 !important; letter-spacing: -2px; }
.font60 { font-size:30px !important; line-height: 1.2 !important; letter-spacing: -2px; }
.font50 { font-size:25px !important; line-height: 1.2 !important; letter-spacing: -2px; }
.font45 { font-size:23px !important; line-height: 1.2 !important;}
.font40 { font-size:20px !important;}
.font38 { font-size:19px !important;}
.font36 { font-size:18px !important;}
.font35 { font-size:17px !important;}
.font34 { font-size:17px !important;}
.font33 { font-size:16px !important; }
.font30 { font-size:15px !important; }
.font29 { font-size:14px !important; }
.font28 { font-size:14px !important; }
.font27 { font-size:13px !important; }
.font25 { font-size:13px !important; }
.font24 { font-size:12px !important; }
.font23 { font-size:12px !important; }
.font22 { font-size:11px !important; }
.font21 { font-size:11px !important; }
.font20 { font-size:10px !important; }
.font19 { font-size:9px !important; letter-spacing:-1.5px; }
.font18 { font-size:14px !important; letter-spacing:-1.2px; }
.font17 { font-size:8px !important; }
.font16 { font-size:8px !important; }
.font14 { font-size:7px !important; }
.lh1 { line-height: 1 !important; }
.of-hi { overflow:hidden; }
.extra-bold, strong { font-weight:800; }
.bold { font-weight:600; }
.normal { font-weight:500; }
.thin { font-weight:100; }
.underline { text-decoration: underline; }
.ellipse { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.ellipse.lh2 { white-space: normal; line-height: 1.7; height: 3.4em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ellipse.lh3 { white-space: normal; line-height: 1.7; height: 5.1em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.ellipse.lh4 { white-space: normal; line-height: 1.7; height: 6.8em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
/* blind */
.blind{width:0; height:0; text-indent:-10000px;font-size:0px;line-height:0px; position:absolute; left:-99999px;}
.blind table{text-indent:-10000px}
/* skipnavi */
#skipnavi{height:0}
#skipnavi li a {display: block;font-size:1.154rem;width:100%;position:absolute;top:-10000px;left:0;text-align:center;z-index:999999}
#skipnavi li a:focus{position:absolute;top:0;left:0;font-weight:bold;background:#272727;padding:20px 0;color:#ffffff;height:14px}
/*layout*/
.clear { clear:both; }
#wrap {
	position: relative;
	width: 100%;
	overflow: hidden;
	min-width:320px;
	margin-top:50px 0px;
}
#wrap.main {
	position: relative;
	width: 100%;
	overflow: hidden;
	min-width:320px;
	margin:0px 0 50px;
}
#contentsWrap { position:relative; padding-bottom:50px; }
.basic-width { width:100%; padding:0px 2.66%; position:relative; overflow:hidden; }

.main #headerWrap {border-bottom:1px solid transparent;}
.main #headerWrap.fixed { border-bottom:1px solid #e4ebeb;}
.main #headerWrap .header {position:relative; overflow:hidden; width:100%; background:transparent;}
.main #headerWrap.fixed .header { background:#fff; }
#headerWrap {position:fixed; top:0; left:0; z-index:100; overflow:hidden; width:100%; border-bottom:1px solid #e4ebeb;}
#headerWrap .header {position:relative; overflow:hidden; width:100%; background:#fff;}
#headerWrap .header > p {position:relative; display:block; width:100%; text-align:center;}
#headerWrap .header > p a {display:block; width:124px; margin:auto;}
#headerWrap .header > button {position:absolute; display:block; top:0; z-index:2; width:53px;}
#headerWrap .header > button img {max-width:100%;}
#headerWrap .header .btn-menu {right:0;}
#headerWrap .header .btn-search {right:0;}
.header-quick-01 {
    position: absolute;
    display: block;
    top: 0;
    z-index: 2;
    left: 10px;
    display: flex;
    align-items: center;
    height: 50px;
}

.header-quick-01 img {
    width: 26px;height: auto; 
}

.header-quick-01 span {
    font-family: "NanumSquare";
    font-size: 11px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -1.4px;
    text-align: left;
    color: #363636;
    margin-left: 5px;
}
.box-login-btn {
    margin-top: 20px;
    display: flex !important;
    justify-content: space-between;
}
.box-login-btn a {cursor: pointer;}
.box-login-btn img { height: 31px; }

#menuWrap { position:fixed; top:0; right:-100%; z-index:1001; width:65%; height:100%; background:#fff;  -webkit-transition:right 0.3s; -ms-transition:right 0.3s; -o-transition:right 0.3s; -moz-transition:right 0.3s; transition:right 0.3s;}
#menuWrap.active {right:0;}
#menuWrap > p.info {position:relative; width:100%; height:50px; background:#005097; color:#fff; border-bottom:1px solid #dddddd; }
#menuWrap > ul{ position:absolute; left:0px; top:0px; width:100%; height:50px; padding:10px 0px; }
#menuWrap > ul li { position:relative; width:33.33%; float:left; }
#menuWrap > ul li a { display:block;padding-top:18px; color:#fff; text-align:center; font-size:8px; }
#menuWrap > ul li a.join { background: url(../../image/common/ico_join.png) no-repeat center top; background-size:17px auto; }
#menuWrap > ul li a.login { background: url(../../image/common/ico_login.png) no-repeat center top; background-size:20px auto; }
#menuWrap > ul li a.logout { background: url(../../image/common/ico_logout.png) no-repeat center top; background-size:19px auto; }
#menuWrap > ul li a.info{ background: url(../../image/common/ico_info.png) no-repeat center top; background-size:17px auto; }
#menuWrap > ul li a.staff{ background: url(../../image/common/ico_staff.png) no-repeat center top; background-size:17px auto; }
#menuWrap > ul li:first-child a { border-left:none; }
#menuWrap > p span {display:block; float:right; line-height:52px; margin-right:28px; color:#85ecff;}
#menuWrap .btn-menu-close {position:absolute; left:-36px; top:0px;  width:36px; height:50px; background:url("../../image/common/btn_close.png") no-repeat center center; background-size:20px; text-indent:-9999px; border:none; }
#gnbWrap {overflow-x:hidden; overflow-y:auto; margin-bottom:24px;}
#gnbWrap .depth1 > p {font-size:16px; font-weight: bold; padding:13px 19px; cursor:pointer; border-bottom:1px solid #dddddd; background:url(../../image/common/gnb_off.gif) no-repeat right 15px center; background-size:18px;}
#gnbWrap .depth1 > p.active {color:#005097; background:url(../../image/common/gnb_on.gif) no-repeat right 10px center; background-size:18px;}
#gnbWrap .depth2-ul {display:none; overflow:auto; border-bottom:1px solid #e5e5e5; padding:12px 0px; background:#f9f9f9; }
#gnbWrap .depth2-ul.pd-b { max-height: 370px; padding:12px 0px 100px; }
#gnbWrap .depth2-ul > li {font-size:0.875rem;}
#gnbWrap .depth2-ul > li > a { position:relative; display:block; font-size: 14px; font-weight: bold; color:#666666; padding:10px 10px 10px 32px; letter-spacing:-1.5px;}
#gnbWrap .depth2-ul > li.active > a { color:#005097; }
#gnbWrap .depth2-ul > li > ul { display: none; }
#gnbWrap .depth2-ul > li > ul > li a { display: block; font-size: 14px; padding: 10px 0px 10px 37px; }
#visualWrap { height:0px; padding-bottom:106%; text-align:center; background-size: 100% auto !important; }
#visualWrap #visual { position:relative; height:100%; display:table; }
#visualWrap #visual h2 { position:relative; height:100%; display:table-cell; vertical-align:middle; text-align:center; color:#fff; font-size:40px; letter-spacing:-1px; line-height:1.3; letter-spacing:-1px; font-weight:800; }
#visualWrap #visual h2 > span { display:block; font-size: 15px; font-weight: normal; }
#visualWrap.sub1-1 { background: url(../../image/page/bg_sub1_1.jpg) no-repeat top center; }
#visualWrap.sub1-2 { background: url(../../image/page/bg_sub1_2.jpg) no-repeat top center; }
#visualWrap.sub1-3 { background: url(../../image/page/bg_sub1_3.jpg) no-repeat top center; }
#visualWrap.sub1-4 { background: url(../../image/page/bg_sub1_4.jpg) no-repeat top center; }
#visualWrap.sub1-5 { background: url(../../image/page/bg_sub1_5.jpg) no-repeat top center; }
#visualWrap.sub1-6 { background: url(../../image/page/bg_sub1_6.jpg) no-repeat top center; }
#visualWrap.sub1-7 { background: url(../../image/page/bg_sub1_7.jpg) no-repeat top center; }
#visualWrap.sub2-1 { background: url(../../image/page/bg_sub2_1.jpg) no-repeat top center; }
#visualWrap.sub2-2 { background: url(../../image/page/bg_sub2_2.jpg) no-repeat top center; }
#visualWrap.sub2-3 { background: url(../../image/page/bg_sub2_3.jpg) no-repeat top center; }
#visualWrap.sub2-4 { background: url(../../image/page/bg_sub2_4.jpg) no-repeat top center; }
#visualWrap.sub2-5 { background: url(../../image/page/bg_sub2_5.jpg) no-repeat top center; }
#visualWrap.sub2-6 { background: url(../../image/page/bg_sub2_6.jpg) no-repeat top center; }
#visualWrap.sub2-7 { background: url(../../image/page/bg_sub2_7.jpg) no-repeat top center; }
#visualWrap.sub3-1 { background: url(../../image/page/bg_sub3_1.jpg) no-repeat top center; }
#visualWrap.sub3-2 { background: url(../../image/page/bg_sub3_2.jpg) no-repeat top center; }
#visualWrap.sub3-3 { background: url(../../image/page/bg_sub3_3.jpg) no-repeat top center; }
#visualWrap.sub3-4 { background: url(../../image/page/bg_sub3_4.jpg) no-repeat top center; }
#visualWrap.sub3-5 { background: url(../../image/page/bg_sub3_5.jpg) no-repeat top center; }
#visualWrap.sub4-1 { background: url(../../image/page/bg_sub4_1.jpg) no-repeat top center; }
#visualWrap.sub4-2 { background: url(../../image/page/bg_sub4_2.jpg) no-repeat top center; }
#visualWrap.sub4-3 { background: url(../../image/page/bg_sub4_3.jpg) no-repeat top center; }
#visualWrap.sub4-4 { background: url(../../image/page/bg_sub4_4.jpg) no-repeat top center; }
#visualWrap.sub4-5 { background: url(../../image/page/bg_sub4_5.jpg) no-repeat top center; }
#visualWrap.sub4-6 { background: url(../../image/page/bg_sub4_6.jpg) no-repeat top center; }
#visualWrap.sub5-1 { background: url(../../image/page/bg_sub5_1.jpg) no-repeat top center; }
#visualWrap.sub5-2 { background: url(../../image/page/bg_sub5_2.jpg) no-repeat top center; }
#visualWrap.sub5-3 { background: url(../../image/page/bg_sub5_3.jpg) no-repeat top center; }
#visualWrap.sub5-4 { background: url(../../image/page/bg_sub5_4.jpg) no-repeat top center; }
#visualWrap.sub5-5 { background: url(../../image/page/bg_sub5_5.jpg) no-repeat top center; }
#visualWrap.sub5-6 { background: url(../../image/page/bg_sub5_6.jpg) no-repeat top center; }
#visualWrap.sub5-7 { background: url(../../image/page/bg_sub5_7.jpg) no-repeat top center; }
#visualWrap.sub6-1 { background: url(../../image/page/bg_sub6_1.jpg) no-repeat top center; }
#visualWrap.sub6-2 { background: url(../../image/page/bg_sub6_2.jpg) no-repeat top center; }
#visualWrap.sub6-3 { background: url(../../image/page/bg_sub6_3.jpg) no-repeat top center; }
#visualWrap.sub6-4 { background: url(../../image/page/bg_sub6_4.jpg) no-repeat top center; }
#visualWrap.sub6-5 { background: url(../../image/page/bg_sub6_5.jpg) no-repeat top center; }
#visualWrap.sub6-6 { background: url(../../image/page/bg_sub6_6.jpg) no-repeat top center; }
#visualWrap.sub6-7 { background: url(../../image/page/bg_sub6_7.jpg) no-repeat top center; }
#visualWrap.sub6-8 { background: url(../../image/page/bg_sub6_8.jpg) no-repeat top center; }
#visualWrap.sub6-9 { background: url(../../image/page/bg_sub6_9.jpg) no-repeat top center; }

#visualWrap.sub7 { padding-bottom:66.66%; background: url(../../image/page/bg_sub7.jpg) no-repeat top center; }
#visualWrap.sub7-5 { background: url(../../image/page/bg_sub7_5.jpg) no-repeat top center; }
#visualWrap.sub8 { background: url(../../image/page/bg_sub8.jpg) no-repeat top center; }
#visualWrap.sub8-1 { background: url(../../image/page/bg_sub8-1.png) no-repeat top center; }
#footerWrap { position:relative; background:#2c333f; padding-top: 42px; }
#footerWrap .family-wrap { position: absolute; left: 0px;  top: 0px; width: 100%; z-index: 2; }
#footerWrap .family-wrap ul > li > div { width: 100%; height: 42px; line-height: 42px; font-size: 12px; color: #b8b8b8; padding: 0px 13px; cursor: pointer; text-align: center; background-color: #535c63; }
#footerWrap .family-wrap ul > li > div > span { padding-right: 20px; background-repeat: no-repeat; background-image: url(../../image/common/footer_arrow_down.png); background-position: right center; background-size: 9px auto; }
#footerWrap .family-wrap ul > li > ul { overflow: hidden; display: none; background-color: #f2f2f2; margin-top: -1px; padding: 10px 0px; }
#footerWrap .family-wrap ul > li > ul > li > a { display: block; font-size: 12px; color: #363636; background-color: #f2f2f2; text-align: center; padding: 4px 0px; }
#footerWrap .family-wrap.active ul > li > div > span { background-image: url(../../image/common/footer_arrow_up.png); }
#footerWrap .family-wrap.active ul > li > ul { display: block; }
#footerWrap .f-link { background:#2c333f; padding:10px 0px; border-bottom: 1px solid #565c65; }
#footerWrap .f-link a { font-size:0.846rem; color:#b0b1b3;}
#footerWrap .divide { color:#5d626a; background:#5d626a; width:1px; height:10px; display:inline-block; margin:0px 5px; }
#footerWrap .f-txt { position:relative; background:#2c333f; padding:20px 0px 20%; color:#b1b2b5; text-align:center; }
#footerWrap .f-txt p { color:#b1b2b5; font-size:13px; }
#footerWrap .f-txt p.name { color:#b1b2b5; font-size:13px; margin-bottom:10px; font-weight:300; }
#footerWrap .f-txt p .num { color:#b1b2b5 !important; }
#footerWrap .f-txt p.name a {
    color: #dceb0c !important;
    font-size: 13px;
}
#footerWrap .sns-btn-wrap a { margin: 0px 10px; }
.foofix{ position:fixed; bottom:0px;z-index:99;width:100%;}
.foofix ul{overflow:hidden;}
.foofix ul li{float:left;width:25%;}
.box-top {
    position: fixed;
    bottom: 150px;
    right: 10px;
    z-index: 1000;
    width: 55px;
}
/*common*/
.blue { color:#005097 !important; }
.red { color: #ff0000 !important; }
.gray { color:#999999 !important; }
.black { color:#000; }
.white { color:#fff; }
img.max { width:100%; }
.block {display:block; position:absolute; overflow:hidden; top:0; left:0; z-index:100; width:100%; height:100%; background:#000; opacity:0.7;}

.box-quick {display: flex;}
.box-quick .item:first-child {
    width: 50%;
    background-color: #0c63ce;
    height: 50px;
    padding: 15px 25px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.box-quick .item:nth-child(2) {
    width: 50%;
    background-color: #004590;
    padding: 15px 25px;
    box-sizing: border-box;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.box-quick .item span {
    font-family: "NanumSquare";
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.22px;
    text-align: left;
    color: #fff;
}

a.btn-lg-blue { min-width:134px; padding:0px 7px; height:40px; line-height:40px; color:#fff; border:1px solid #005097; text-align:center; display:inline-block; font-size:15px; font-weight:500; background:#005097; border-radius: 30px; margin:0px 3px; }
a.btn-lg-gray { min-width:134px; padding:0px 7px; height:40px; line-height:40px; color:#fff; border:1px solid #b4b8bc; text-align:center; display:inline-block; font-size:15px; font-weight:500; background:#b4b8bc; border-radius: 30px; margin:0px 3px; }
a.btn-lg-gray.w330 { min-width:330px;  }
a.btn-lg-blue.w105 { min-width:105px; }
a.btn-lg-gray.w105 { min-width:105px; }
a.btn-normal-grayline { width:120px; height:40px; line-height:40px; color:#fff; border:1px solid #b4b8bc; text-align:center; display:inline-block; font-size:15px; font-weight:500; background:#b4b8bc; margin:0px 5px; }
a.btn-normal-blue { min-width:100px; height:30px; padding: 0px 7px; line-height:28px; color:#fff; border:1px solid #005097; text-align:center; display:inline-block; font-size:12px; font-weight:500; background:#005097; margin:10px 5px 40px 5px; border-radius: 24px; }
a.btn-normal-gray {  min-width:120px; height:50px; line-height:50px; color:#fff; border:1px solid #b4b8bc; text-align:center; display:inline-block; font-size:15px; font-weight:500; background:#b4b8bc; margin:0px 7px; border-radius: 24px; }
a.btn-normal-grayline { width:160px; height:50px; line-height:50px; color:#b4b8bc; border:1px solid #b4b8bc; text-align:center; display:inline-block; font-size:16px; font-weight:500; background:#fff; margin:0px 7px; }
a.btn-normal-green { width:198px; height:50px; line-height:50px; color:#fff; text-align:center; display:inline-block; font-size:16px; font-weight:500; background:#5cbb46; }
a.btn-board-blue { width:67px; height:23px; line-height:23px; color:#fff; border:1px solid #005097; text-align:center; display:inline-block; font-size:9px; font-weight:600; background:#005097; border-radius: 16px; }
a.btn-board-gray { width:67px; height:23px; line-height:23px; color:#333; border:1px solid #f2f2f2; text-align:center; display:inline-block; font-size:9px; font-weight:600; background:#f2f2f2; border-radius: 16px; }
a.btn-board-grayline { width:95px; height:32px; line-height:32px; color:#b4b8bc; border:1px solid #b4b8bc; text-align:center; display:inline-block; font-size:16px; font-weight:500; background:#fff; }
a.btn-small-gray { width:110px; height:35px; line-height:33px; color:#fff; border:1px solid #b4b8bc; text-align:center; display:inline-block; font-size:14px; font-weight:500; background:#b4b8bc; margin:0px 5px; }
a.btn-small-grayline { width:110px; height:35px; line-height:33px; color:#b4b8bc; border:1px solid #b4b8bc; text-align:center; display:inline-block; font-size:14px; font-weight:500; background:#fff; margin:0px 5px; }
a.btn-small-blue { width:96px; height:38px; line-height:38px; color:#fff; border:1px solid #005097; text-align:center; display:inline-block; font-size:16px; font-weight:500; background:#005097; margin:0px 7px; }
a.btn-board-line { width:58px; height:25px; line-height:25px; color:#363636; border:1px solid #d4d4d4; text-align:center; display:inline-block; font-size:9px; background:#fff; border-radius: 4px; font-weight: 600; }
a.btn-gradation { display: inline-block; width: 110px; height: 35px; line-height: 35px; font-size: 11px; color: #fff; text-align: center;  background-image: -webkit-linear-gradient( -22deg, rgb(0,80,151) 0%, rgb(7,93,170) 100%); }
  
[class^="pop"] a.btn-normal-blue { width:136px; height:38px; line-height:38px; color:#fff; text-align:center; display:inline-block; font-size:15px; font-weight:500; background:#09baee; margin:0px 4px; }
[class^="pop"] a.btn-normal-gray { width:136px; height:38px; line-height:38px; color:#fff; text-align:center; display:inline-block; font-size:15px; font-weight:500; background:#b7b7b7; margin:0px 4px; }
.standby { display:inline-block; background:#b4b4b4; font-size:14px; padding:0px 20px; line-height:30px; height:30px; color:#fff; margin-left:40px;}
.q_comp { display:inline-block; background:#717171; font-size:14px; padding:0px 20px; line-height:30px; height:30px; color:#fff; margin-left:40px;}


.modal {
    width: 100%;
    height: 100%;
    background: #000;
    filter: alpha(opacity=85);
    opacity: 0.8;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99998;
    display: none;
}
.layerPop {
    z-index: 99999;
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 484px;
    background: #fff;
    box-shadow: 5px 10px 2px rgba(0,0,0,.1);
}
.title-sq { font-family: 'NanumSquare'; }
button {padding:0; background:none; border:none; cursor:pointer;}
/* selectbox */
.selectArea{position:relative; display:inline-block;}
select.select{padding: 0 10px;height:40px;font-size:14px;line-height:38px;display:inline-block;cursor:pointer;border:1px solid #dddddd;color:#333333;background:#fff url('../../image/common/btn_selectBox.gif') no-repeat right 6px center; background-size: 7px auto; }

div.selectbox-wrapper{position:absolute;width:400px;background-color:white;border:1px solid #dddddd;margin:-1px 0 0 0;padding:0;text-align:left;height:60;/*IE6 fix */ overflow-y:auto;z-index:1;max-height:300px;}
div.selectbox-wrapper ul li.selected{background-color:#eee}
div.selectbox-wrapper ul li.current{background-color:#ddd}
div.selectbox-wrapper ul li{list-style-type:none;display:block;margin:0;padding:2px 5px 2px 10px;cursor:pointer;font-size:12px;line-height:33px;}
html:first-child select{padding-right:11px; } /* Opera 9 & Below Fix */
/* selectbox 디자인만 */
select:not(.no-style) {
  font-family:inherit;  /* 폰트 상속 */
  border-radius:0px; /* iOS 둥근모서리 제거 */
  -webkit-appearance:none; /* 네이티브 외형 감추기 */
  -moz-appearance:none;
  appearance:none;
}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {
  display:none;
}
/*radio, checkbox custom style*/
.check,
.radio {padding:2px 0 2px 20px; }
.radio {background: url(../../image/common/radio-off.png)no-repeat center left; background-size: 14px 14px; font-size: 14PX; }
.check {background: url("../../image/common/check-off.gif") no-repeat center left; background-size:14px 14px; font-size: 10px; }
label.c_on {background: url("../../image/common/check-on2.gif") no-repeat center left; background-size: 14px 14px; }
label.r_on {background: url("../../image/common/radio-on.png") no-repeat center left; background-size: 14px 14px; }
.nm .check { margin:0px !important; background: url("../../image/common/check2-off.gif") no-repeat center left; background-size:14px 14px; }
.nm .check.c_on {margin:0px !important; background: url("../../image/common/check2-on.gif") no-repeat center left; background-size:14px 14px; }
label{margin:0 20px 0 0;line-height:1.5em; }
.board label{margin:0 10px 0 0;line-height:1.5em; letter-spacing: -0.5px; }
.check input,
.radio input { position: absolute; left: -9999px;}
/*paging*/
.paging{margin-top:0px;text-align:center; position:relative; overflow:hidden; }
.paging img { vertical-align:middle; width: 30px; }
.paging .number { height:30px; line-height:30px; font-family:'dotum'; margin: 0px 15px; }
.paging .number a { font-size:12px; padding:0px 0px; color:#cdcdcd; font-weight:400; }
.paging .number a.current{font-weight:bold; color:#363636;}
.paging .number > span { font-size: 12px; color: #cdcdcd; }
.paging .inner-btn { position:absolute; right:0px; top:0px; }
.paging .inner-btn-left { position:absolute; left:0px; top:0px; }

/*file*/
.file_input label {
    position:absolute;
	right:1px;
	top:7px;
    cursor:pointer;
    display:inline-block;
    vertical-align:middle;
    overflow:hidden;
    width:58px;
    height:40px;
    background:#005097;
    color:#fff;
    text-align:center;
    line-height:38px;
	border:1px solid #ddd;
	margin:0px !important;
	font-size:10px;
}
.file_input label input {
    position:absolute;
    width:0;
    height:0;
    overflow:hidden;
	border:none;
}
.file_input input[type=text] {
    vertical-align:middle;
    display:inline-block;
    width:292px;
    height:40px;
    line-height:38px;
    font-size:10px;
    padding: 0px 10px;
    border: 1px solid #dddddd;

}

.selectbox{padding: 0 10px;height:33px;font-size:14px;line-height:31px;display:block;cursor:pointer;border:1px solid #dddddd;color:#999999;background:#fff url('../../image/common/btn_selectBox.gif') no-repeat right center;}
/*btn*/
[class*="btn"]:not([class*="btn-"]) { display:inline-block; }

#contentsWrap .textBox{border:1px solid #dcdcdc; font-weight:400; overflow:scroll; overflow-X:hidden; padding:10px; height:100%; color:#888; font-size:0.846rem; }
#contentsWrap .textBox.no-scroll { overflow:hidden; height:auto; }
/*color*/
.pop { position:relative; width:100%; height:100%; /*max-width:320px;*/  }
.pop-footer { position:absolute; bottom:0px; left:0px; width:100%; }
.pop-body { position:relative; overflow-y:auto; }
.pop-footer > a { width:50%; float:left; }

/*trasition*/
.ani-all {
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
/* col-wrap */
.col-wrap {margin: 0 0px; overflow: hidden;}
.col-sm-1, .col-md-1, .col-lg-1, 
.col-sm-2, .col-md-2, .col-lg-2,
.col-sm-3, .col-md-3, .col-lg-3,
.col-sm-4, .col-md-4, .col-lg-4,
.col-sm-5, .col-md-5, .col-lg-5,
.col-sm-6, .col-md-6, .col-lg-6,
.col-sm-7, .col-md-7, .col-lg-7,
.col-sm-8, .col-md-8, .col-lg-8,
.col-sm-9, .col-md-9, .col-lg-9,
.col-sm-10, .col-md-10, .col-lg-10,
.col-sm-11, .col-md-11, .col-lg-11,
.col-sm-12, .col-md-12, .col-lg-12 {float: left; position: relative; min-height: 1px; padding-right: 0px; padding-left: 0px; box-sizing: border-box;}
.col-lg-12 { width: 100%; }
.col-lg-11 { width: 91.66666667%; }
.col-lg-10 { width: 83.33333333%; }
.col-lg-9 { width: 75%;}
.col-lg-8 { width: 66.66666667%; }
.col-lg-7 { width: 58.33333333%; }
.col-lg-6 { width: 50%;}
.col-lg-6-new { width: 100%;}
.col-lg-6-new strong {
	margin-right: 5px;
}
.col-lg-5 { width: 41.66666667%; }
.col-lg-4 { width: 33.33333333%; }
.col-lg-3 { width: 25%; }
.col-lg-2 { width: 16.66666667%; }
.col-lg-1 { width: 8.33333333%; }