/*폰트*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
/* ===================================
    Reset 초기화
====================================== */

body{background:#fff;letter-spacing: -1px;font-family: 'Noto Sans KR', sans-serif, Apple-Gothic , Dotum ; -webkit-font-smoothing: antialiased;  -font-smoothing: antialiased;  color:#111; font-weight:300;line-height: 1.4; margin:0; padding:0; box-sizing: border-box;}
body, html {font-size:16px;height: 100%; -moz-osx-font-smoothing: grayscale;}
a, a:active, a:focus {text-decoration: none; }
a:hover, a:active{color: ; text-decoration: none;}
a:focus, a:active, button:focus, button:active,.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: none;}
img {max-width:100%; height:auto; }
input[type="submit"] { width: auto}
input[type="button"], input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea, input[type="submit"] { -webkit-appearance: none; outline: none;}
input:focus, textarea:focus{ border-color: #585858; outline: none; }
input[type="button"]:focus{ outline: none; }
select::-ms-expand{ display:none;}
iframe { border: 0;}
p {margin:0;}
b, strong { font-weight: 700;}
ul, li {list-style: none; margin: 0; padding:0;}
/*
*{transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s;}
*:hover{transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; }
*/
::-webkit-input-placeholder { color: #6f6f6f; text-overflow: ellipsis;}
::-moz-placeholder { color: #6f6f6f; text-overflow: ellipsis; opacity:1;} 
:-ms-input-placeholder { color: #6f6f6f; text-overflow: ellipsis; opacity:1;}

/* font family */
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.point-font {font-family: 'Poppins', sans-serif;}

.main-font {font-family: 'NotoSans', sans-serif;}
.GB {font-family: 'GmarketSansBold';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');font-weight: normal;font-style: normal;letter-spacing: -1.5px;}
.GL {font-family: 'GmarketSansLight';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');font-weight: normal;font-style: normal; letter-spacing: -1.5px;}
.GM {font-family: 'GmarketSansMedium';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');font-weight: normal;font-style: normal;letter-spacing: -1.5px;}

.line1{line-height: 1;}
.line3{line-height: 1.3;}

/* font size */
.font-18 {font-size:1.125rem;}
.font-20 {font-size: 1.25rem;}
.font-22 {font-size: 1.375em;}
.font-24 {font-size: 1.5rem;}
.font-30 {font-size: 1.875rem;}
.font-40 {font-size: 2.5rem;}
.font-50 {font-size: 3.125rem;}
.font-70 {font-size: 4.375em;}
.font-80 {font-size: 5rem;}

/* font weight */
.bold100 {font-weight:100}
.bold200 {font-weight:200}
.bold300 {font-weight:300}
.bold400 {font-weight:400}
.bold500 {font-weight:500}
.bold600 {font-weight:600}
.bold700 {font-weight:700}
.bold900 {font-weight:900}

/* Text-align */
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}


/* Margin */

.mt-10 {margin-top: 0.625rem;}
.mt-20 {margin-top: 1.25rem;}
.mt-30 {margin-top: 1.875rem;}
.mt-40 {margin-top: 2.5rem;}
.mt-50 {margin-top: 3.125rem;}
.mt-60 {margin-top: 3.75rem;}
.mt-80 {margin-top: 5rem;}


.mr-10 {margin-right: 0.625rem;}
.mr-20 {margin-right: 1.25rem;}
.mr-30 {margin-right: 1.875rem;}
.mr-40 {margin-right: 2.5rem;}
.mr-50 {margin-right: 3.125rem;}
.mr-60 {margin-right: 3.75rem;}
.mr-80 {margin-right: 5rem;}

.mb-10 {margin-bottom: 0.625rem;}
.mb-20 {margin-bottom: 1.25rem;}
.mb-30 {margin-bottom: 1.875rem;}
.mb-40 {margin-bottom: 2.5rem;}
.mb-50 {margin-bottom: 3.125rem;}
.mb-60 {margin-bottom: 3.75rem;}
.mb-80 {margin-bottom: 5rem;}

.ml-10 {margin-left: 0.625rem;}
.ml-20 {margin-left: 1.25rem;}
.ml-30 {margin-left: 1.875rem;}
.ml-40 {margin-left: 2.5rem;}
.ml-50 {margin-left: 3.125rem;}
.ml-60 {margin-left: 3.75rem;}
.ml-80 {margin-left: 5rem;}

.no-margin {margin:0 !important}
.no-margin-right {margin-right:0 !important}
.margin-auto {margin: 0 auto !important;}
.margin-l-auto {margin-left: auto;}

/* Padding */
.pt-10 {padding-top: 0.625rem;}
.pt-20 {padding-top: 1.25rem;}
.pt-30 {padding-top: 1.875rem;}
.pt-40 {padding-top: 2.5rem;}
.pt-50 {padding-top: 3.125rem;}
.pt-60 {padding-top: 3.75rem;}
.pt-80 {padding-top: 5rem;}


.pr-10 {padding-right: 0.625rem;}
.pr-20 {padding-right: 1.25rem;}
.pr-30 {padding-right: 1.875rem;}
.pr-40 {padding-right: 2.5rem;}
.pr-50 {padding-right: 3.125rem;}
.pr-60 {padding-right: 3.75rem;}
.pr-80 {padding-right: 5rem;}

.pb-10 {padding-bottom: 0.625rem;}
.pb-20 {padding-bottom: 1.25rem;}
.pb-30 {padding-bottom: 1.875rem;}
.pb-40 {padding-bottom: 2.5rem;}
.pb-50 {padding-bottom: 3.125rem;}
.pb-60 {padding-bottom: 3.75rem;}
.pb-80 {padding-bottom: 5rem;}

.pl-10 {padding-left: 0.625rem;}
.pl-20 {padding-left: 1.25rem;}
.pl-30 {padding-left: 1.875rem;}
.pl-40 {padding-left: 2.5rem;}
.pl-50 {padding-left: 3.125rem;}
.pl-60 {padding-left: 3.75rem;}
.pl-80 {padding-left: 5rem;}

.no-padding {padding:0 !important}
.no-padding-right {padding-right:0 !important}
.no-padding-bottom{padding-bottom:0!important}

/* flex */
.flex {display: flex;}
.flex-wrap{flex-wrap: wrap;}


/* color */
.bg-gray {background-color:#f3f3f3;}
.bg-black {background-color:#000;}
.bg-white {background-color:#fff;}

/*여백없는 half*/
.half{width:50%;}

/*여백 있는 half*/
.half01{width:49%;margin-right:2%;}
.half01:last-child{margin-right:0;}
.half01:nth-child(2n){margin-right:0}

/*3개 박스*/
.sub_box{margin-bottom:1.5%;display:flex;flex-wrap: wrap;}
.sub_box:last-child{margin-bottom:0}
.sub_box .s_box{width:32.3333%;margin-right:1.5%;margin-top:1.5%;}
.sub_box .s_box:nth-child(-n+3){margin-top:0}
.sub_box .s_box:nth-child(3n){margin-right:0}
.sub_box .s_box:nth-child(4n){clear:both}
.sub_box .s_box:last-child{margin-right:0}

/*여백없는 3개 박스*/
.sub_box.mr-0 .s_box{width:33.3333%;margin-right:0;}
.sub_box.mr-0{margin-bottom:0}

/*4개 박스*/
.sub_box4{margin-bottom:1.5%;display:flex;}
.sub_box4:last-child{margin-bottom:0}
.sub_box4 .s_box{width:23.5%;margin-right:2%;margin-top:2%;box-sizing:border-box}
.sub_box4 .s_box:nth-child(-n+4){margin-top:0}
.sub_box4 .s_box:nth-child(4n){margin-right:0}
.sub_box4 .s_box:last-child{margin-right:0}

/*5개 박스*/
.sub_box5{display:flex;}
.sub_box5 .s_box{width:20%;box-sizing:border-box}

/*section 레이아웃*/
.section {padding:180px 0;text-align:center}
.container{max-width:1760px;margin:auto}
.cont_box{margin-top:5rem;}
.tit{font-size:2.188em; line-height:2.6rem}

.visible-xs{display:none!important}
.hidden-xs{display:block!important}
.visible-md{display:none!important}
.hidden-md{display:block!important}

.m-auto{margin:auto}


@media (max-width: 1760px) {
body, html{font-size: 15px;}
.container{width:90%;margin:auto;}
}

@media (max-width: 1420px) {
body, html{font-size: 14px;}
.section {padding:130px 0;}

#hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr{width:100%}

}

@media (max-width: 990px) {
.visible-md{display:block!important}
.hidden-md{display:none!important}

body, html{font-size: 11px;}
.section {padding:100px 0;}

.half01{width:100%;margin:0;margin-top:30px;}
.half01:nth-child(1){margin-top:0}
}

@media (max-width: 767px) {
.visible-xs{display:block!important}
.hidden-xs{display:none!important}

.section {padding:80px 0;}

.font-18 {font-size: 1.3rem;line-height: 1.75rem;}
.font-40{font-size: 2.1rem;line-height: 2.6rem;}
.font-30 {font-size: 1.7rem;line-height: 2.3rem;}

.font-70 {font-size: 3.2em;}
.font-80{font-size: 3.8em;}

.half01{width:100%;margin-right:0}

#hd_pop{width:100% !important;}
.hd_pops{left: 15px !important;right: 15px;}
.hd_pops img {width:100% !important;}
.hd_pops_con {width:100% !important;height:auto !important;}

}

@media (max-width: 500px) {
    .font-70 {font-size: 3em;}
    .font-80{font-size: 3.5em;}
    .font-50{font-size: 1.8rem;}
}