/*
	Document   : Style
	Created on : 2018. 11. 27
	Author     : SW
*/

@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css'); 
@import url('https://fonts.googleapis.com/css?family=Exo+2:200,300,400,500,600,700,800');

*{ margin: 0; padding: 0; }

/*Html 5 리셋 */
article, aside, hgroup, header, footer, figure, figcaption, nav, section {display: block;}

/*기본 리셋 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, address, big, cite, code, del, dfn, em, font, img, ins,q, s, samp, small, strike, 
strong, sub, sup, tt, var, b,u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: none 0; }
html, body { width:100%; height:auto;}
body {min-width:1200px;}
body, input, button, textarea,table, td { font-size:12px; line-height:1.5em; font-family: 'Noto Sans KR', 'Noto Sans Korean', 'Lato', sans-serif, Verdana, 'Exo 2', "돋움", Dotum, Helvetica, AppleGothic; color:#444;}
img, fieldset, iframe {border:0 none;}
table, div {border-collapse: collapse;}
address, caption, cite, code, dfn, em, strong, th, var { font-style : normal; font-weight : normal; }
ul, li, ol { list-style-type: none;}
img{border:0;}
a {	color: #555; text-decoration: none;	outline: none; cursor: pointer;}
ol,ul{ list-style: none; }
button{ border: 0; cursor: pointer; }
textarea{ resize: none; padding: 12px; }


/*width*/
.wd50 { width: 50% !important; }
.wd100 { width: 100% !important; }
.wd3_1 { width: 33.33333% !important; }
.wd4_1 { width: 25% !important; }
.wd5_1 { width: 20% !important; }
.wd6_1 { width: 16.6666% !important; }

/* width end*/

.f_left { float: left !important; }
.f_right { float: right !important; }
.f_none { float: none !important; }

.txt_left { text-align: left !important; }
.txt_right { text-align: right !important; }
.txt_center { text-align: center !important; }

.font_exo2{ font-family: 'Exo 2', sans-serif !important; }
.font_size12{ font-size: 12px !important; }
.font_size13{ font-size: 13px !important; }
.font_size14{ font-size: 14px !important; }
.font_size15{ font-size: 15px !important; }
.font_size16{ font-size: 16px !important; }
.font_size17{ font-size: 17px !important; }
.color4{ color: #444; }
.color0{ color: #000 !important; }

.light{font-weight:300; letter-spacing: -1px;}

.red{color:#ff4d5f !important;}
.gray{color:#ccc;}
.yellow{color:#ffdf00;}
.orange{color:#ff6600;}
.green{color:#45ac6e;}
.inndi_puple{color:#6578ff;}
.bold{font-weight:600;}
.blue{color:#0058ff !important;}
.c_ligreen{color:#07d3aa;}
.c_eligrenn{color:#18fbbc;}

.stred{color : #ff4444;}
.stgreen{color:#0058ff;}


.br_d{border-right:1px solid #ddd;}
.bl_d{border-left:1px solid #ddd;}
.bb_b{border-bottom:1px solid #bbb;}
.bb_none{border-bottom:none !important; }
.bl_c{border-left:1px solid #ccc;}
.br_c{border-right:1px solid #ccc;}
.bt_b2{border-top:2px solid #222;}


/*margin*/
.m0 { margin: 0px !important; }
.m5 { margin: 5px !important; }
.m10 { margin: 10px !important; }
.m15 { margin: 15px !important; }
.m20 { margin: 20px !important; }
.m25 { margin: 25px !important; }
.m30 { margin: 30px !important; }
.m35 { margin: 35px !important; }
.m40 { margin: 40px !important; }
.m45 { margin: 45px !important; }
.m50 { margin: 50px !important; }
.mt0 { margin-top: 0px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mt65 { margin-top: 65px !important; }
.mt70 { margin-top: 70px !important; }
.mt75 { margin-top: 75px !important; }
.mt80 { margin-top: 80px !important; }
.mt85 { margin-top: 85px !important; }
.mt90 { margin-top: 90px !important; }
.mt95 { margin-top: 95px !important; }
.mt100 { margin-top: 100px !important; }
.mt120 { margin-top: 120px !important; }
.mt140 { margin-top: 140px !important; }

.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb75 { margin-bottom: 75px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb85 { margin-bottom: 85px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb95 { margin-bottom: 95px !important; }
.mb100 { margin-bottom: 100px !important; }

.mr0 { margin-right: 0px !important; }
.mr3 { margin-right: 3px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr22 { margin-right: 22px !important; }
.mr23 { margin-right: 23px !important; }
.mr24 { margin-right: 24px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr39 { margin-right: 39px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }

.ml0 { margin-left: 0px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
/*//margin end*/

/*padding*/
.p0 { padding: 0px !important; }
.p5 { padding: 5px !important; }
.p10 { padding: 10px !important; }
.p15 { padding: 15px !important; }
.p20 { padding: 20px !important; }
.p25 { padding: 25px !important; }
.p30 { padding: 30px !important; }
.p35 { padding: 35px !important; }
.p40 { padding: 40px !important; }
.p45 { padding: 45px !important; }
.p50 { padding: 50px !important; }

.pt0 { padding-top: 0px !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pt60 { padding-top: 60px !important; }
.pt65 { padding-top: 65px !important; }
.pt70 { padding-top: 70px !important; }
.pt80 { padding-top: 80px !important; }
.pt90 { padding-top: 90px !important; }
.pt100 { padding-top: 100px !important; }

.pb0 { padding-bottom: 0px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb70 { padding-bottom: 70px !important; }
.pb80 { padding-bottom: 80px !important; }


.pr0 { padding-right: 0px !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }
.pr60 { padding-right: 60px !important; }

.pl0 { padding-left: 0px !important; }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl37 { padding-left: 37px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }
.pl60 { padding-left: 60px !important; }
/*//padding end*/

/*class에 따른 important call*/
.display_non{display:none;}
.display_block{ display: block !important; }
.ff6600{color:#ff6600;}
.emerald{color:#47cb90 ;}
.tras_d{transition-duration: 0.3s;}
.gray_bg{ background-color: #fafafa; }
.sort{color:#07ba4f; font-weight:500;}

/*버튼스타일*/
.btn01{border-radius: 3px; background:#c6cedc; color:#243045; padding: 4px 19px;  font-size: 11px; font-weight:500; border:none; transition: .2s ease;}
.btn01:hover{background:#49d295; }
.btn02{border-radius: 16.5px; width: 105px; padding:6px 0; border: 1px solid #ccc; display:block; text-align: center; font-size:13px; color:#444; font-weight:400; margin:5px auto; transition-duration: 0.2s;}
.btn02:hover{background: #49d295; }
.btn03{border-radius: 3px; background:#0b2035; color:#fff; font-size:15px; display: block; width:139px; height:50px; margin:0 auto; text-align: center; line-height: 50px; transition-duration: 0.3s; cursor : pointer;}
.btn03:hover{color:#49d295;}
.btn04{width:50px !important; height:34px !important; line-height: 34px !important; color:#fff !important; font-size:13px !important; display: block ; text-align: center !important; background: #0b2239 !important; padding:0 18px; border-radius: 3px;}
.btn04_off{width:50px !important; height:34px !important; line-height: 34px !important; color:#fff; font-size:13px !important; display: block ; text-align: center !important; background: #787878 ; padding:0 18px; border-radius: 3px;}

.btn05{border-radius: 16.5px; width: 119px; height:24px; border: 1px solid #ccc; display:block; text-align: center; font-size:13px; color:#444; font-weight:400; margin:5px auto; transition-duration: 0.3s; background: url('../Images/newcommon/btn02.png') no-repeat center center;}
.btn05:hover{background: #0b2239 url('../Images/newcommon/btn02_on.png') no-repeat center center;}
.btn06{border-radius: 16.5px; width: 119px; height:24px; border: 1px solid #ccc; display:block; text-align: center; font-size:13px; color:#444; font-weight:400; margin:5px auto; transition-duration: 0.2s; background: url('../Images/newcommon/btn01.png') no-repeat center center;}
.btn06:hover{background: #0b2239 url('../Images/newcommon/btn01_on.png') no-repeat center center;}
.btn07{border-radius: 16.5px; width: 105px; padding:6px 0; display:block; text-align: center; font-size:13px; color:#fff  ; font-weight:400; margin:5px auto; transition-duration: 0.2s; background:#0b2239 ; cursor: pointer;}
.btn07:hover{background: #49d295; color:#0b2239; }

.btn08{border-radius: 16.5px; width: 105px; padding:6px 0; display:block; text-align: center; font-size:13px; color:#fff  ; font-weight:400;transition-duration: 0.2s; background:#0b2239 ;}
.btn08:hover{background: #49d295; color:#0b2239; }

.btn09{background: #070e0f; color:#fff; width: 156px; height:38px; line-height: 38px; display: block; font-size: 15px; font-weight: 400; margin: 0 auto; letter-spacing: -0.5px; transition-duration: 0.3s; }
.btn09:hover{background: #ededed; color:#070e0f;}

.btn10{color:#222; display: inline-block; font-size: 14px; font-weight: 400; letter-spacing: -0.5px; border:1px solid #222; padding: 8px 16px; transition-duration: 0.3s; line-height:125%;}
.btn10:hover {background:#0b2239; color:#37ea9a ; }

.btn11{border-radius: 16.5px; width: 105px; padding:6px 0; border: 1px solid #555; display:block; text-align: center; font-size:13px; color:#222; font-weight:400; transition-duration: 0.2s;}
.btn11:hover{background: #49d295; border: 1px solid #49d295;  }

.btn12{border-radius: 19.5px; width: 100%; height:39px; border: 1px solid #ccc; display:block; text-align: center; font-size:13px; color:#444; font-weight:400; margin:5px auto; transition-duration: 0.4s; background: url('../Images/newcommon/btn12.png') no-repeat center center;}
.btn12:hover{background: #0b2239 url('../Images/newcommon/btn12_on.png') no-repeat center center;}

.btn13 {display:inline-block; background: #0b2239;  color: #fff;  border: none; height: 30px; padding: 0 19px;  cursor: pointer;  border-radius: 3px; font-size:13px; line-height: 30px; }
.btn13:hover {background: #0b2239 ; color:#0b2239;}

.btn14 {display:inline-block; background: #0b2239;  color: #fff;  padding: 15px 35px;  cursor: pointer;  border-radius: 3px; box-sizing: border-box; min-width: 120px; border:none; font-size:14px; font-weight: 400; line-height:100%;}
.btn14_off{display:inline-block; background: #a4a4b3;  color: #fff;  padding: 15px 35px;  cursor: pointer;  border-radius: 3px; box-sizing: border-box; min-width: 120px; border:none; font-size:14px; font-weight: 400; line-height:100%;}

.btn14:hover {color:#49d295; transition-duration: 0.3s;}

.btn15 {display:block; background: #0058ff;  color: #fff;  padding: 15px 0;  cursor: pointer;  border-radius: 3px; box-sizing: border-box; min-width: 120px; border:none; font-size:14px; font-weight: 400; line-height:100%; width:205px; margin:0 auto;}
.btn15_off{display:block; background: #0b2239;  color: #fff;  padding: 15px 0 ;  cursor: pointer;  border-radius: 3px; box-sizing: border-box; min-width: 120px; border:none; font-size:14px; font-weight: 400; line-height:100%; width:205px; margin:0 auto;}

.btn15:hover { opacity: 0.9; transition-duration: 0.3s;}
.btn15_off:hover {color:#49d295; transition-duration: 0.3s; }

.btn16 { border-radius: 3px; background: #0b2035; color: #fff; font-size: 18px;  display: inline-block;  width: 255px;  height: 56px;  margin: 0 auto; text-align: center; line-height: 56px;  transition-duration: 0.3s;  cursor: pointer; }
.btn16:hover {color:#49d295; transition-duration: 0.3s;}

.complet{border-radius: 3px; background: #4f4f4f; padding:7px 20px; color:#fff; font-weight:400; font-size:14px; letter-spacing: -0.2px;}
.standby{border-radius: 3px; background: #ccc; padding:7px 20px; color:#787878; font-weight:400; font-size:14px; letter-spacing: -0.2px;}


/* 에러처리 */
.inputContainer { position: relative; float: left; }
.formError { position: absolute; top: 300px; left: 300px; display: block; z-index: 115000; cursor: pointer; }
.ajaxSubmit { padding: 20px; background: #55ea55; border: 1px solid #999; display: none }
.formError .formErrorContent { left:-50px; width: 100%; background: #4a90e2; position:relative; z-index:115001; color: #fff; width: 190px; font-size: 11px; padding: 4px 10px 4px 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.greenPopup .formErrorContent { background: #33be40; }
.blackPopup .formErrorContent { background: #393939; color: #FFF; }
.formError .formErrorArrow { width: 15px; margin: -2px 0 0 150px; position:relative; z-index: 115006; display:none;}
.formError .formErrorArrowBottom { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0px 0 0 12px; top:2px; }
.formError .formErrorArrow div { border-left: 2px solid #ddd; border-right: 2px solid #ddd; box-shadow: 0 2px 3px #444; -moz-box-shadow: 0 2px 3px #444; -webkit-box-shadow: 0 2px 3px #444; font-size: 0px; height: 1px; background: #ee0101; margin: 0 auto; line-height: 0; font-size: 0; display: block; }
.formError .formErrorArrowBottom div { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.greenPopup .formErrorArrow div { background: #33be40; }
.blackPopup .formErrorArrow div { background: #393939; color: #FFF; }
.formError .formErrorArrow .line10 { width: 15px; border: none; }
.formError .formErrorArrow .line9 { width: 13px; border: none; }
.formError .formErrorArrow .line8 { width: 11px; }
.formError .formErrorArrow .line7 { width: 9px; }
.formError .formErrorArrow .line6 { width: 7px; }
.formError .formErrorArrow .line5 { width: 5px; }
.formError .formErrorArrow .line4 { width: 3px; }
.formError .formErrorArrow .line3 { width: 1px; border-left: 2px solid #ddd; border-right: 2px solid #ddd; border-bottom: 0 solid #ddd; }
.formError .formErrorArrow .line2 { width: 3px; border: none; background: #ddd; }
.formError .formErrorArrow .line1 { width: 1px; border: none; background: #ddd; }
/* //에러처리*/


@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Thin'), local('NotoSans-Thin'),
    url(fonts/eot/NotoSansKR-Thin-Hestia.eot),
    url(fonts/eot/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),
    url(fonts/woff/NotoSansKR-Thin-Hestia.woff) format('woff'),
    url(fonts/otf/NotoSansKR-Thin-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Light'), local('NotoSans-Light'),
    url(fonts/eot/NotoSansKR-Light-Hestia.eot),
    url(fonts/eot/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
    url(fonts/woff/NotoSansKR-Light-Hestia.woff) format('woff'),
    url(fonts/otf/NotoSansKR-Light-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 350;
    src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),
    url(fonts/eot/NotoSansKR-DemiLight-Hestia.eot),
    url(fonts/eot/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
    url(fonts/woff/fonts/woff/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
    url(fonts/otf/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
    url(fonts/eot/NotoSansKR-Regular-Hestia.eot),
    url(fonts/eot/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
    url(fonts/woff/NotoSansKR-Regular-Hestia.woff) format('woff'),
    url(fonts/otf/NotoSansKR-Regular-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'),
    url(fonts/eot/NotoSansKR-Medium-Hestia.eot),
    url(fonts/eot/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
    url(fonts/woff/NotoSansKR-Medium-Hestia.woff) format('woff'),
    url(fonts/otf/NotoSansKR-Medium-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),
    url(fonts/eot/NotoSansKR-Bold-Hestia.eot),
    url(fonts/eot/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
    url(fonts/woff/NotoSansKR-Bold-Hestia.woff) format('woff'),
    url(fonts/otf/NotoSansKR-Bold-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;

    font-weight: 900;
    src: local('Noto Sans Black'), local('NotoSans-Black'),
    url(fonts/eot/NotoSansKR-Black-Hestia.eot),
    url(fonts/eot/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype'),
    url(fonts/woff/NotoSansKR-Black-Hestia.woff) format('woff'),
    url(fonts/otf/NotoSansKR-Black-Hestia.otf) format('opentype');
}