@charset "utf-8";
@import url(./content.css);

/*********************
	Common Style
**********************/
.goto-control {display:block; position:absolute; width:100%; height:0; overflow:hidden; bottom:0; left:0; right:0; z-index:-1000; background:#2292e9; text-align:center; color:#fff !important; opacity:0; box-sizing:border-box;}
.goto-control:focus {z-index:9999; opacity:1; height:auto; padding:10px;}


/********************
	Tab Style
********************/

.tab-group .tabs {}
.tab-group .tabs li button {}
.tab-group .tabs li button.on {}
.tab-group .tabs li a .selected { left: -9999px; top:auto; width: 1px; height: 1px; overflow:hidden; position: absolute; }
.tab-group .tabs li a.on .selected {display:block;}
.tab-group .tab-con {display:none;}
.tab-group .tab-con.on {display:block;}


/********************
	Sitemap
********************/

.sitemapArea {display:flex; flex-direction:row; flex-wrap:nowrap; word-break:keep-all; padding:1.75em 1.2em 1.75em;}
.sitemapLeft {width:25%;}
.sitemapLeft > h4 {font-size:1.777777em;}
.sitemapRight {width:75%;}
.sitemapRight > ul {display:flex; flex-wrap:wrap; justify-content:flex-start;}
.sitemapRight > ul > li {width:25%; padding:.5em;}
.sitemapRight > ul > li > a {display:block; padding:.66666em .777777em; border:1px solid #111111;}
.sitemapRight > ul > li > div {background:#F8F9FD; padding:1.25em; margin-top:.5em;}
.sitemapRight > ul > li > ul {}
.sitemapRight > ul > li > div > ul li {width:100%;}
.sitemapRight > ul > li > div > ul li + li {margin-top: .25em;}
.sitemapRight > ul > li > div > ul li a {position:relative; display:block; padding:0 .75em 0 .5em; color:#555; font-size:.95em;}
.sitemapRight > ul > li >  div > ul li a:before {content:''; display:block; width:.234em; height:.234em; position:absolute; top:.6em;; left:0; background:#999;}
.sitemapRight > ul > li > a:hover {background:#333333; border-color:#333; color:#fff;}
.sitemapRight > ul > li > div > ul li a:hover {text-decoration:underline;}

@media all and (max-width:1024px) {
	.sitemapArea {flex-direction:column; padding:1.75em 0;}
	.sitemapLeft,
	.sitemapRight {width:100%;}
}


@media all and (max-width:640px) {
	.sitemapRight > ul > li {width:50%;}
}

/*********************************************************
	모달창
*********************************************************/
body.scroll-stop {overflow:hidden; height:100%;}
.refunmodalWrap {display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index: 30;background: rgba(0,0,0,.3);overflow: auto;}
.refunmodalWrap .refunmodalFrame {position: relative;display:flex;align-items: center;justify-content: center;width: 100%;min-height: 100%;}
.refunmodalWrap .modal-box {position:relative;width: 100%;max-width: 1120px;z-index: 30;padding:2em;background: #fff;border-radius: 0px;overflow:hidden;box-shadow: 0 10px 25px rgba(28,35,45,.1);}
.refunmodalWrap .inner {position:relative;padding: 1em;font-size: 0.9em;}
.refunmodalWrap .close {display:block;position:absolute;top: 1em;right: 1em;width:2.778em;height: 2.778em;background:url(../img/common/modal-close.svg) no-repeat 50% 50%;overflow:hidden;border-radius: 2.778em;text-indent:-999px;z-index: 10;}

@media all and (max-width:640px) {
	.refunmodalWrap .modal-box {padding:1em;}
}