@charset "utf-8";
@import url(/font/NotoSans/noto_font_kr.css);/* 100 200 400 500 600 700 900 */
@import url(/font/nanum-square/nanumsquare.css);/*200 300 700 800  */
/*�߰���������Ʈ*/
@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: '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: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;padding: 0;border: 0;/*font-size:100%;font:inherit;*/}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {width:100%;border-collapse: collapse;border-spacing: 0;}

img{max-width:100%}

del {text-decoration: line-through}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}

input, select {vertical-align:middle;resize:none}
caption, th, td {}
table caption {visibility:hidden;width:0;height:0;overflow:hidden}
address,caption,cite,code,dfn,em,var{font-style:normal}
img {border:0;vertical-align:middle;}
legend {display:none}
strong{font-weight:600}
ul,li,ol{list-style:none}

body{min-width:100%; color:#666; -webkit-text-size-adjust:none;/*word-break:keep-all;*/ ;line-height:1.8em;font-family: 'Noto Sans';font-weight:400;font-size:16px;letter-spacing:-0.5px}
body, select,input,textarea {  }
input{font-size:1em;}
iframe#hiddenframe {display:none;width:0;height:0}
label,button{cursor:pointer}

a{color:#666;text-decoration:none;transition: color 0.25s ease;}
a:hover{color:#2449a0;text-decoration:none}
a:focus{color:#000;text-decoration:none}
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.img_fix{width:100%}
.dlw{  display: -webkit-flex; display: flex;}
.dlw.jc{justify-content:center} /* �������� */
.dlw.js{justify-content:space-between} /* �������� */
.dlw.br{flex-flow:wrap;}/* �ٹٲ� */
.dlw > dd{position:relative;    }
.dlw .od2{order:2;}
.dlw.fg > dt, .dlw.fg > dd{flex-grow:1;   } /* �ʺ����� */
.dlw .vc{display: -webkit-flex;  display: flex;flex-direction:column; justify-content:center; align-items:center; }/*������������*/
.dlw.vc dt, .dlw.vc dd{display: -webkit-flex;  display: flex;flex-direction:column; justify-content:center; align-items:center; }/*������������*/

.tr{text-align:right}
.c{text-align:center}
.nop{display:none}
.iframeWrap {width:100%; padding-bottom:55%; position:relative; overflow: hidden; height:0; margin:0 auto;}
iframe {position:absolute; top:0; left:0; height:100%; width:100%; border:0;}


hr {display:block;height:80px;border:0;margin:0;padding:0;clear:both;content:"";}
hr.h0 {height:0px}
hr.h5 {height:5px}
hr.h10 {height:10px}
hr.h15 {height:15px}
hr.h20 {height:20px}
hr.h30 {height:30px}
hr.h40 {height:40px}
hr.h50 {height:50px}
hr.h60 {height:60px}
hr.h70 {height:70px}
hr.h80 {height:80px}
hr.h90 {height:90px}
hr.h100 {height:100px}


hr.mh5 {height:0vw;}
hr.mh10 {height:0vw;}
hr.mh15 {height:0vw;}
hr.mh20 {height:0vw;}
hr.mh30 {height:0vw;}
hr.mh40 {height:0vw;}
hr.mh50 {height:0vw;}
hr.mh60 {height:0vw;}
hr.mh70 {height:0vw;}
hr.mh80 {height:0vw;}
hr.mh90 {height:0vw;}
hr.mh100 {height:0vw;}



.w10p{width:10%;}
.w15p{width:15%;}
.w20p{width:20%;}
.w25p{width:25%;}
.w30p{width:30%;}
.w35p{width:35%;}
.w40p{width:40%;}
.w45p{width:45%;}
.w48p{width:48%;}
.w50p{width:50%;}
.w55p{width:55%;}
.w60p{width:60%;}
.w65p{width:65%;}
.w70p{width:70%;}
.w75p{width:75%;}
.w80p{width:80%;}
.w85p{width:85%;}
.w90p{width:90%;}
.w100p{width:100%;}


.logo{position:absolute;top:-1px;left:3vw;}


/*�ܹ��� ��ü�޴�*/
.vol {position:absolute;right:100px;top:30px;cursor:pointer;z-index:9;color:#2449a0;font-family: 'Noto Sans';font-weight:700;}
.close {position:absolute;right:30px;top:30px;cursor:pointer;border-radius: 50em; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
}
.close:hover{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}

.category {position:fixed;right:30px;top:30px;cursor:pointer;z-index:999999;}
.category .menu_bg { width: 100%; height:100%; position: fixed; top:0px; right:0px; overflow: hidden; display: none; }
.category .menu { position:absolute; top:0px; right:0px; width:70vw; height: 100%; background-color:#fff;padding: 5vw 10vw;box-sizing:border-box ;}
.category .menu dl {margin:20px 0;text-align:left}
.category .menu dl:after{clear:both;display:block;content:''}
.category .menu dt{font-size:40px;color:#000;font-family: 'NanumSquare';float:left;width:300px;font-weight:800;}
.category .menu dd {float:left;width:300px ;}
.category .menu dd a{position:relative;display:block;margin-bottom:20px;}
.category .menu dd a:hover::after {content:'';width:100px;display:block;position:absolute;border-bottom:2px solid #2449a0;animation-name:menu-hover;animation-duration:0.4s;animation-iteration-count:1;}



@keyframes menu-hover {
	0% {width:0%;}
	100% {width:100px;}
}

.rbanner img{width:50%;min-width:120px;border-radius:100%;display:block;margin-bottom:1vw}
.motit{display:none}


/*�ϴ�*/
#footer{background:#f1f1f1;padding:1vw 5vw;box-sizing:border-box;font-size:0.9em;}
#footer ul{display:table ; width:100%;justify-content:space-between}
#footer li{ display: table-cell;vertical-align: middle}
#footer a.send{border:1px solid #333;padding:5px 20px;box-sizing:border-box;border-radius:2em}
#footer .sns a{margin:0 3px}





/*����*/
#header{padding: 2vw;text-align:center ;box-sizing:border-box;height:140px;font-family: 'NanumSquare';}
#header:after{clear:both;display:block;content:''}



#snb .depth1{position:absolute;top:2.5%;right:8vw;box-sizing:border-box;text-align:left;font-weight:normal;font-size:0.9rem;line-height:1.2em}
#snb .depth1 a{margin-bottom:10px;color:#999;}
#snb .depth1 a{display:block;font-weight:800;}

#snb .depth2{position:absolute;top:40px;left:50%;margin-left:-500px;width:1000px;font-size:1rem;text-align:center;}
#snb .depth2 a.on{border-bottom:2px solid #000;color:#000;font-weight:800;}
#snb .depth2 a {position: relative; display: inline-block; color: #000; padding: 20px 0;margin:0px 20px;z-index:0}
#snb .depth2 a:after {
    content: "";
    position: absolute;
    bottom:-2px;
    left: 0;
    width: 0;
    height:2px;
    background-color: currentColor;
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    transition: -webkit-transform 1s cubic-bezier(.19,1,.22,1);
    transition: transform 1s cubic-bezier(.19,1,.22,1);
    transition: transform 1s cubic-bezier(.19,1,.22,1),-webkit-transform .9s cubic-bezier(.19,1,.22,1);}
#snb .depth2 a.active:after, #snb .depth2 a:hover:after {
    width: 100%;
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);color:#2449a0}
#snb .depth2 a:hover{color:#2449a0}
#snb .depth1 a.on{border-bottom:2px solid #000;color:#000;font-weight:800;}


#content{width:800px;margin:50px auto;}

#content .head_txt{margin:0 auto;}
#content .head_txt h1{color:#000;font-weight:700;line-height:1.4em;margin-bottom:20px;letter-spacing:-1px}
#content .head_txt h1 span{font-weight:300;color:#666;font-size:0.9em;}
#content .head_txt h2{color:#000;font-weight:700;margin-bottom:40px}
#content .head_txt p{font-weight:bold;font-size:0.9em}

#content .head_txt2{margin:0 auto;}
#content .head_txt2 h1{color:#000;font-weight:700;line-height:1.4em;margin-bottom:20px;letter-spacing:-1px}
#content .head_txt2 h1 span{font-weight:200;color:#666;font-size:0.6em;}
#content .head_txt2 h2{color:#000;font-weight:700;margin-bottom:40px}
#content .head_txt2 p{font-weight:bold;font-size:0.9em}

#content section{text-align:justify}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6{color:#000;font-weight:700;word-break:keep-all;text-align:left}
#content h3{border-top:2px solid #333;padding-top:5px;margin-bottom:20px}

/*�����ϴ� ����Ʈ��*/
#sitemap{border-top:1px solid #666;text-align:left;font-size:0.9em}
#sitemap:after{clear:both;display:block;content:''}
#sitemap  ul{width:100%;}
#sitemap li{width:20%;padding:1vw 5vw;}
#sitemap li a{display:block}
#sitemap li strong{color:#000;margin-bottom:10px;display:block;font-size:1.1em}
#sitemap li strong a{color:#000;margin-bottom:10px;display:block;font-size:1.1em}











/******************************************************/
/*               �̵������                           */
/******************************************************/


@media (max-width:1400px){
/*�ܹ��� ��ü�޴�*/
.vol {position:absolute;right:80px;top:10px;}
.category{top:10px}
.category .menu dd {float:left;width:200px }
.category .menu { position:absolute; top:0px; right:0px; width:70vw; height: 100%; background-color:#fff;padding: 5vw 10vw;}
.category img{width:30px;}
.logo{width:130px;}


#snb .depth2{position:absolute;top:40px;left:50%;margin-left:-450px;width:900px;font-size:1rem;text-align:center;}
#snb .depth2 a.on{border-bottom:2px solid #000;color:#000;font-weight:800;}
#snb .depth2 a {position: relative; display: inline-block; color: #000; padding: 20px 0;margin:0px 20px;z-index:0}
}

@media (max-width:1099px){
#content{width:100%;margin:50px auto}
.logo{width:100px;}
#snb .depth1{position:absolute;top:2.5%;right:50px;box-sizing:border-box;text-align:left;font-weight:normal;font-size:0.8rem;line-height:1.2em}
#snb .depth2 a {position: relative; display: inline-block; color: #000; padding: 20px 0;margin:0px 10px;z-index:0;font-size:0.9rem;}


/*�ϴ�*/
#footer{background:#f1f1f1;padding:2vw 1vw ;box-sizing:border-box;font-size:0.9em;line-height:1.3em}
#footer ul{display:table ; width:100%;justify-content:space-between}
#footer li{ display: table-cell;vertical-align: middle}
#footer a.send{border:1px solid #ccc;padding:5px 10px;box-sizing:border-box;border-radius:2em}
#footer .sns a{margin:0 2px}

#footer li:nth-child(1) img{width:120px}
#footer li:nth-child(3) img{height:15px}

}








/* tablet PC */

@media (max-width:899px){

.nom{display:none;}
.nop{display:block}
.no899{display:none;}

hr {display:block;height:10vw; margin:0;padding:0;}
hr.h5 {height:1vw}
hr.h10 {height:2vw}
hr.h20 {height:4vw}
hr.h30 {height:6vw}
hr.h40 {height:8vw;}
hr.h50 {height:10vw;}
hr.h60 {height:12vw}
hr.h70 {height:14vw}
hr.h80 {height:16vw}
hr.h90 {height:18vw}
hr.h100 {height:20vw}


hr.mh5 {height:1vw}
hr.mh10 {height:2vw}
hr.mh20 {height:4vw}
hr.mh30 {height:6vw}
hr.mh40 {height:8vw;}
hr.mh50 {height:10vw;}
hr.mh60 {height:12vw}
hr.mh70 {height:14vw}
hr.mh80 {height:16vw}
hr.mh90 {height:18vw}
hr.mh100 {height:20vw}


.w10p{width:100%;}
.w15p{width:100%;}
.w20p{width:100%;}
.w25p{width:100%;}
.w30p{width:100%;}
.w35p{width:100%;}
.w40p{width:100%;}
.w45p{width:100%;}
.w48p{width:100%;}
.w50p{width:100%;}
.w55p{width:100%;}
.w60p{width:100%;}
.w65p{width:100%;}
.w70p{width:100%;}
.w75p{width:100%;}
.w80p{width:100%;}
.w85p{width:100%;}
.w90p{width:100%;}
.w100p{width:100%;}



#header{height:90px}
.logo{width:100px;}
#snb .depth1{display:none}
#snb .depth2{display:none}


#content{width:100%;margin:30px auto;padding:0 20px;box-sizing:border-box}
#content .head_txt{width:100%;margin:0 auto;}


}

@media (max-width:736px){

body{font-size:14px}
.dlw{display:block}

hr {display:block;height:12vw; margin:0;padding:0;}


/*����*/
.mmt10{margin-top:10px;display:block}
.mmt20{margin-top:20px;display:block}
.mmt30{margin-top:30px;display:block}
.mmt40{margin-top:40px;display:block}

.logo{width:80px;}
/*������*/
#header{height:70px}




/*�ܹ��� ��ü�޴�*/

.close {position:absolute;right:10px;top:20px;cursor:pointer;}

.category {position:fixed;right:20px;top:20px;cursor:pointer;z-index:999999;}
.category .menu { position:absolute; top:0px; right:0px; width:80vw; height: 100%; background-color:#fff;padding:20px;box-sizing:border-box }
.category .menu dl {margin:20px 0}
.category .menu dl:after{clear:both;display:block;content:''}
.category .menu dt{font-size:24px;color:#000;font-family: 'NanumSquare';float:none;width:auto;margin-bottom:10px;}
.category .menu dd {float:none;width:300px;}
.category .menu dd a{position:relative;display:block;margin-bottom:0px;line-height:2em}

.rbanner{display:none;visibility:hidden}


/*�ϴ�*/

#footer{padding:20px;box-sizing:border-box;margin-top:40px;font-size:0.8em;text-align:center}
#footer li{display:block;padding:7px 0}
#footer li:nth-child(3) img{height:25px}











/*�����ϴ� ����Ʈ��*/
#sitemap{display:none}


#content .head_txt h1{line-height:1.4em;font-size:1.6rem;word-break:keep-all}
#content .head_txt h1 span{font-size:0.9em;}

}