@charset "utf-8";
.header{z-index:1000 !important;}
@media screen and (min-width:1870px){
    .header{background-color:#fff; width:100%; max-width:1360px; position:fixed; top:50px; left:50%; transform:translateX(-50%); z-index:10;}
    .header > *{float:left;}
    .header .header-logo{width:280px;line-height: 95px;}
    .header .header-logo a{display:block; padding-left: 53px}
    .header .header-menu{text-align:right; width:calc(100% - 300px);}
    .header .header-menu > ul{display:inline-block;}
    .header .header-menu > ul > li{display:inline-block; line-height:95px; padding:0 40px; font-weight: 700;position: relative;}
    .header .header-menu > ul > li:after{content:""; width:7px; height:7px; border-top:2px solid #bfbfbf; border-right:2px solid #bfbfbf; display: inline-block; transform: rotate(135deg); position: absolute; right: 7px; top: 47%; }
    .header .header-language>ul>li:after{content:""; width:7px; height:7px; border-top:2px solid #bfbfbf; border-right:2px solid #bfbfbf; display: inline-block; transform: rotate(135deg); position: absolute; right: 22px; top: 47%; }
    .header .header-menu>ul>li:last-child{margin-right:20px;}
    .header .header-language{width:137px; box-sizing: border-box;text-align: center; background-color:#f5f5f5; float: right; border-left: 1px solid #ebebeb;cursor: pointer;  }
    .header .header-language ul > li{line-height:95px; position:relative;background-image:url("../img/lang_ko.png") ;background-repeat:no-repeat; background-position: 15% center;}
    .header .header-language>ul>li>ol{position: absolute; padding-top:20px;text-align: left;height:249px;  box-sizing: border-box; width:137px ;left:50%; transform: translateX(-50%); display:block;border-left: 1px solid #ebebeb; display: none ;}
    .header .header-language>ul>li>ol>li{font-size:15px; line-height: 33px; font-weight: 700;padding-left:40px;}
    .header .header-language select{display:none;}
    .inner{width:100%; max-width:1360px; margin:auto;}

    .header-bg{width:100%; height:249px; background-color: #f5f5f5; position: fixed ; top: 95px; border-top:1px solid rgba(0,0,0,0.08); display: none ;}

    .header-bg>p:first-child{padding:55px 0 30px 50px }
    .header-bg>p:last-child{padding-left:50px ; color:rgba(64,64,64,0.4); font-size:17px; }
    .header-bg>p>span{display:block; font-size:30px; line-height: 33px; }
    .header .header-menu>ul>li>ol{position: absolute; padding-top:20px;text-align: center;height:249px;  box-sizing: border-box; width:120px ;left:50%; transform: translateX(-50%);  display: none ;}
    .header .header-menu>ul>li:hover ol{background-color:#5c9d28 ;}
    .header .header-menu>ul>li:hover ol> li > a{color:#fff ;}
    .header .header-menu>ul>li> ol> li:hover > a{background-color: rgba(0,0,0,.3) ;}
    .header .header-menu>ul>li>ol>li{font-size:15px; line-height: 33px; font-weight: 300;}
    .header .header-menu>ul>li>ol>li>a{color:#404040;display: block;}
}

@media screen and (min-width:1220px) and (max-width:1869px){
    .header{background-color:#fff; width:100%; max-width:80%; position:fixed; top:50px; left:50%; transform:translateX(-50%); z-index:10;}
    .header > *{float:left;}
    .header .header-logo{width:210px;line-height: 95px;}
    .header .header-logo a{display:block; padding-left: 53px}
    .header .header-menu{text-align:right; width:calc(100% - 230px);}
    .header .header-menu > ul{display:inline-block;}
    .header .header-menu > ul > li{display:inline-block; line-height:95px; padding:0 35px; font-weight: 700;position: relative;}
    .header .header-menu > ul > li:after{content:""; width:7px; height:7px; border-top:2px solid #bfbfbf; border-right:2px solid #bfbfbf; display: inline-block; transform: rotate(135deg); position: absolute; right: 7px; top: 47%; }
    .header .header-language>ul>li:after{content:""; width:7px; height:7px; border-top:2px solid #bfbfbf; border-right:2px solid #bfbfbf; display: inline-block; transform: rotate(135deg); position: absolute; right: 22px; top: 47%; }
    .header .header-menu>ul>li:last-child{margin-right:20px;}
    .header .header-language{width:137px; box-sizing: border-box;text-align: center; background-color:#f5f5f5; float: right; border-left: 1px solid #ebebeb;cursor: pointer;  }
    .header .header-language ul > li{line-height:95px; position:relative;background-image:url("../img/lang_ko.png") ;background-repeat:no-repeat; background-position: 15% center;}
    .header .header-language>ul>li>ol{position: absolute; padding-top:20px;text-align: left;height:249px;  box-sizing: border-box; width:137px ;left:50%; transform: translateX(-50%); display:block;border-left: 1px solid #ebebeb; display: none ;}
    .header .header-language>ul>li>ol>li{font-size:15px; line-height: 33px; font-weight: 700;padding-left:40px;}
    .header .header-language select{display:none;}
    .inner{width:100%; max-width:95%; margin:auto;}

    .header-bg{width:100%; height:249px; background-color: #f5f5f5; position: fixed ; top: 95px; border-top:1px solid rgba(0,0,0,0.08); display: none ;}

    .header-bg>p:first-child{padding:55px 0 30px 20px }
    .header-bg>p:last-child{display: none;}
    .header-bg>p>span{display:block; font-size:20px; line-height: 33px; }
    .header .header-menu>ul>li>ol{position: absolute; padding-top:20px;text-align: center;height:249px;  box-sizing: border-box; width:120px ;left:50%; transform: translateX(-50%);  display: none ;}
    .header .header-menu>ul>li:hover ol{background-color:#5c9d28 ;}
    .header .header-menu>ul>li:hover ol> li > a{color:#fff ;}
    .header .header-menu>ul>li> ol> li:hover > a{background-color: #285fb0 ;}
    .header .header-menu>ul>li>ol>li{font-size:15px; line-height: 33px; font-weight: 300;}
    .header .header-menu>ul>li>ol>li>a{color:#404040;display: block;}
}

@media screen and (min-width:878px) and (max-width:1219px){
    .header{background-color:#fff; width:100%;position:fixed; top:0px; z-index:10;}
    .header > *{float:left;}
    .header .header-logo{width:210px;line-height: 95px;}
    .header .header-logo a{display:block; padding-left: 53px}
    .header .header-menu{text-align:right; width:calc(100% - 230px);}
    .header .header-menu > ul{display:inline-block;}
    .header .header-menu > ul > li{display:inline-block; line-height:95px; padding:0 35px; font-weight: 700;position: relative;}
    .header .header-menu > ul > li:after{content:""; width:7px; height:7px; border-top:2px solid #bfbfbf; border-right:2px solid #bfbfbf; display: inline-block; transform: rotate(135deg); position: absolute; right: 7px; top: 47%; }
    .header .header-language>ul>li:after{content:""; width:7px; height:7px; border-top:2px solid #bfbfbf; border-right:2px solid #bfbfbf; display: inline-block; transform: rotate(135deg); position: absolute; right: 22px; top: 47%; }
    .header .header-menu>ul>li:last-child{margin-right:20px;}
    .header .header-language{width:137px; box-sizing: border-box;text-align: center; background-color:#f5f5f5; float: right; border-left: 1px solid #ebebeb;cursor: pointer;  }
    .header .header-language ul > li{line-height:95px; position:relative;background-image:url("../img/lang_ko.png") ;background-repeat:no-repeat; background-position: 15% center;}
    .header .header-language>ul>li>ol{position: absolute; padding-top:20px;text-align: left;height:249px;  box-sizing: border-box; width:137px ;left:50%; transform: translateX(-50%); display:block;border-left: 1px solid #ebebeb; display: none ;}
    .header .header-language>ul>li>ol>li{font-size:15px; line-height: 33px; font-weight: 700;padding-left:40px;}
    .header .header-language select{display:none;}
    .inner{width:100%; max-width:95%; margin:auto;}

    .header-bg{width:100%; height:249px; background-color: #f5f5f5; position: fixed ; top: 95px; border-top:1px solid rgba(0,0,0,0.08); display: none ;}
    .header-bg>p:first-child{width: 213px; padding: 30px 0 0 20px;}
    .header-bg>p:last-child{padding-left: 20px; color: rgba(64,64,64,0.4); font-size: 14px; width: 210px; line-height: 20px; margin-top: 20px; word-break: keep-all;}
    .header-bg>p>span{display:block; font-size:20px; line-height: 33px; }
    .header .header-menu>ul>li>ol{position: absolute; padding-top:20px;text-align: center;height:249px;  box-sizing: border-box; width:120px ;left:50%; transform: translateX(-50%);  display: none ;}
    .header .header-menu>ul>li:hover ol{background-color:#5c9d28 ;}
    .header .header-menu>ul>li:hover ol> li > a{color:#fff ;}
    .header .header-menu>ul>li> ol> li:hover > a{background-color: #285fb0 ;}
    .header .header-menu>ul>li>ol>li{font-size:15px; line-height: 33px; font-weight: 300;}
    .header .header-menu>ul>li>ol>li>a{color:#404040;display: block;}
    
}

@media screen and (max-width:877px){
    .header{background-color:#fff; width:100%;position:fixed; top:0px; z-index:10000;}
    .header > *{float:left;}
    .header .header-logo{width:210px;line-height: 95px;}
    .header .header-logo a{display:block; padding-left: 5%}
    .header .header-logo a img{width:50%}
    .header .header-menu{text-align: left; width: 90%;  position: fixed;  right: 0;  height: 100vh;  top: 180px; background-color: #fdfdfd; display:none }
    .header .header-menu > ul{width:100%; }
    .header .header-menu > ul > li{line-height:45px; width:100%;  font-weight: 700;}
    .header .header-menu > ul > li>a{display: block; padding-left: 40px;}
    .header .header-menu > ul > li>a:after{content:"\f078"; font-family: 'Font Awesome 6 Pro'; font-size:14px; padding-left:10px; }
    .header .header-language>ul>li a:after{content:""; width:7px; height:7px; border-top:2px solid #bfbfbf; border-right:2px solid #bfbfbf; display: inline-block; transform: rotate(135deg);  }
    .header .header-menu>ul>li:last-child{margin-right:20px;}
    .header .header-language{width:137px; box-sizing: border-box;text-align: center; float: right;cursor: pointer;  }
    .header .header-language ul > li{line-height:95px; position:relative;background-image:url("../img/lang_ko.png") ;background-repeat:no-repeat; background-position: 15% center;}
    .header .header-language>ul>li>ol{position: absolute; padding-top:20px;text-align: left;height:249px;  box-sizing: border-box; width:137px ;left:50%; transform: translateX(-50%); display:block;display: none ;color:#000; height:185px; background-color:#fff;} 
    .header .header-language>ul>li>ol>li{font-size:15px; line-height: 33px; font-weight: 700;padding-left:40px;}
    .header .header-language select{display:none;}
    .inner{width:100%; max-width:95%; margin:auto;}

    .hambuger-menu-wrap{height:27px ; position:relative; cursor:pointer; width:35px;right:30px; top:35px; z-index:9999999; float:right; }
    .hambuger-menu-wrap span{width:35px; height:3px; background-color:#000; display:block; position: absolute; right:0;border-radius: 10%;transition: all 0.5s;}
    .hambuger-menu-wrap span:nth-of-type(1){top:0px; }
    .hambuger-menu-wrap span:nth-of-type(2){top:50%; transform: translateY(-50%); }
    .hambuger-menu-wrap span:nth-of-type(3){bottom:0px; }

    .hambuger-menu-wrap.on span:nth-of-type(2){opacity:0 }
    .hambuger-menu-wrap.on span:nth-of-type(1){top:50% ;transform:translateY(-50%) rotate(45deg);}
    .hambuger-menu-wrap.on span:nth-of-type(3){bottom: 50%;transform:translateY(50%) rotate(-45deg); }

    .header-bg{width:90%; height:180px; background-color: #fdfdfd; position: fixed ; top: 0px; border-top:1px solid rgba(0,0,0,0.08); right:0;  z-index:9999;display: none; }
    .header-bg>p:first-child{padding:50px 0 20px 40px; }
    .header-bg>p:last-child{color: rgba(64,64,64,0.4); font-size: 14px;line-height: 20px; padding-left:40px; }
    .header-bg>p>span{display:block; font-size:25px; line-height: 33px; }
    .header .header-menu>ul>li>ol{text-align: left; box-sizing: border-box; width:100% ;display:none;padding:20px 0;}
    .header .header-menu>ul>li:hover ol{background-color:#5c9d28 ;}
    .header .header-menu>ul>li:hover ol> li > a{color:#fff ;}
    .header .header-menu>ul>li> ol> li:hover > a{background-color: #285fb0 ;}
    .header .header-menu>ul>li>ol>li{font-size:15px; line-height: 33px; font-weight: 300;}
    .header .header-menu>ul>li>ol>li>a{color:#404040;display: block;padding-left:40px; }
} 

@media screen and (min-width:1870px){
    .footer{width:90%; background-color:#333 ; }
    .footer_box1{border-bottom:1px solid rgba(255,255,255,0.2); padding-bottom:50px; }
    .footer_box1:after{clear: both; content:""; display: block;}
    .footer_sitemap{float:left; }
    .footer_phone{float:right; width:300px;padding-top:67px }
    .footer_phone p{font-size:20px; color:#fff; line-height: 28px; letter-spacing: -2px; }
    .footer_phone p span{display:block} 
    .footer_phone a{display:block; margin:30px auto; font-size:14px; color:#fff;  }
    .footer_phone a i{float:right }
    .footer_phone>span{font-size:14px; line-height: 23px; color:rgba(255,255,255,0.5);letter-spacing: -2px;  }
    .footer_sitemap>ul:after{clear: both; content:""; display: block;}
    .footer_sitemap>ul>li{float:left; }
    .footer_sitemap>ul>li>a{font-size:15px; color:#fff; line-height: 30px; margin:67px 70px 20px 0; display:block }
    .footer_sitemap>ul>li>ol>li>a{font-size: 14px; color:rgba(255,255,255,0.5); line-height: 28px;}
    .footer_box2:after{clear: both; content:""; display: block;}
    .footer_box2 .footer_logo{padding:35px 35px 0 0 ; float:left;}
    .footer_box2{padding-bottom:66px; }
    .footer_text:after{clear: both; content:""; display: block;}
    .footer_text{float:left; }
    .footer_text li{float:left; margin-right:15px; font-size:14px; color:#fff; padding-top:40px; }
    .footer_copyright{float:right; font-size:12px; color:rgba(255,255,255,0.5); padding-top:43px; }
}

@media screen and (min-width:1220px) and (max-width:1869px){
    .footer{width:100%; background-color:#333 ; }
    .footer_box1{border-bottom:1px solid rgba(255,255,255,0.2); padding-bottom:50px; }
    .footer_box1:after{clear: both; content:""; display: block;}
    .footer_sitemap{float:left; }
    .footer_phone{float:right; width:300px;padding-top:67px }
    .footer_phone p{font-size:20px; color:#fff; line-height: 28px; letter-spacing: -2px; }
    .footer_phone p span{display:block} 
    .footer_phone a{display:block; margin:30px auto; font-size:14px; color:#fff;  }
    .footer_phone a i{float:right }
    .footer_phone>span{font-size:14px; line-height: 23px; color:rgba(255,255,255,0.5);letter-spacing: -2px;  }
    .footer_sitemap>ul:after{clear: both; content:""; display: block;}
    .footer_sitemap>ul>li{float:left; }
    .footer_sitemap>ul>li>a{font-size:15px; color:#fff; line-height: 30px; margin:67px 70px 20px 0; display:block }
    .footer_sitemap>ul>li>ol>li>a{font-size: 14px; color:rgba(255,255,255,0.5); line-height: 28px;}
    .footer_box2:after{clear: both; content:""; display: block;}
    .footer_box2 .footer_logo{padding:35px 35px 0 0 ; float:left;}
    .footer_box2{padding-bottom:66px; }
    .footer_text:after{clear: both; content:""; display: block;}
    .footer_text{float:left; }
    .footer_text li{float:left; margin-right:15px; font-size:14px; color:#fff; padding-top:40px; }
    .footer_copyright{float:right; font-size:12px; color:rgba(255,255,255,0.5); padding-top:43px; }
}

@media screen and (min-width:878px) and (max-width:1219px){
    .footer{width:100%; background-color:#333 ; }
    .footer_box1{border-bottom:1px solid rgba(255,255,255,0.2); padding-bottom:50px; }
    .footer_box1:after{clear: both; content:""; display: block;}
    .footer_sitemap{float:left; width:50%}
    .footer_phone{float:right; width:300px;padding-top:67px }
    .footer_phone p{font-size:20px; color:#fff; line-height: 28px; letter-spacing: -2px; }
    .footer_phone p span{display:block} 
    .footer_phone a{display:block; margin:30px auto; font-size:14px; color:#fff;  }
    .footer_phone a i{float:right }
    .footer_phone>span{font-size:14px; line-height: 23px; color:rgba(255,255,255,0.5);letter-spacing: -2px;  }
    .footer_sitemap>ul:after{clear: both; content:""; display: block;}
    .footer_sitemap>ul>li{float:left; }
    .footer_sitemap>ul>li>a{font-size:15px; color:#fff; line-height: 30px; margin:67px 70px 20px 0; display:block }
    .footer_sitemap>ul>li>ol{display: none}
    .footer_box2:after{clear: both; content:""; display: block;}
    .footer_box2 .footer_logo{padding:65px 35px 0 0 ; float:left;}
    .footer_box2{padding-bottom:66px; }
    .footer_text:after{clear: both; content:""; display: block;}
    .footer_text{float:left; }
    .footer_text li{float:left; margin-right:15px; font-size:14px; color:#fff; padding-top:40px; }
    .footer_copyright{float:left; font-size:12px; color:rgba(255,255,255,0.5); padding-top:43px; }
}
@media screen and (max-width:877px){
    .footer{width:100%; background-color:#333 ; }
    .footer_box1{border-bottom:1px solid rgba(255,255,255,0.2); padding-bottom:50px; }
    .footer_sitemap{padding-top: 40px;}
    .footer_sitemap ul{display: flex; width: 100%; flex-wrap: wrap;}
    .footer_phone{width:300px;padding-top:40px; margin:0 auto;text-align: center; }
    .footer_phone p{font-size:20px; color:#fff; line-height: 28px; letter-spacing: -2px; }
    .footer_phone p span{display:block} 
    .footer_phone a{display:block; margin:30px auto; font-size:14px; color:#fff;  }
    .footer_phone a i{float:right }
    .footer_phone>span{font-size:14px; line-height: 23px; color:rgba(255,255,255,0.5);letter-spacing: -2px;  }
    .footer_sitemap>ul>li{width:30%; text-align: center;margin-bottom: 20px;}
    .footer_sitemap>ul>li>a{font-size:15px; color:#fff; display:block }
    .footer_sitemap>ul>li>ol{display: none}
    .footer_box2:after{clear: both; content:""; display: block;}
    .footer_box2 .footer_logo{padding-top:20px ; float:left;}
    .footer_box2{padding-bottom:66px; }
    .footer_text:after{clear: both; content:""; display: block;}
    .footer_text{float:left; }
    .footer_text li{float:left; margin-right:15px; font-size:14px; color:#fff; padding-top:10px; }
    .footer_copyright{float:left; font-size:12px; color:rgba(255,255,255,0.5); padding-top:10px; }
} 



@media screen and (min-width:1360px){
#subvisual {background-repeat:no-repeat; background-position:center; background-image:url("../img/sub_visual.jpg"); background-size:cover; padding-top:60px;}
#subvisual h2 {color:#fff;font-size:50px;font-weight:900;padding:80px 0 30px 0;margin-bottom:30px; position:relative;}
#subvisual h2::after {content:"";position:absolute;bottom:0;left:50%;width:30px;height:2px;background-color:rgba(255, 255, 255, 0.8); transform:translateX(-50%)}
#subvisual p {font-size:17px;color:#fff;line-height:1.5;padding-bottom:150px;}
#subvisual .sub-tabmenu {position:absolute; left:0; bottom:0; width:100%; background-color:rgba(0, 0, 0, 0.5);}
#subvisual .sub-tabmenu li {float:left; width:20%; text-align:center;}
#subvisual .sub-tabmenu li:not(:first-child) a::after {content:""; position:absolute; width:1px; height:29px; background-color:#909194; left:0; top:50%; transform:translateY(-50%)}
#subvisual .sub-tabmenu li:hover a::after, #subvisual .sub-tabmenu li.on a::after, #subvisual .sub-tabmenu li:hover + li a::after, #subvisual .sub-tabmenu li.on + li a::after, #subvisual .sub-tabmenu li:first-child a::after {background-color:transparent}
#subvisual .sub-tabmenu li:hover a, #subvisual .sub-tabmenu li.on a {background-color:#7acbc5; color:#fff; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
#subvisual .sub-tabmenu li a {display:block; font-size:20px; font-weight:900; line-height:70px; letter-spacing:-1px; color:#fff; position:relative;}
#paySettle .board-form p{display:inline-block}
}
@media screen and (min-width:1024px) and (max-width:1359px){
#subvisual {background-repeat:no-repeat; background-position:center; background-image:url("../img/sub_visual.jpg"); background-size:cover; padding-top:60px;}
#subvisual h2 {color:#fff;font-size:50px;font-weight:900;padding:80px 0 30px 0;margin-bottom:30px; position:relative;}
#subvisual h2::after {content:"";position:absolute;bottom:0;left:50%;width:30px;height:2px;background-color:rgba(255, 255, 255, 0.8); transform:translateX(-50%)}
#subvisual p {font-size:17px;color:#fff;line-height:1.5;padding-bottom:150px;}
#subvisual .sub-tabmenu {position:absolute; left:0; bottom:0; width:100%; background-color:rgba(0, 0, 0, 0.5);}
#subvisual .sub-tabmenu li {float:left; width:20%; text-align:center;}
#subvisual .sub-tabmenu li:not(:first-child) a::after {content:""; position:absolute; width:1px; height:29px; background-color:#909194; left:0; top:50%; transform:translateY(-50%)}
#subvisual .sub-tabmenu li:hover a::after, #subvisual .sub-tabmenu li.on a::after, #subvisual .sub-tabmenu li:hover + li a::after, #subvisual .sub-tabmenu li.on + li a::after, #subvisual .sub-tabmenu li:first-child a::after {background-color:transparent}
#subvisual .sub-tabmenu li:hover a, #subvisual .sub-tabmenu li.on a {background-color:#7acbc5; color:#fff; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}

#subvisual .sub-tabmenu li a {display:block; font-size:20px; font-weight:900; line-height:70px; letter-spacing:-1px; color:#fff; position:relative;}
}
@media screen and (max-width:1023px){
#subvisual {background-repeat:no-repeat; background-position:center; background-image:url("../img/sub_visual.jpg"); background-size:cover; padding-top:60px;}
#subvisual h2 {color:#fff;font-size:50px;font-weight:900;padding:80px 0 30px 0;margin-bottom:30px; position:relative;}
#subvisual h2::after {content:"";position:absolute;bottom:0;left:50%;width:30px;height:2px;background-color:rgba(255, 255, 255, 0.8); transform:translateX(-50%)}
#subvisual p {font-size:17px;color:#fff;line-height:1.5;padding-bottom:150px;}
#subvisual .sub-tabmenu {position:absolute; left:0; bottom:0; width:100%; background-color:rgba(0, 0, 0, 0.5);}
#subvisual .sub-tabmenu li {float:left; width:20%; text-align:center;}
#subvisual .sub-tabmenu li:not(:first-child) a::after {content:""; position:absolute; width:1px; height:29px; background-color:#909194; left:0; top:50%; transform:translateY(-50%)}
#subvisual .sub-tabmenu li:hover a::after, #subvisual .sub-tabmenu li.on a::after, #subvisual .sub-tabmenu li:hover + li a::after, #subvisual .sub-tabmenu li.on + li a::after, #subvisual .sub-tabmenu li:first-child a::after {background-color:transparent}
#subvisual .sub-tabmenu li:hover a, #subvisual .sub-tabmenu li.on a {background-color:#7acbc5; color:#fff; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}

#subvisual h2{font-size:40px;padding:100px 0 30px 0;}
#subvisual p{font-size:15px;padding-left: 20px; padding-right: 20px;}
#subvisual .sub-tabmenu li a {display:block; font-size:13px; line-height:50px; letter-spacing:-1px; color:#fff; position:relative;}
#paySettle .board-form{table-layout:fixed; width:100%;}
#paySettle .board-form th{word-break: keep-all;    width: 20%;}
}


/* 서브 - 콘텐츠 */ 
#container {display:block;position:relative;background:#fff}

@media screen and (min-width:1360px){
#container .sub-inner {max-width:1360px;margin:0 auto;padding:100px 0; font-size:17px; line-height:30px; white-space:normal; word-break:keep-all; }
}
@media screen and (min-width:1024px) and (max-width:1359px){
#container .sub-inner {width:100%; padding:80px 50px; font-size:17px; line-height:30px; white-space:normal; word-break:keep-all;}
}
@media screen and (max-width:1023px){
#container .sub-inner {width:100%; padding:40px 20px; font-size:14px; line-height:22px; white-space:normal; word-break:keep-all;}
}



/* 서브페이지 - 타이틀 */ 
#container .sub-title {color:#111;font-size:32px;text-align:left;padding-bottom:50px;margin-top:0px;}

/* 서브페이지 - 이용약관, 개인정보취금방침, 이메일수집거부 */ 
#container .sub-privacy {}
#container .sub-privacy .subject {color:#1a1a1a;font-size:15px;margin-bottom:10px;font-weight:500;}
#container .sub-privacy .content {color:#9a9a9a;font-size:13px;margin-bottom:50px;line-height:150%;text-align:justify}

/* 링크모듈 */
#quick-link {position:fixed;right:20px;bottom:70px;z-index:9999;}
#quick-link a {display:block;margin-top:10px;}
#quick-link img {width:40px;border-radius:100%;}

#scroll-link {display:none;position:fixed;right:20px;bottom:20px;width:40px;height:40px;line-height:20px;font-size:10px;color:#fff;text-align:center;background:#000;border-radius:100px;padding:10px;cursor:pointer;opacity:0.6;z-index:99999;}
#scroll-link:hover {filter:alpha(opacity=80);-khtml-opacity:0.8;-moz-opacity:0.8;opacity:0.8;}