@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/**** CSS RESET ****/
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, a,
time, mark, audio, video { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
ul li{list-style:none;}
ol li{list-style:none;}
a {margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; text-decoration: none; color:#333;}
a img, li img{vertical-align:top;}
legend{display: none;}

textarea:focus,
input:focus,
select:focus{
    outline: -webkit-focus-ring-color auto 0;
}

/**** 기본 ****/
html, body{width: 100%; height: 100%;}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}




/**** 글꼴설정 ****/
body{
    font-family: 'Nanum Gothic', sans-serif; 
    line-height: 1.5; 
    letter-spacing: -0.025em; 
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.bold {font-weight: 900;}
.regular {font-weight: 600;}
.light {font-weight: 400;}

body h1{font-size: 30px;}
body h2{font-size: 20px; font-weight: 900;}
body h3{font-size: 24px;}
body h4{font-size: 20px;}
body h5{font-size: 18px;}
body h6{font-size: 16px;}
p{font-size: 14px;}
button, a{
    font-family: 'Nanum Gothic', sans-serif; 
    font-weight: 900;
    line-height: 1.5; 
    letter-spacing: -0.025em; 
}
input, textarea{
    font-family: 'Nanum Gothic', sans-serif; 
    font-weight: 600;
    line-height: 1.5; 
    letter-spacing: -0.025em; 
}

@media (max-width: 992px){
    body h1{font-size: 24px;}
    body h2{font-size: 20px;}
    body h3{font-size: 20px;}
    body h4{font-size: 18px;}
    body h5{font-size: 16px;}
    body h6{font-size: 14px;}
    p{font-size: 14px;}
}


/*** clear ***/
.clearfix:before, .clearfix:after, 
.container:before, .container:after,
.container_pad:before, .container_pad:after,
.content:before, .content:after,
.wrap:before, .wrap:after,
.inner:before, .inner:after{content: " "; display: block; clear: both;}

/*** show, hide ***/
.show {display:block !important;}
.hide {display:none !important;}

/*** 정렬 ***/
.text_l {text-align:left !important;}
.text_c {text-align:center !important;}
.text_r {text-align:right !important;}

/*** box ***/
.container {
    margin-right: auto;
    margin-left: auto;
}

.container_pad {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.container_fluid {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

.content{
    width:100%; 
}

.content{
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.table_cell{
    display: table-cell;
    vertical-align: middle;
}

/*** color ***/

/* text color */
body{color:#333;} 
.text_white {color: #f2f2f2;} /* 흰색 */
.text_black {color: #333;} /* 검정 */
.text_normal {color:#b3151b;} /* 메인컬러 */
.text_primary {color:#2c3c92;} /* 포인트컬러 */
.text_second {color: #3b5997;} /* 서브컬러 */
.text_second2 {color: #00bcd4;} /* 서브컬러 */
.text_muted {color: #9e9e9e; font-weight: 400;} /* 비활성화 */
.text_active {color: #0e0457;} /* 활성화 ex.tab */


/* bg color */
.bg_white {background-color: #fff;} /* 흰색 */
.bg_black {background-color: #000;} /* 검정 */
.bg_normal {background-color:#bf0003;} /* 메인컬러 */
.bg_primary {background-color: #2c3c92;} /* 포인트컬러 */
.bg_second {background-color: #fb826e;} /* 서브컬러 */
.bg_second2 {background-color: #403f3b;}
.bg_muted {background-color: #b9c0cb;} /* 비활성화 */
.bg_active {background-color: #0e0457;} /* 활성화 ex.tab */

.bg_gray {background-color: #f6f6f6;} 

.bg_bgray {background-color: #f2f4f7;} 
.bg_rgray {background-color: #efe0e0;}
.bg_ygray {background-color: #f9f7f1;}
.bg_kakao {background-color: #ffb300;}/* kakao */

/* btn color */
.btn_white {background-color: #fff;  border: 1px solid #fff;} /* 흰색 */
.btn_black {background-color: #000; border: 1px solid #000; color:#fff;} /* 검정 */

.btn_normal {background-color: #b3151b; color:#fff; border: 1px solid #b3151b; cursor: pointer;} /* 메인컬러 */
.btn_normal:hover {background-color:#941217; color:#fff; border: 1px solid #941217; }

.btn_line {background-color: rgba(0, 0, 0, 0); color:#941217; border: 1px solid #941217;  cursor: pointer;}/* 테두리 */
.btn_line:hover {background-color:#941217; color:#fff; border: 1px solid #941217;}

.btn_primary {background-color: #2c3c92; color:#fff; border: 1px solid #2c3c92; cursor: pointer;} /* 포인트컬러 */
.btn_primary:hover {background-color:#1b2973; color:#fff; border: 1px solid #1b2973;}
.btn_prline {background-color: rgba(0, 0, 0, 0); color:#2c3c92; border: 1px solid #2c3c92;  cursor: pointer;}/* 포인트테두리 */
.btn_prline:hover {background-color:#2c3c92; color:#fff; border: 1px solid #2c3c92;}

.btn_second {background-color: #ffc107; color:#fff8e1; border: 1px solid #ffc107; cursor: pointer;} /* 서브컬러 */
.btn_second:hover {background-color:#FFA000; color:#fff8e1; border: 1px solid #FFA000;}

.btn_second2 {background-color: #009688; color:#fff; border: 1px solid #009688; cursor: pointer;} /* 서브컬러2 */
.btn_second2:hover {background-color:#00897b; color:#fff; border: 1px solid #00897b;}

.btn_bgray {background-color: #f2f4f7; color:#00142c; border: 1px solid #f2f4f7; cursor: pointer;} /* bgray */
.btn_bgray:hover {background-color:#b9c0cb; color:#00142c; border: 1px solid #b9c0cb;}

.btn_kakao {background-color: #ffcd00; color:#39291c; border: 1px solid #ffcd00; cursor: pointer;} /* kakao */
.btn_kakao:hover {background-color:#feb500; color:#39291c; border: 1px solid #feb500;}
/* kakao테두리 
.btn_kaline {background-color: rgba(0, 0, 0, 0); color:#39291c; border: 1px solid #ffcd00; cursor: pointer;}
.btn_kaline:hover {background-color:#ffcd00; color:#39291c; border: 1px solid #ffcd00;}*/

.btn_muted {background-color: #b9c0cb; color:#333; border: 1px solid #b9c0cb; cursor: auto;} /* 비활성화 */

.btn_active {color:#333; cursor: pointer;} /* 활성화 ex.tab */
.btn_active:hover {color:#c7070e; cursor: pointer;}
.btn_active .active {color:#c7070e;}

.btn_link {color:#941217;} /* 링크 */
.btn_link:hover {color:#b7050c;}

.btn_link2 {color:#eee;} /* 링크 */
.btn_link2:hover {color:#ff8a8a !important;}


*:hover{
    -webkit-transition: all 0.5s; 
    -moz-transition: all 0.5s; 
    -ms-transition: all 0.5s; 
    -o-transition: all 0.5s; 
    transition: all 0.5s;
}

/* btn color keyframes */

/* kakao테두리 */
@keyframes btn_blink {
0% {background-color: rgba(0, 0, 0, 0); color:#b3151b; border: 1px solid #b3151b;}
50% {background-color: #b3151b; color:#fff; border: 1px solid #b3151b;}
}
@-webkit-keyframes btn_blink {
0% {background-color: rgba(0, 0, 0, 0); color:#b3151b; border: 1px solid #b3151b;}
50% {background-color: #b3151b; color:#fff; border: 1px solid #b3151b;}
}
.btn_bline {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0); 
    color:#39291c; 
    border: 1px solid #b3151b;
    animation: btn_blink 1.5s step-end infinite;
    -webkit-animation: btn_blink 1l5s step-end infinite;
}

/* kakao테두리 */
@keyframes btn_glink {
0% {background-color: rgba(0, 0, 0, 0); color:#009688; border: 1px solid #009688;}
50% {background-color: #009688; color:#fff; border: 1px solid #009688;}
}
@-webkit-keyframes btn_glink {
0% {background-color: rgba(0, 0, 0, 0); color:#009688; border: 1px solid #009688;}
50% {background-color: #009688; color:#fff; border: 1px solid #009688;}
}
.btn_gline {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0); 
    color:#39291c; 
    border: 1px solid #009688;
    animation: btn_glink 1.5s step-end infinite;
    -webkit-animation: btn_glink 1l5s step-end infinite;
}





/**** 미디어쿼리 *****/
/* 모바일 */
@media (max-width: 767px) {
    .show_xs{display: block !important;}
    .hide_xs, .show_lg, .show_md, .show_sm{display:none !important;}
    .container {width: 96%;}
}

/* 테블릿 */
@media (min-width: 768px) {
    .show_sm, .hide_lg, .hide_md, .hide_xs{display:block !important;}
    .hide_sm, .show_lg, .show_md, .show_xs{display:none !important;}
    .container {width: 96%;}
}

/* 데스크탑 */
@media (min-width: 992px) {
    .show_md, .hide_lg, .hide_sm, .hide_xs{display:block !important;}
    .hide_md, .show_lg, .show_sm, .show_xs {display:none !important;}
    .container {width: 96%;}
}

@media (min-width: 1200px) {
    .show_lg, .hide_md, .hide_sm, .hide_xs{display:block !important;}
    .hide_lg, .show_md, .show_sm, .show_xs {display:none !important;}
    .container {width: 1200px;}
}

/**** column *****/

.col_xs_1, .col_sm_1, .col_md_1, .col_lg_1, .col_xs_2, .col_sm_2, .col_md_2, .col_lg_2, .col_xs_3, .col_sm_3, .col_md_3, .col_lg_3, .col_xs_4, .col_sm_4, .col_md_4, .col_lg_4, .col_xs_5, .col_sm_5, .col_md_5, .col_lg_5, .col_xs_6, .col_sm_6, .col_md_6, .col_lg_6, .col_xs_7, .col_sm_7, .col_md_7, .col_lg_7, .col_xs_8, .col_sm_8, .col_md_8, .col_lg_8, .col_xs_9, .col_sm_9, .col_md_9, .col_lg_9, .col_xs_10, .col_sm_10, .col_md_10, .col_lg_10, .col_xs_11, .col_sm_11, .col_md_11, .col_lg_11, .col_xs_12, .col_sm_12, .col_md_12, .col_lg_12 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
}

.col_xs_1, .col_xs_2, .col_xs_3, .col_xs_4, .col_xs_5, .col_xs_6, .col_xs_7, .col_xs_8, .col_xs_9, .col_xs_10, .col_xs_11, .col_xs_12 {float: left;}
.col_xs_12 {width: 100%;}
.col_xs_11 {width: 91.66666667%;}
.col_xs_10 {width: 83.33333333%;}
.col_xs_9 {width: 75%;}
.col_xs_8 { width: 66.66666667%;}
.col_xs_7 {width: 58.33333333%;}
.col_xs_6 {width: 50%;}
.col_xs_5 {width: 41.66666667%;}
.col_xs_4 {width: 33.33333333%;}
.col_xs_3 {width: 25%;}
.col_xs_2 {width: 16.66666667%;}
.col_xs_1 {width: 8.33333333%;}
.col_xs_pull_12 {right: 100%;}
.col_xs_pull_11 {right: 91.66666667%;}
.col_xs_pull_10 {right: 83.33333333%;}
.col_xs_pull_9 {right: 75%;}
.col_xs_pull_8 {right: 66.66666667%;}
.col_xs_pull_7 {right: 58.33333333%;}
.col_xs_pull_6 {right: 50%;}
.col_xs_pull_5 {right: 41.66666667%;}
.col_xs_pull_4 {right: 33.33333333%;}
.col_xs_pull_3 {right: 25%;}
.col_xs_pull_2 {right: 16.66666667%;}
.col_xs_pull_1 {right: 8.33333333%;}
.col_xs_pull_0 {right: auto;}
.col_xs_push_12 {left: 100%;}
.col_xs_push_11 {left: 91.66666667%;}
.col_xs_push_10 {left: 83.33333333%;}
.col_xs_push_9 {left: 75%;}
.col_xs_push_8 {left: 66.66666667%;}
.col_xs_push_7 {left: 58.33333333%;}
.col_xs_push_6 {left: 50%;}
.col_xs_push_5 {left: 41.66666667%;}
.col_xs_push_4 {left: 33.33333333%;}
.col_xs_push_3 {left: 25%;}
.col_xs_push_2 {left: 16.66666667%;}
.col_xs_push_1 {left: 8.33333333%;}
.col_xs_push_0 {left: auto;}
.col_xs_offset_12 {margin-left: 100%;}
.col_xs_offset_11 {margin-left: 91.66666667%;}
.col_xs_offset_10 {margin-left: 83.33333333%;}
.col_xs_offset_9 {margin-left: 75%;}
.col_xs_offset_8 {margin-left: 66.66666667%;}
.col_xs_offset_7 {margin-left: 58.33333333%;}
.col_xs_offset_6 {margin-left: 50%;}
.col_xs_offset_5 {margin-left: 41.66666667%;}
.col_xs_offset_4 {margin-left: 33.33333333%;}
.col_xs_offset_3 {margin-left: 25%;}
.col_xs_offset_2 {margin-left: 16.66666667%;}
.col_xs_offset_1 {margin-left: 8.33333333%;}
.col_xs_offset_0 {margin-left: 0%;}

@media (min-width: 768px) {
    .col_sm_1, .col_sm_2, .col_sm_3, .col_sm_4, .col_sm_5, .col_sm_6, .col_sm_7, .col_sm_8, .col_sm_9, .col_sm_10, .col_sm_11, .col_sm_12 {float: left;}
    .col_sm_12 {width: 100%;}
    .col_sm_11 {width: 91.66666667%;}
    .col_sm_10 {width: 83.33333333%;}
    .col_sm_9 {width: 75%;}
    .col_sm_8 {width: 66.66666667%;}
    .col_sm_7 {width: 58.33333333%;}
    .col_sm_6 {width: 50%;}
    .col_sm_5 {width: 41.66666667%;}
    .col_sm_4 {width: 33.33333333%;}
    .col_sm_3 {width: 25%;}
    .col_sm_2 {width: 16.66666667%;}
    .col_sm_1 {width: 8.33333333%;}
    .col_sm_pull_12 {right: 100%;}
    .col_sm_pull_11 {right: 91.66666667%;}
    .col_sm_pull_10 {right: 83.33333333%;}
    .col_sm_pull_9 {right: 75%;}
    .col_sm_pull_8 {right: 66.66666667%;}
    .col_sm_pull_7 {right: 58.33333333%;}
    .col_sm_pull_6 {right: 50%;}
    .col_sm_pull_5 {right: 41.66666667%;}
    .col_sm_pull_4 {right: 33.33333333%;}
    .col_sm_pull_3 {right: 25%;}
    .col_sm_pull_2 {right: 16.66666667%;}
    .col_sm_pull_1 {right: 8.33333333%;}
    .col_sm_pull_0 {right: auto;}
    .col_sm_push_12 {left: 100%;}
    .col_sm_push_11 {left: 91.66666667%;}
    .col_sm_push_10 {left: 83.33333333%;}
    .col_sm_push_9 {left: 75%;}
    .col_sm_push_8 {left: 66.66666667%;}
    .col_sm_push_7 {left: 58.33333333%;}
    .col_sm_push_6 {left: 50%;}
    .col_sm_push_5 {left: 41.66666667%;}
    .col_sm_push_4 {left: 33.33333333%;}
    .col_sm_push_3 {left: 25%;}
    .col_sm_push_2 {left: 16.66666667%;}
    .col_sm_push_1 {left: 8.33333333%;}
    .col_sm_push_0 {left: auto;}
    .col_sm_offset_12 {margin-left: 100%;}
    .col_sm_offset_11 {margin-left: 91.66666667%;}
    .col_sm_offset_10 {margin-left: 83.33333333%;}
    .col_sm_offset_9 {margin-left: 75%;}
    .col_sm_offset_8 {margin-left: 66.66666667%;}
    .col_sm_offset_7 {margin-left: 58.33333333%;}
    .col_sm_offset_6 {margin-left: 50%;}
    .col_sm_offset_5 {margin-left: 41.66666667%;}
    .col_sm_offset_4 {margin-left: 33.33333333%;}
    .col_sm_offset_3 {margin-left: 25%;}
    .col_sm_offset_2 {margin-left: 16.66666667%;}
    .col_sm_offset_1 {margin-left: 8.33333333%;}
    .col_sm_offset_0 {margin-left: 0%;}
}


@media (min-width: 992px) {
    .col_md_1, .col_md_2, .col_md_3, .col_md_4, .col_md_5, .col_md_6, .col_md_7, .col_md_8, .col_md_9, .col_md_10, .col_md_11, .col_md_12 {float: left;}
    .col_md_12 {width: 100%;}
    .col_md_11 {width: 91.66666667%;}
    .col_md_10 {width: 83.33333333%;}
    .col_md_9 {width: 75%;}
    .col_md_8 {width: 66.66666667%;}
    .col_md_7 {width: 58.33333333%;}
    .col_md_6 {width: 50%;}
    .col_md_5 {width: 41.66666667%;}
    .col_md_4 {width: 33.33333333%;}
    .col_md_3 {width: 25%;}
    .col_md_2 {width: 16.66666667%;}
    .col_md_1 {width: 8.33333333%;}
    .col_md_pull_12 {right: 100%;}
    .col_md_pull_11 {right: 91.66666667%;}
    .col_md_pull_10 {right: 83.33333333%;}
    .col_md_pull_9 {right: 75%;}
    .col_md_pull_8 {right: 66.66666667%;}
    .col_md_pull_7 {right: 58.33333333%;}
    .col_md_pull_6 {right: 50%;}
    .col_md_pull_5 {right: 41.66666667%;}
    .col_md_pull_4 {right: 33.33333333%;}
    .col_md_pull_3 {right: 25%;}
    .col_md_pull_2 {right: 16.66666667%;}
    .col_md_pull_1 {right: 8.33333333%;}
    .col_md_pull_0 {right: auto;}
    .col_md_push_12 {left: 100%;}
    .col_md_push_11 {left: 91.66666667%;}
    .col_md_push_10 {left: 83.33333333%;}
    .col_md_push_9 {left: 75%;}
    .col_md_push_8 {left: 66.66666667%;}
    .col_md_push_7 {left: 58.33333333%;}
    .col_md_push_6 {left: 50%;}
    .col_md_push_5 {left: 41.66666667%;}
    .col_md_push_4 {left: 33.33333333%;}
    .col_md_push_3 {left: 25%;}
    .col_md_push_2 {left: 16.66666667%;}
    .col_md_push_1 {left: 8.33333333%;}
    .col_md_push_0 {left: auto;}
    .col_md_offset_12 {margin-left: 100%;}
    .col_md_offset_11 {margin-left: 91.66666667%;}
    .col_md_offset_10 {margin-left: 83.33333333%;}
    .col_md_offset_9 {margin-left: 75%;}
    .col_md_offset_8 {margin-left: 66.66666667%;}
    .col_md_offset_7 {margin-left: 58.33333333%;}
    .col_md_offset_6 {margin-left: 50%;}
    .col_md_offset_5 {margin-left: 41.66666667%;}
    .col_md_offset_4 {margin-left: 33.33333333%;}
    .col_md_offset_3 {margin-left: 25%;}
    .col_md_offset_2 {margin-left: 16.66666667%;}
    .col_md_offset_1 {margin-left: 8.33333333%;}
    .col_md_offset_0 {margin-left: 0%;}
}


@media (min-width: 1200px) {
    .col_lg_1, .col_lg_2, .col_lg_3, .col_lg_4, .col_lg_5, .col_lg_6, .col_lg_7, .col_lg_8, .col_lg_9, .col_lg_10, .col_lg_11, .col_lg_12 {float: left;}
    .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_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%;}
    .col_lg_pull_12 {right: 100%;}
    .col_lg_pull_11 {right: 91.66666667%;}
    .col_lg_pull_10 {right: 83.33333333%;}
    .col_lg_pull_9 {right: 75%;}
    .col_lg_pull_8 {right: 66.66666667%;}
    .col_lg_pull_7 {right: 58.33333333%;}
    .col_lg_pull_6 {right: 50%;}
    .col_lg_pull_5 {right: 41.66666667%;}
    .col_lg_pull_4 {right: 33.33333333%;}
    .col_lg_pull_3 {right: 25%;}
    .col_lg_pull_2 {right: 16.66666667%;}
    .col_lg_pull_1 {right: 8.33333333%;}
    .col_lg_pull_0 {right: auto;}
    .col_lg_push_12 {left: 100%;}
    .col_lg_push_11 {left: 91.66666667%;}
    .col_lg_push_10 {left: 83.33333333%;}
    .col_lg_push_9 {left: 75%;}
    .col_lg_push_8 {left: 66.66666667%;}
    .col_lg_push_7 {left: 58.33333333%;}
    .col_lg_push_6 {left: 50%;}
    .col_lg_push_5 {left: 41.66666667%;}
    .col_lg_push_4 {left: 33.33333333%;}
    .col_lg_push_3 {left: 25%;}
    .col_lg_push_2 {left: 16.66666667%;}
    .col_lg_push_1 {left: 8.33333333%;}
    .col_lg_push_0 {left: auto;}
    .col_lg_offset_12 {margin-left: 100%;}
    .col_lg_offset_11 {margin-left: 91.66666667%;}
    .col_lg_offset_10 {margin-left: 83.33333333%;}
    .col_lg_offset_9 {margin-left: 75%;}
    .col_lg_offset_8 {margin-left: 66.66666667%;}
    .col_lg_offset_7 {margin-left: 58.33333333%;}
    .col_lg_offset_6 {margin-left: 50%;}
    .col_lg_offset_5 {margin-left: 41.66666667%;}
    .col_lg_offset_4 {margin-left: 33.33333333%;}
    .col_lg_offset_3 {margin-left: 25%;}
    .col_lg_offset_2 {margin-left: 16.66666667%;}
    .col_lg_offset_1 {margin-left: 8.33333333%;}
    .col_lg_offset_0 {margin-left: 0%;}
}

/*
[class^="col"]{
    background-color: #eee;
    background-color: rgba(86,61,124,.15);
    border: 1px solid #ddd;
    border: 1px solid rgba(86,61,124,.2);
}
*/