@charset "utf-8";

/* layout */
header {z-index:100;position:fixed;background-color:#fff;-webkit-box-shadow: 0px 3px 5px rgb(0 0 0 / 5%);-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.05);box-shadow: 0px 3px 5px rgb(0 0 0 / 5%);}
header, footer, .outside_wrap {width:100%;min-width:320px;}
.inner_wrap {width:100%;max-width:1039px;margin:auto;min-width:320px;}
.minner_wrap {width:100%;max-width:500px;margin:auto;}
header .gridA {position:relative;padding:13px 0;height:65px;}
header .gridA h1 {position:absolute;top:19px;display:inline-block;zoom:1;}
header .gridA h1 a {display:block;width:131px;height:28px;background:url(/image/common/h1_logo.png) 0 0 no-repeat;background-size:contain;}

header .SearchPopGroup .search_input_group {position:relative;}
header .search_group {width:449px;position:absolute;right:0;top:-52px;}
header .search_group:hover input[type="text"] {border: 1px solid #ed1c24;background-color:#fff;}
header .search_group input {border:1px solid #d4d4d4;font-size:14px;line-height:39px;height:39px;width:100%;text-indent: 16px;outline: none;background-color:#f3f3f3;color:#999;-webkit-border-radius: 50px;-moz-border-radius: 50px;-ms-border-radius: 50px;border-radius: 50px;}
header .search_group input:focus {background-color:#fff;}
header .search_group .zoom {transition: all 0.3s ease-in-out 0s;position:absolute;width:19px;height:19px;text-indent:-999px;overflow:hidden;right:13px;top:10px;background:transparent url(/image/common/zoom_19.png) 50% 50% no-repeat;}
header .search_group input[type="text"]:focus-visible + .zoom, header .search_group input[type="text"]:focus + .zoom, header .search_group:hover .zoom {filter: invert(25%) sepia(54%) saturate(4495%) hue-rotate(342deg) brightness(88%) contrast(114%);}
header .search_group.mb {display:none;}


/* gnb */
header .gnb_group {border-top:1px solid #dfdfdf;}
header .gnb {width:calc(100% - 281px);text-align: center;height:60px;}
header .gnb ul {margin:auto;display: inline-block;zoom: 1;}
header .gnb li {float:left;position:relative;padding:0 12px;}
header .gnb li:last-child a::after {display:none;}
header .gnb li a {display:block;}
header .gnb li > a {line-height:60px;font-family:'NanumSquareB';transform: skew(-0.03deg);font-size:16px;letter-spacing:-1px;}
header .gnb li > a::after {content:"";display:inline-block;zoom:1;width:6px;height:4px;vertical-align:middle;background:url(/image/common/icon_d_arrow01.png) 0 0 no-repeat;margin-left:5px;}
header .gnb .snbNo a::after {display:none;}
header .gnb li .popcover {
    position:absolute;border:1px solid #d7d7d7;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;
    -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.05);-moz-box-shadow​: 0px 3px 5px rgba(0,0,0,0.05);box-shadow: 0px 3px 5px rgba(0,0,0,0.05);
    filter:Alpha(opacity=0); opacity:0;-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0;height:0;overflow:hidden;margin-top:-10px;background-color:#fff;
    left: 50%;-ms-transform: translate(-50%, 0%);-webkit-transform: translate(-50%, 0%);-moz-transform: translate(-50%, 0%);transform: translate(-50%, 0%);
    z-index:0;padding:0 20px;transition: all 0.3s ease-in-out 0s;
}
header .gnb li:hover .popcover {height:auto;filter:Alpha(opacity=100); opacity:1;-ms-filter:"alpha(opacity=100)";-khtml-opacity:100;-moz-opacity:100;padding:20px 20px;z-index:10;margin-top:-3px;}
header .gnb li .popcover dl dd {white-space: nowrap;text-align:left;padding-top:13px;line-height:120%;}
header .gnb li .popcover dl dd:first-child {padding-top:0;}
header .gnb li .popcover dl dd strong, header .gnb li .popcover dl dd a {display:inline-block;zoom:1;font-size:14px;letter-spacing:-1px;}
header .gnb li .popcover dl dd a {width:100%;}
header .gnb li .popcover dl dd strong {width:72px;font-weight:400;font-size:13px;color:#fff;padding:3px 0;background-color:#999;text-align:center;-webkit-border-radius:35px;-moz-border-radius:35px;-ms-border-radius:35px;border-radius:35px;}
header .gnb li .popcover dl dd strong + a, header .gnb li .popcover dl dd strong + a + a, header .gnb li .popcover dl dd strong + a + a + a {margin-left:10px;width:auto;}
header .gnb li .popcover dl dd strong + a + a, header .gnb li .popcover dl dd strong + a + a + a {border-left:1px solid #dfdfdf;padding-left:10px;}
header .gnb .sos_menu > a::before {
    content:"";display:block;width:14px;height:18px;background:url(/image/common/icon_sos.png) 0 0 no-repeat;position:absolute;transition: all 0.3s ease-in-out 0s;
    right:10px;top: 47%;-ms-transform: translate(0%, -50%);-webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);transform: translate(0, -50%);
}
header .gnb .sos_menu:hover > a::before {filter: brightness(130%);}
header .gnb .sos_menu > a::after {margin-left:20px;}
header .gnb .sos_menu > a span {
    display:block;position:absolute;background-color:#ed1c24;color:#fff;font-size:11px;line-height:15px;height:15px;top:1px;
    -webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;border-radius:50px;padding:0 10px;
}
header .gnb .sos_menu > a span::after {
    content:"";background:url(/image/common/icon_sos_tail.png) 0 0 no-repeat;width:12px;height:18px;bottom:-4px;right:0;display:block;position:absolute;
}
header .gnb .G_banner {-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;margin-bottom:15px;transition: all 0.3s ease-in-out 0s;}
header .gnb .G_banner a {display:block;width:100%;height:100%;padding:10px;}
/* 콘텐츠브로셔 */
header .gnb .G_banner.ebook_banner {background-color:#e5e5e5;position:relative;}
header .gnb .G_banner.ebook_banner a::before {
    content:"";display:block;width:32px;height:35px;background:url(/image/common/icon_book.png) 0 0 no-repeat;
    position:absolute;left:10px;top: 50%;-ms-transform: translate(0%, -50%);-webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);transform: translate(0, -50%);
}
header .gnb .G_banner.ebook_banner a {font-size:14px;text-align:left;line-height:120%;padding-left:58px;letter-spacing:-0.5px;}
header .gnb .G_banner.ebook_banner:hover a {color:#000;}
header .gnb .G_banner.ebook_banner:hover {background-color:#d5d3f5;}


/* 카테고리메뉴 */
header .category_group, header .gnb {float:left;}
header .category_group a {color:#fff;background-color:#ed1c24;line-height:60px;padding:0 15px;font-size:16px;font-family:'NanumSquareB';transition: all 0.3s ease-in-out 0s;width:130px;text-align:center;}
header .category_group a:hover {background-color:#ba0007;}
header .category_group a:hover p span:nth-child(1) {width:50%;}
header .category_group a:hover p span:nth-child(3) {width:100%;}
header .category_group a, header .category_group p {display:inline-block;zoom:1;vertical-align:middle;}
header .category_group p {width:15px;height:15px;margin-right:10px;position:relative;}
header .category_group p span {display:block;width:100%;height:1px;background-color:#fff;transition: all 0.3s ease-in-out 0.2s;position:absolute;left:0;}
header .category_group p span:nth-child(1) {top:0;}
header .category_group p span:nth-child(2) {top:7px;}
header .category_group p span:nth-child(3) {bottom:0;width:50%;}
header .category_group .Cclose p span:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);top:6px;}
header .category_group .Cclose:hover p span:nth-child(1) {width:100%;}
header .category_group .Cclose p span:nth-child(2) {filter:Alpha(opacity=0); opacity:0;-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0;}
header .category_group .Cclose p span:nth-child(3) {width:100%;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);bottom:8px;}

/* 전체메뉴 */
.header_wrap.open .gnb_group {border-bottom:0px solid #ed1c24;}
.allMenuGroup {
    width:100%;position:fixed;top:109px;padding:0;background-color:#fff;z-index:99;
    -webkit-box-shadow: 0px 11px 37px rgb(0 0 0 / 16%);-moz-box-shadow​: 0px 11px 37px rgb(0 0 0 / 16%);box-shadow: 0px 11px 37px rgb(0 0 0 / 16%);height:0;overflow:hidden;
    filter:Alpha(opacity=0); opacity:0;-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0;
    transition: all 0.3s ease-in-out 0s;
}
.allMenuGroup .BtnJoinGroup {display:none;}
.allMenuGroup.open {height:auto;filter:Alpha(opacity=100); opacity:1;-ms-filter:"alpha(opacity=100)";-khtml-opacity:100;-moz-opacity:100;padding:28px 0 50px;border-top:1px solid #ed1c24;}
.allMenuGroup dl {display:table;width:100%;table-layout:fixed;}
.allMenuGroup dt, .allMenuGroup dd {padding-top:17px;padding-bottom:17px;display:table-cell;font-size:14px;transform: skew(-0.03deg);}
.allMenuGroup dt {border-bottom:1px solid #919191;width:117px;color:#000;font-family:'NanumSquareB';vertical-align:top;}
.allMenuGroup dt a {color:#000;}
.allMenuGroup dt a:hover {color:#ed1c24;}
.allMenuGroup dd {border-bottom:1px solid #dcdcdc;width:calc(100% - 117px);padding-left:20px;}
.allMenuGroup dd .separate_box {width:100% !important;clear:both;}
.allMenuGroup .divide > div {width:calc(100% / 3);float:left;padding-left:20px;border-right:1px solid #e9e9e9;margin:0;}
.allMenuGroup .divide > div:first-child {padding-left:0;}
.allMenuGroup .divide > div:last-child {border-right:0;}
.allMenuGroup .divide > div a {display:block;margin-top:10px;}
.allMenuGroup .divide > div a:first-child {margin-top:0;}
.allMenuGroup .tlist div {float:left;width:calc(100% / 3);}
.allMenuGroup .tlist div:nth-child(1), .allMenuGroup .tlist div:nth-child(2), .allMenuGroup .tlist div:nth-child(3) {margin-bottom:10px;}
.allMenuGroup .tlist div:first-child {margin-left:0;}
.allMenuGroup .tlist strong {display:inline-block;zoom:1;line-height:21px;background-color:#000;color:#fff;font-family:'NanumSquareB';padding:0 7px;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;border-radius:50px;}
.allMenuGroup .tlist strong + a {margin-left:7px;}
.allMenuGroup .tlist strong + a + a, .allMenuGroup .tlist strong + a + a + a {margin-left:15px;}
.allMenuGroup dd > a {padding-left:18px;margin-left:18px;border-left:1px solid #d4d4d4;}
.allMenuGroup dd > a:first-child {padding-left:0;margin-left:0;border-left:0;}
.allMenuGroup .all_guide div:nth-child(4) {margin-bottom: 10px;}
.allMenuGroup .all_guide .separate_box a {
    display:inline-block;zoom:1;padding:4px 15px;background-color:#d5d3f5;color:#000;
    -webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;border-radius:50px;
}
.allMenuGroup .all_guide .separate_box a::before {
    content:"";display:inline-block;zoom:1;vertical-align:middle;background-size:contain !important;
    background: url(/image/common/icon_book.png) 0 0 no-repeat;width:25px;height:27px;margin-right:7px;
}
.allMenuGroup .mb_menu {display:none;}
.txt_break {word-wrap: break-word;word-break:keep-all;overflow-wrap:break-word;}

/* 모바일 메뉴 */
.mobile_Gnb .Gque {position: relative;padding: 17px 0;cursor: pointer;font-size: 14px;border-bottom: 1px solid #dddddd;}
.mobile_Gnb .Gque::before {content:"";display: inline-block;content:'';font-size: 14px;color: #ed1c24;margin: 0 5px;}
.mobile_Gnb .Gque.on > span {font-weight: bold;color: #ed1c24;}
.mobile_Gnb .Ganw {display: none;overflow: hidden;font-size: 14px;background-color: #f6f6f6;padding: 27px 0;}
.mobile_Gnb .Gque {font-family:'NanumSquareB';color:#000;font-size:16px;transform: skew(-0.03deg);padding-left:20px;}
.mobile_Gnb > div:first-child {border-top: 1px solid #dddddd;}
.mobile_Gnb .Ganw {padding: 15px 0;}
.mobile_Gnb li {padding-left:30px;}
.mobile_Gnb .Gque::before {display:none;}
.mobile_Gnb .Gque.on::after, .mobile_Gnb .Gque::after {
    content: "";position: absolute;top: 50%;right:20px;display: block;width: 11px;height:11px;
    top: 50%;-ms-transform: translate(0%, -50%);-webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);transform: translate(0, -50%);
}
.mobile_Gnb .Gque::after {
    background: url(/image/common/icon_plus1.gif) 0 0 no-repeat;background-size: contain;
}
.mobile_Gnb .Gque.on::after {background: url(/image/common/icon_m1.gif) 0 0 no-repeat;background-size: contain;}
.mobile_Gnb li a {display:block;width:100%;padding:8px 0;font-size:14px;}
.mobile_Gnb li a::before {content:"·";margin-right:5px;}
.mobile_Gnb .order div {float:left;width:calc(100% / 2);}
.mobile_Gnb .order div:nth-child(1), .mobile_Gnb .order div:nth-child(2) {margin-bottom:6px;}
.mobile_Gnb .order div a, .mobile_Gnb .order div strong {display:inline-block;zoom:1;width:auto;}
.mobile_Gnb .order div strong {font-family:'NanumSquareB';color:#fff;background-color:#bbb;padding:3px 0;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;border-radius:50px;min-width:80px;text-align:center;}
.mobile_Gnb .order div a {margin-left:10px;}


/* 회원버튼 */
header .BtnMemberGroup {float:right;line-height:60px;}
header .BtnMemberGroup a {font-size:13px;line-height:normal;}
header .BtnMemberGroup .mobile_search {width:22px;height:22px;background: transparent url(/image/common/icon_zoom2.png) 50% 50% no-repeat;background-size:contain;display:none;}
header .BtnMemberGroup .mobile_search::before {display:none;}
header .BtnMemberGroup a::before {content:"";display:inline-block;zoom:1;width:11px;height:11px;margin-right:5px;vertical-align:middle;margin-top:-2px;}
header .BtnMemberGroup .btnTypeA::before {background:url(/image/common/icon_login.png) 0 0 no-repeat;}
header .BtnMemberGroup .btnTypeA.in::before {background:url(/image/common/icon_logout.png) 0 0 no-repeat;}
header .BtnMemberGroup .btnTypeB::before {background:url(/image/common/icon_join.png) 0 0 no-repeat;width:10px;}
header .BtnMemberGroup .btnTypeB:hover::before {background:url(/image/common/icon_join_over.png) 0 0 no-repeat;}

/* 검색팝업 */
.SearchPopInner.on {display:block;}
.SearchPopInner {width:100%;height:calc(100vh - 65px);background-color:#f9f9f9;position:absolute;top:65px;left:0;z-index:10;border-top:1px solid #dfdfdf;display:none;padding-bottom: 30px;}
.SearchPopGroup .scrollY {height:100%;padding-top:30px;}
.SearchPopGroup.open {display:block;}
.search_box {background-color:#fff;-webkit-box-shadow:0px 3px 0px rgb(0 0 0 / 3%);-moz-box-shadow​:0px 3px 0px rgb(0 0 0 / 3%);box-shadow:0px 3px 0px rgb(0 0 0 / 3%);margin-bottom:15px;}
.search_box .ipt_title {width:130px;} 
.search_box .ipt_wrap {width:calc(100% - 130px);}
.SearchPopGroup .BoxTypeA {padding-bottom:30px;position:relative;-webkit-box-shadow:0px 3px 0px rgb(0 0 0 / 3%);-moz-box-shadow​:0px 3px 0px rgb(0 0 0 / 3%);box-shadow:0px 3px 0px rgb(0 0 0 / 3%);margin-bottom:20px;}
.SearchPopGroup .BoxTypeA .ListMore {position:absolute;bottom:-18px;left: 50%;-ms-transform: translate(-50%, 0%);-webkit-transform: translate(-50%, 0%);-moz-transform: translate(-50%, 0%);transform: translate(-50%, 0%);}
.SearchPopGroup .PopClose {position:absolute;top:-43px;right:20px;}

/* container */
.sub_container {padding:109px 0 100px;}

/* 서브 페이지 */
.SubHeader {height:157px;text-align:center;display:table;width:100%;position:relative;}
.SubHeader .Htitle {display:table-cell;vertical-align:middle;padding-bottom:37px;position:relative;z-index:10;}
.SubHeader .bg_ani {width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;}
.SubHeader .bg_ani span {display:block;position:absolute;}
.SubHeader h2 {font-size:25px;color:#000;font-family:'NanumSquareB';margin-bottom:4px;}
.SubHeader h2 + span {font-size:15px;color:#666;font-family:'NanumSquareR';letter-spacing: 1px;}

.SubHeader + .inner_wrap {background-color:#fff;position:relative;top:-47px;border-bottom:1px solid #eaeaea;z-index: 50;}
.page_menu_group {position:relative;}
.page_menu_group .page_tab, .page_menu_group .page_tab li, .page_menu_group .anchor li {float:left;}
.page_menu_group .anchor {float:right;}
.page_menu_group .page_tab li.on {line-height: 46px;}
.page_menu_group .page_tab li.on > a, .page_menu_group .page_tab li > a:hover, .page_menu_group .page_tab li .popcover:hover + a, .page_menu_group .page_tab .drop_menu :checked + label {color:#000;background-color:#fff7f7;}
.page_menu_group .page_tab li.on > a::before, .page_menu_group .page_tab .drop_menu :checked + label::before {width:100%;background-color:rgba(237, 28, 36, 1);background-image:none;filter:Alpha(opacity=100); opacity:1;-ms-filter:"alpha(opacity=100)";-khtml-opacity:100;-moz-opacity:100;}
.page_menu_group .page_tab li {line-height:46px;border-right:1px solid #eaeaea;position:relative;}
.page_menu_group .page_tab li > a::before, .page_menu_group .page_tab .drop_menu .mb::before {content:"";display:block;width:0;height:1px;position:absolute;top:0;left:0;transition: all 0.3s ease-in-out 0s;margin-top:0;background-color:rgba(237, 28, 36, 1);filter:Alpha(opacity=0); opacity:0;-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0;}
.page_menu_group .page_tab li > a, .page_menu_group .page_tab li .mb {display:block;padding:0 30px;font-size:14px;transition: all 0.3s ease-in-out 0s;font-family:'NanumSquareB';color:#7a7878;position:relative;z-index:10;}
.page_menu_group .page_tab li > a:hover::before, .page_menu_group .page_tab li .popcover:hover + a::before {width:100%;filter:Alpha(opacity=100); opacity:1;-ms-filter:"alpha(opacity=100)";-khtml-opacity:100;-moz-opacity:100;}
.page_menu_group .page_tab li:hover .popcover dt {height:auto;line-height: 37px;}
.page_menu_group .page_tab li .popcover {
    position:absolute;padding-top:47px;left:0;z-index:0;width:calc(100% + 1px);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.15);-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.15);box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
    transition: all 0.3s ease-in-out 0s;filter:Alpha(opacity=0); opacity:0;-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0;height:0;overflow:hidden;
}
.page_menu_group .page_tab li .mb, .page_menu_group .mobile_snb {display:none;}
.page_menu_group .page_tab li .mb {padding-left:0;}
.page_menu_group .page_tab li .mb::before {display:none;}
/* .page_menu_group .page_tab li .mb :checked + {} */
.page_menu_group .page_tab li .popcover dt {width:100%;text-align:center;border-bottom:1px solid #eaeaea;border-left:1px solid #eaeaea;border-right:1px solid #eaeaea;background-color:#fff;}
.page_menu_group .page_tab li .popcover + a::after, .page_menu_group .page_tab li .mb::after {content:"";display:inline-block;zoom:1;width:6px;height:4px;background:url(/image/common/icon_d_arrow01.png) 0 0 no-repeat;vertical-align:middle;margin-left:5px;}
.page_menu_group .page_tab li:hover > .popcover {height:auto;filter:Alpha(opacity=100); opacity:1;-ms-filter:"alpha(opacity=100)";-khtml-opacity:100;-moz-opacity:100;}
.page_menu_group .page_tab .drop_menu :checked ~ .popcover {height:auto;filter:Alpha(opacity=100); opacity:1;-ms-filter:"alpha(opacity=100)";-khtml-opacity:100;-moz-opacity:100;}
.page_menu_group .page_tab .drop_menu :checked ~ .popcover dt {line-height: 37px;height:auto;}
.page_menu_group .page_tab .drop_menu .popcover {height:0;}
.page_menu_group .page_tab li .popcover dt {line-height:0;height:0;overflow:hidden;}
.page_menu_group .page_tab li .popcover dt a {font-size:14px;display:block;width:100%;}
.page_menu_group .page_tab li .popcover dt a:hover {background-color:#fafafa;}

.page_menu_group .anchor {padding-right:20px;}
.page_menu_group .anchor li {font-size:13px;position:relative;}
.page_menu_group .anchor li:nth-child(2)::before {padding-left:5px;}
.page_menu_group .anchor li, .page_menu_group .anchor li:first-child a {line-height:46px;}
.page_menu_group .anchor li:first-child a::after {
    content:"";width:18px;height:18px;display:block;background:#958d97 url(/image/common/icon_home.png) 50% 50% no-repeat;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;border-radius:50px;
    position:absolute;left: 50%;top: 50%;-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index:0;
}
.page_menu_group .anchor li:first-child a:hover::after {background-color:#ed1c24;transition: all 0.3s ease-in-out 0s;}
.page_menu_group .anchor li:first-child a {width:30px;height:46px;display:block;}
.page_menu_group .anchor li:first-child::before {display:none;}
.page_menu_group .anchor li::before {content:">";color:#c2c2c2;padding:0 10px;}

/* 모바일 메뉴 */
#basic_accordion.mobile_snb div {text-align:left;}
#basic_accordion.mobile_snb .que1 {padding: 13px 0 13px 20px;font-family:'NanumSquareB';}
#basic_accordion.mobile_snb .que1:before {content:"";display:inline-block;zoom:1;width:8px;height:8px;background:url(/image/common/icon_gnb.png) 0 0 no-repeat;vertical-align:middle;margin-right:5px;margin-left:0;}
#basic_accordion.mobile_snb .que1.drop::after {
    background: url(/image/common/select_arrow01.png) 0 0 no-repeat;background-size: contain;
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    display: block;
    width: 11px;
    height: 6px;
    top: 50%;
    -ms-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    transform: translate(0, -50%);
}
#basic_accordion.mobile_snb .que1.on::after {background: url(/image/common/select_arrow02.png) 0 0 no-repeat;background-size: contain;}
#basic_accordion.mobile_snb .anw1 {padding: 13px 20px;}
#basic_accordion.mobile_snb .anw1 li {padding:10px 0;}


/* footer */
footer {border-top:1px solid #e0e0e0;}
footer .fmenu {text-align:center;}
footer .fmenu ul {margin:auto;}
footer .fmenu li {display:inline-block;zoom:1;padding:10px 0;}
footer .fmenu li::before {content:"│";color:#bfbfbf;padding:0 15px;}
footer .fmenu li:first-child::before {display:none;}
footer .fmenu li a {color:#666;}
footer .fmenu li a:hover {color:#ed1c24;}
footer .logbox {background-color:#59565a;padding:20px 0;border-top:1px solid #e0e0e0;}
footer .logbox h1 {float:left;font-size:0;line-height:normal;margin-top:6px;}
footer .logbox .inner_wrap > span {font-size:12px;color:#e1e1e1;line-height:27px;margin:auto;padding-top:6px;display: inline-block;zoom:1;}
footer .inner_wrap {text-align:center;}
footer .sns {float:right;}
footer .sns a {display:inline-block;zoom:1;width:37px;height:37px;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;border-radius:50px;transition: all 0.3s ease-in-out 0s;position:relative;}
footer .sns a::before {
    content:"";display:block;position:absolute;top:10px;transition: all 0.3s ease-in-out 0s;color:#fff;font-size:12px;overflow:hidden;width:0;
    filter:Alpha(opacity=0); opacity:0;-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0;white-space: nowrap;
    left: 50%;-ms-transform: translate(-50%, 0%);-webkit-transform: translate(-50%, 0%);-moz-transform: translate(-50%, 0%);transform: translate(-50%, 0%);
    -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;padding:3px 7px;font-family:'NanumSquareB';
}
footer .sns a:nth-child(1)::before {content:"공식밴드";background-color:#1bcc21;}
footer .sns a:hover:nth-child(1)::before {
    filter:Alpha(opacity=100); opacity:1;-ms-filter:"alpha(opacity=100)";-khtml-opacity:100;-moz-opacity:100;top:-24px;width:auto;
}
footer .sns a:nth-child(1)::before {content:"공식유투브";background-color:#e7161b;}
footer .sns a:hover:nth-child(1)::before {
    filter:Alpha(opacity=100); opacity:1;-ms-filter:"alpha(opacity=100)";-khtml-opacity:100;-moz-opacity:100;top:-24px;width:auto;
}
/* footer .sns a:nth-child(1) {background:#1bcc21 url(/image/common/sns_icon01.png) 50% 50% no-repeat;background-size:18px;margin-right:10px;}
footer .sns a:hover:nth-child(1) {background-color:#3ce442;} */
footer .sns a:nth-child(1) {background:#e7161b url(/image/common/sns_icon02.png) 50% 50% no-repeat;background-size:21px;}
footer .sns a:hover:nth-child(1) {background-color:#f63538;}


/* 버튼 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.btnTypeA {background-color:#353036;display:inline-block;zoom:1;font-size:14px;padding:6px 10px;color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;text-align:center;transition: all 0.3s ease-in-out 0s;}
.btnTypeA:hover {background-color:#5e575e;color:#fff;}

.btnTypeB {background-color:#fff;border:1px solid #c7c7c7;display:inline-block;zoom:1;font-size:14px;padding:6px 10px;color:#333333;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;transition: all 0.3s ease-in-out 0s;text-align:center;}
.btnTypeB:hover {border:1px solid #ed1c24;}

.btnTypeC {background-color:#ed1c24;color:#fff;font-size:14px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;text-align:center;padding:9px 10px;font-family:'NanumSquareB';display:inline-block;zoom:1;transition: all 0.3s ease-in-out 0s;}
.btnTypeC:hover {background-color:#da0007;color:#fff;}

.btnTypeD {background-color:#adaaad;color:#fff;font-size:14px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;text-align:center;padding:9px 10px;font-family:'NanumSquareB';display:inline-block;zoom:1;transition: all 0.3s ease-in-out 0s;}
.btnTypeD:hover {background-color:#8d8a8d;color:#fff;}

.btnTypeE {background-color:#fff;border:1px solid #9b959c;display:inline-block;zoom:1;font-size:14px;padding:6px 10px;color:#333333;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;transition: all 0.3s ease-in-out 0s;}
.btnTypeE:hover {border:1px solid #ed1c24;}

.sizeA {line-height:39px;padding:0;min-width:140px;font-size:16px;font-family:'NanumSquareB';transform: skew(-0.03deg);}

.ListMore {
    display:inline-block;zoom:1;width:37px;height:37px;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;border-radius:50px;border:1px solid #7e7e7e;
    background:#fff url(/image/common/icon_plus.gif) 50% 50% no-repeat;
}
.ListMore:hover {border:1px solid #ed1c24;background:#fff url(/image/common/icon_plus_red.gif) 50% 50% no-repeat;}

.PopClose {width:19px;height:19px;display:block;background:#fff url(/image/common/icon_close02.png) 0 0 no-repeat;}

.BtnDel {height:40px;width:40px;background:#adaaad url(/image/common/icon_close04.png) 50% 50% no-repeat;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;}
.BtnDel:hover {background-color:#838083;}

.subject_title {color:#000;font-family:'NanumSquareB';transform: skew(-0.03deg);font-size:16px;}

/* round ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.roundA {-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;}
.roundB {-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;border-radius:7px;}
.roundC {-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;border-radius:50px;}

/* global ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.clearfix {*zoom:1;}
.clearfix::after, .clearfix::before {content: "";display: block;clear: both;line-height:0;}
.clearfix::after {clear: both;}
.ani_Fnc {transition: all 0.3s ease-in-out 0s;}
.text_left {text-align:left;}
.text_right {text-align:right;}
.text_center {text-align:center;}
.scrollY {overflow-y: auto;overflow-x:hidden;}
.scrollY::-webkit-scrollbar {width: 5px;}
.scrollY::-webkit-scrollbar-thumb {background-color: #d2d2d2;border-radius: 10px;}
.scrollY::-webkit-scrollbar-thumb:hover {background-color: #f7a3a6bf;}
.scrollY::-webkit-scrollbar-track {
    background-color: #ddd;
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px white;
}

.scrollX {overflow-x: auto;overflow-y:visible;}
.scrollX::-webkit-scrollbar {height: 5px;}
.scrollX::-webkit-scrollbar-thumb {background-color: #d2d2d2;border-radius: 10px;}
.scrollX::-webkit-scrollbar-thumb:hover {background-color: #f7a3a6bf;}
.scrollX::-webkit-scrollbar-track {
    background-color: #ddd;
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px white;
}

.NoResult {font-family: 'NanumSquareB';border-top:1px solid #cecece;border-bottom:1px solid #cecece;padding:15px 0;}

.hid {display: block;overflow: hidden !important;position: absolute;top: -1000px !important;left: 0;width: 0 !important;height: 0 !important;line-height: 0 !important;font-size: 0 !important;}
.float_wrap {width:100%;}
.float_wrap .left, .float_wrap .right {vertical-align:middle;}
.float_wrap .left {float:left;}
.float_wrap .right {float:right;}

/* check */
.switch_group .form-switch.next_to {margin-left:10px;}
.switch_group .form-switch.next_to:first-child {margin-left:0px;}
.form-switch.next_to {display:inline-block;zoom:1;}
.form-switch .form-check-input:checked {
    background-position: 100%;
    background-image: url(/image/common/icon_check3.png);
}
.form-switch input[type="checkbox"], .form-switch input[type="radio"] {display:inline-block;}
.form-switch input[type="checkbox"] + label::before {display:none;}
.form-switch .form-check-input {
    height: 17px;
    width: 2.3em;
    background-image: url(/image/common/icon_check3.png);
    background-position: 0;
    border-radius: 2em;
    transition: background-position .15s ease-in-out;
    background-color: #c2bec3;
    border-color: #c2bec3;
}
.form-check-input:checked + label {font-family:'NanumSquareB';color:#000;}
.form-check-input:checked {
    background-color: #ed1c24;
    border-color: #ed1c24;
}
.form-check-input[type=radio] {
    -webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;border-radius:20px;
}
.form-check-input {
    width: 1em;
    height: 1em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    border: 1px solid rgba(0,0,0,.25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;    
    transition: background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-check-label {cursor: pointer;margin-bottom: 0;}
label.form-check-label::before {display:none !important;}
.form-switch input[type="checkbox"] + label, .form-switch input[type="radio"] + label {padding-left:0px;}

/* margin */
.marginB7 {margin-bottom:7px;}
.marginB10 {margin-bottom:10px;}
.marginB15 {margin-bottom:15px;}
.marginB20 {margin-bottom:20px;}
.marginB30 {margin-bottom:30px;}
.marginB40 {margin-bottom:40px;}
.marginB45 {margin-bottom:45px;}
.marginB50 {margin-bottom:50px;}
.marginB60 {margin-bottom:60px;}

/* box */
.BoxTypeA {border:1px solid #e4e4e4;background-color:#fff;padding:30px;}

/* title */
.PageTitle {font-size:32px;color:#000;width:100%;text-align:center;border-bottom:1px solid #e5e5e5;}
.PageTitle h2 {display:inline-block;zoom:1;margin:auto;position:relative;padding-bottom:10px;font-family:"Lato", sans-serif;font-weight:500;}
.PageTitle h2::after {content:"";display:block;position:absolute;width:100%;height:2px;background-color:#000;bottom:-1px;}


/* font */
.fsize1 {font-size:13px;}
.fsize2 {font-size:14px;}
.fsize3 {font-size:15px;}
.fsize4 {font-size:16px;transform: skew(-0.03deg);}
.fsize5 {font-size:18px;}

.ftype1 {font-family:'NanumSquareL';}
.ftype2 {font-family:'NanumSquareR';}
.ftype3 {font-family:'NanumSquareB';}
.ftype4 {font-family:'NanumSquareEB';}


/* tab menu */
.TabStyleA {width:100%;border-bottom:1px solid #000;position:relative;height:48px;}
.TabStyleA li {line-height:46px;background-color:#f5f4f5;border-left:1px solid #e2e2e2;border-top:1px solid #e2e2e2;border-right:1px solid #e2e2e2;float:left;transition: all 0.3s ease-in-out 0s;text-align:center;font-family:'NanumSquareR';}
.TabStyleA li a {font-size:16px;color:#a6a6a6;display:block;width:100%;transform: skew(-0.03deg);}
.TabStyleA li:hover {background-color:#dfdfdf;}
.TabStyleA li.on {background-color:#fff;border-left:1px solid #000;border-top:1px solid #000;border-right:1px solid #000;line-height:47px;top:0;position:relative;font-family:'NanumSquareB';}
.TabStyleA .on a {color:#000;}

.TabStyleB {width:100%;}
.TabStyleB ul {width:100%;display:table;}
.TabStyleB li {border-top:1px solid #cecece;border-right:1px solid #cecece;border-bottom:1px solid #cecece;font-size:16px;font-family:'NanumSquareR';line-height:36px;height:36px;text-align:center;display:table-cell;position:relative;transform: skew(-0.03deg);}
.TabStyleB li a {display:block;width:100%;white-space:nowrap;}
.TabStyleB li:first-child {border-left:1px solid #cecece;}
.TabStyleB .on a, .TabStyleB li:hover a {border:2px solid #ed1c24;color:#ed1c24;position:relative;left:-1px;top:-1px;height:calc(100% + 2px);line-height:34px;width:calc(100% + 2px);font-family:'NanumSquareB';}
.TabStyleB .on::after, .TabStyleB li:hover::after {content:"";display:block;position:absolute;width:10px;height:8px;background:url(/image/common/tab_tail.png) 0 0 no-repeat;left:50%;margin-left:-5px;bottom:-8px;}

.TabStyleC {width:100%;text-align:center;}
.TabStyleC ul {display:inline-block;zoom:1;margin:auto;}
.TabStyleC li {float:left;line-height:36px;border:1px solid #cecece;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;border-radius:50px;text-align:center;min-width:100px;margin-left:10px;transition: all 0.3s ease-in-out 0s;}
.TabStyleC li:first-child {margin-left:0;}
.TabStyleC li a {font-size:16px;display:block;width:100%;transform: skew(-0.03deg);color:#666;}
.TabStyleC li.on, .TabStyleC li:hover {
    border:1px solid #ed1c24;-webkit-box-shadow:0px 0px 6px rgba(0,0,0,0.15);-moz-box-shadow:0px 0px 6px rgba(0,0,0,0.15);box-shadow:0px 0px 6px rgba(0,0,0,0.15);
}
.TabStyleC li.on a, .TabStyleC li a:hover {color:#ed1c24;font-family:'NanumSquareB';}

.TabStyleC + .TabStyleD {margin-top:20px;}
.TabStyleD {width:100%;text-align:center;overflow-x:auto;overflow-y:hidden;}
.TabStyleD .title {width:100%;border-radius:30px;background-color:#e6e6e6;display:block;margin-left:0;line-height:32px;color:#000;font-family:'NanumSquareB';font-weight:700;margin-bottom:10px;}
.TabStyleD .title + li {padding-left:0;}
.TabStyleD .title + li::before {display:none;}
.TabStyleD.InTitle {white-space:nowrap;}
.TabStyleD.InTitle ul {display:inline-block;zoom:1;margin-left:-4px;margin-left:20px;padding-left:20px;border-left:1px solid #ededed;}
.TabStyleD.InTitle ul:first-child {margin-left:0px;padding-left:0px;border-left:0;}
.TabStyleD ul {margin:auto;padding-bottom:7px;white-space:nowrap;}
.TabStyleD li {display:inline-block;zoom:1;line-height:36px;text-align:center;line-height:26px;position:relative;padding-left:34px;margin-left:-4px;}
.TabStyleD li:first-child {padding-left:0;}
.TabStyleD li::before {content:"│";color:#d4d4d4;position:absolute;left:9px;top:0;}
.TabStyleD li:first-child::before {display:none;}
.TabStyleD li a {color:#666;padding:0 8px;display:inline-block;zoom:1;position:relative;font-size:16px;transform: skew(-0.03deg);white-space: nowrap;}
.TabStyleD li a:hover {color:#000;}
.TabStyleD li a::after {content:"";width:0;transition: all 0.3s ease-in-out 0s;display:block;position:absolute;height:50%;bottom:0;left:0;background-color:#bdf2fa;z-index:-1;}
.TabStyleD li.on a::after, .TabStyleD li a:hover::after {width:100%;}
.TabStyleD li.on a {font-family:'NanumSquareB';color:#000;}
.TabStyleD::-webkit-scrollbar {height: 3px;}
.TabStyleD::-webkit-scrollbar-thumb {background-color: #d5d5d5;border-radius: 10px;}
.TabStyleD::-webkit-scrollbar-track {
    background-color: #ededed;
    border-radius: 10px;
}


.TabStyleE {width:100%;border-top:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-left:1px solid #e2e2e2;}
.TabStyleE li {line-height:46px;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;float:left;text-align:center;font-family:'NanumSquareR';margin-left:-1px;background-color:#fff;}
.TabStyleE li a {display:block;width:100%;}
.TabStyleE .on, .TabStyleE li:hover {background-color:#353036;font-family:'NanumSquareB';border-left-color:#353036;border-right-color:#353036;}
.TabStyleE .on a, .TabStyleE li:hover a {color:#fff;}

.TabStyleE_snb {background-color:#353036;padding:12px 20px;text-align:left;}
.TabStyleE_snb dl:first-child {margin-left:0px;}
.TabStyleE_snb dl, .TabStyleE_snb dt, .TabStyleE_snb dd {display:inline-block;zoom:1;font-size:14px;}
.TabStyleE_snb dt, .TabStyleE_snb dd a {color:#fff;}
.TabStyleE_snb dt {padding:3px 10px;background-color:#5d585e;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;margin-right:20px;}
.TabStyleE_snb dt a {color:#fff;}
.TabStyleE_snb dt::after {content:"";display:inline-block;zoom:1;width:4px;height:7px;vertical-align:middle;margin-left:7px;background:url(/image/common/icon_arrow02.png) 0 0 no-repeat;}
.TabStyleE_snb dd {margin-right:15px;padding-right:15px;border-right:1px solid #666367;}
.TabStyleE_snb dd:last-child {margin-right:0;border-right:0;}
.TabStyleE_snb dd a:hover {color:#ffdadb;}

.TabStyleF {
    background-color:#ededed;padding:4px 4px 0;display:block;border-bottom:1px solid #cccccc;
    -webkit-border-top-left-radius: 18px;-moz-border-top-left-radius: 18px;-ms-border-top-left-radius: 18px;border-top-left-radius: 18px;
    -webkit-border-top-right-radius: 18px;-moz-border-top-right-radius: 18px;-ms-border-top-right-radius: 18px;border-top-right-radius: 18px;
}
.TabStyleF li {float:left;line-height:40px;font-size:16px;font-family:'NanumSquareB';text-align:center;}
.TabStyleF li a {color:#8c8c8c;display:block;transform: skew(-0.03deg);}
.TabStyleF li.on, .TabStyleF li:hover {
    background-color:#fff;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;position:relative;top:1px;
    -webkit-border-top-left-radius: 15px;-moz-border-top-left-radius: 15px;-ms-border-top-left-radius: 15px;border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;-moz-border-top-right-radius: 15px;-ms-border-top-right-radius: 15px;border-top-right-radius: 15px;
}
.TabStyleF li.on a, .TabStyleF li a:hover {color:#000;}

.TabStyleG li {
    display:inline-block;zoom:1;width:41px;height:41px;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;border-radius:50px;
    line-height:41px;text-align:center;font-size:14px;overflow:hidden;border:1px solid #dadada;background-color:#fff;
}
.TabStyleG li a {color:#666;display:block;}
.TabStyleG .on, .TabStyleG li a:hover {background-color:#000;border:1px solid #000;line-height:41px;}
.TabStyleG .on a, .TabStyleG li a:hover {color:#fff;}
.TabStyleG.noLink a {cursor:default;}


.TabStyleH li {
    display:inline-block;zoom:1;min-width:45px;text-align:center;font-size:14px;margin-left:3px;
}
.TabStyleH li:first-child {margin-left:0;}
.TabStyleH li a {color:#666;display:block;padding:3px 0;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;border-radius:30px;}
.TabStyleH .on a, .TabStyleH li a:hover {background-color:#000;}
.TabStyleH .on a, .TabStyleH li a:hover {color:#fff;}

.TabStyleI {width:100%;position:relative;height:39px;}
.TabStyleI.right {text-align:right;}
.TabStyleI li {
    line-height:37px;background-color:#c1bac2;transition: all 0.3s ease-in-out 0s;text-align:center;font-family:'NanumSquareR';display:inline-block;zoom:1;margin-left:3px;margin-top:-2px;
    -webkit-border-top-left-radius:10px;-moz-border-top-left-radius:10px;-ms-border-top-left-radius:10px;border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;-moz-border-top-right-radius:10px;-ms-border-top-right-radius:10px;border-top-right-radius:10px;
}
.TabStyleI li a {font-size:16px;color:#fff;display:block;width:100%;transform: skew(-0.03deg);padding: 0 40px;}
.TabStyleI li:hover {background-color:#dfdfdf;}
.TabStyleI .on {background-color:#fff;border-left:2px solid #000;border-top:2px solid #000;border-right:2px solid #000;top:2px;position:relative;font-family:'NanumSquareB';}
.TabStyleI .on a {color:#000;}
.TabStyleI .on:hover {background-color:#fff;}
.TabStyleI li:first-child {margin-left:0;}

.TabStyleJ {width:100%;text-align:center;border-bottom:1px solid #000;text-align:center;height:43px;}
.TabStyleJ li {line-height:42px;display:inline-block;zoom:1;font-size:16px;margin-left:2px;vertical-align:top;}
.TabStyleJ li:first-child {margin-left:0;}
.TabStyleJ li a {
    color:#adadad;font-family:'NanumSquareEB';display:block;width:100%;height:100%;background-color:#e9e9e9;transition: all 0.3s ease-in-out 0s;
    -webkit-border-top-left-radius:10px;-moz-border-top-left-radius:10px;-ms-border-top-left-radius:10px;border-top-left-radius:10px;transform: skew(-0.03deg);
    -webkit-border-top-right-radius:10px;-moz-border-top-right-radius:10px;-ms-border-top-right-radius:10px;border-top-right-radius:10px;
}
.TabStyleJ li.on {position:relative;top:0;}
.TabStyleJ li.on a, .TabStyleJ li a:hover {
    background-color:#fff;border-left:1px solid #000;border-top:1px solid #000;border-right:1px solid #000;color:#000;
}


/* 아코디언 */
#basic_accordion .que, #basic_accordion .que1 {position: relative;padding: 17px 0;cursor: pointer;font-size: 14px;border-bottom: 1px solid #dddddd;}
#basic_accordion .que::before, #basic_accordion .que1::before {content:"";display: inline-block;content:'';font-size: 14px;color: #ed1c24;margin: 0 5px;}
#basic_accordion .que.on > span, #basic_accordion .que1.on > span {font-weight: bold;color: #ed1c24;}
#basic_accordion .anw, #basic_accordion .anw1 {display: none;overflow: hidden;font-size: 14px;background-color: #f6f6f6;padding: 27px 0;}



/* 모바일 ------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1130px){
    header .search_group {right:60px;}
    header .SearchPopGroup .PopClose {right: 25px;}
}

@media screen and (max-width: 1090px){
    /* layout */
    .inner_wrap {padding:0 20px;}

    /* sub layout */
    .SubHeader + .inner_wrap {padding:0;}
}


@media screen and (max-width: 960px){
    /* header */
    header .gnb {display:none;}
    .allMenuGroup .tlist div:nth-child(4) {clear:both;margin-left:0;margin-bottom:0;}
    
    /* sub layout */
    .page_menu_group .page_tab li > a {padding: 0 20px;}
}

@media screen and (max-width: 840px){
    .page_menu_group {text-align:center;height:40px;}
    .page_menu_group .page_tab {float:none;margin:auto;display:inline-block;zoom:1;}
    .page_menu_group .page_tab li.on {line-height: 40px;}
    .page_menu_group .page_tab li {line-height: 40px;}
    .page_menu_group .anchor li, .page_menu_group .anchor li:first-child a {line-height: 36px;}
    .page_menu_group .anchor li:first-child a, .page_menu_group .anchor {height:36px;}
    .page_menu_group .page_tab li > a, .page_menu_group .page_tab li .mb {font-size: 14px;}
    .page_menu_group .anchor li {font-size: 12px;}
    .page_menu_group .anchor {
        position:absolute;top:41px;padding-right:0;float:none;background-color:#f9f8f9;z-index: -1;border-bottom: 1px solid #eaeaea;
        left: 50%;-ms-transform: translate(-50%, 0%);-webkit-transform: translate(-50%, 0%);-moz-transform: translate(-50%, 0%);transform: translate(-50%, 0%);text-align:center;width:100%;
    }
    .page_menu_group .anchor ul {display: inline-block;zoom:1;margin:auto;}
}

@media screen and (max-width: 800px){
    .allMenuGroup .tlist div {width: calc(100% / 2);}
    .allMenuGroup .tlist div:nth-child(4) {margin-bottom: 10px;}
    .allMenuGroup .all_guide div:nth-child(5) {margin-bottom: 10px;}
}

@media screen and (max-width: 790px){
    .header_wrap.open {position:fixed;}
    .allMenuGroup.open {position:absolute;}
    .allMenuGroup .tlist div {width:calc(100% / 2);}
    .allMenuGroup .tlist div:nth-child(5) {margin-bottom:0;}
    .allMenuGroup dt {width: 95px;}
    .allMenuGroup .tlist div:nth-child(4) {clear:none;}
    .allMenuGroup .divide > div:nth-child(1) {width:30%;}
    .allMenuGroup .divide > div:nth-child(2), .allMenuGroup .divide > div:nth-child(3) {width:35%;}
    .allMenuGroup .all_guide div:nth-child(5) {margin-bottom: 10px;}
}

@media screen and (max-width: 768px){
    /* header */
    header .gridA h1 a {width: 120px;height: 26px;}
    header .BtnMemberGroup {position:relative;}
    header .BtnMemberGroup .mobile_search {display:inline-block;zoom:1;position:absolute;top:15px;right:20px;}
    header .BtnMemberGroup .btnTypeA, header .BtnMemberGroup .btnTypeB, .allMenuGroup .inner_wrap:first-child, header .search_group.pc {display:none;}
    header .gridA {padding:0;height:0;}
    header .gridA h1 {left: 50%;-ms-transform: translate(-50%, 0%);-webkit-transform: translate(-50%, 0%);-moz-transform: translate(-50%, 0%);transform: translate(-50%, 0%);top: 14px;}
    header .category_group a {line-height: 53px;width: 60px;}
    header .category_group strong {display:none;}
    header .category_group p {width: 20px;height: 20px;margin-right:0;}
    header .category_group p span:nth-child(2) {top:10px;}
    header .category_group .Cclose p span:nth-child(1) {top: 9px;}
    header .category_group .Cclose p span:nth-child(3) {bottom: 10px;}
    header .gnb_group .inner_wrap {padding:0;}
    .allMenuGroup {top: 53px;}
    .allMenuGroup .BtnJoinGroup, .allMenuGroup .mb_menu {display:block;}
    .allMenuGroup .mb_menu {padding:0;}
    .allMenuGroup {top: 54px;}
    .allMenuGroup .BtnJoinGroup a {width:calc(50% - 10px);padding: 9px 10px;}
    .allMenuGroup .BtnJoinGroup a:first-child {margin-right:20px;}
    .allMenuGroup.open {padding-top:35px;}
    .allMenuGroup .BtnJoinGroup {padding:0 20px;}    
    header .SearchPopGroup .scrollY {padding-top:30px;}
    header .search_group input {background-color: #ffffff;border:1px solid #8f8991;}
    header .SearchPopGroup .PopClose {top: -39px;right: 20px;width: 24px;height: 24px;background-position:50% 50%;}
    header .search_group.mb {display:block;}
    header .search_group {width: 100%;position:relative;right:auto;top:auto;}
    header .SearchPopInner {height: calc(100vh - 53px);top: 53px;}

    /* sub layout */
    .sub_content {padding-top:50px;}
    .SubHeader {height: 147px;background-size: cover;}
    .SubHeader h2 {font-size: 23px;}
    .SubHeader h2 + span {font-size: 14px;}
    .sub_container {padding-top:54px;}
    .SubHeader + .inner_wrap {padding:0;top: -41px;}
    
    .inner_wrap.Smenu_none {border-bottom:0;}
    .Smenu_none .page_menu_group .anchor {top:0;}
    .Smenu_none .page_menu_group {height: 41px;}
    .Smenu_none + .sub_content {padding-top: 11px;}
    
    .page_menu_group .page_tab li:first-child {border-left: 1px solid #eaeaea;}
    .page_menu_group .page_tab li .popcover {padding-top:0;}
    .page_menu_group .page_tab li .pc {display:none;}
    .page_menu_group .page_tab li .mb {display:block;padding: 0 20px;}
    .page_menu_group .page_tab li:hover > .popcover {height:0;filter:Alpha(opacity=0); opacity:0;-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0;}
    
    /* tab menu */
    .TabStyleB .on a, .TabStyleB li {font-size: 15px;}

    .TabStyleE li {line-height: 40px;font-size:15px;}
    .TabStyleJ {height: 41px;}
    .TabStyleJ li {line-height: 40px;font-size:15px;}

    /* footer */
    footer .logbox h1 {width:110px;}

    /* margin */
    .marginB10 {margin-bottom:8px;}
    .marginB15 {margin-bottom:12px;}
    .marginB20 {margin-bottom:17px;}
    .marginB30 {margin-bottom:27px;}
    .marginB40 {margin-bottom:37px;}
    .marginB45 {margin-bottom:42px;}
    .marginB50 {margin-bottom:47px;}
    .marginB60 {margin-bottom:55px;}


}

@media screen and (max-width: 640px){
    /* header */
    .mobile_Gnb .order div {float:none;margin-bottom: 6px;width:100%;}
    .mobile_Gnb .order div:last-child {margin-bottom: 0px;}
    .SearchPopGroup .BoxTypeA {padding: 20px;}

    /* title */
    .PageTitle {font-size: 28px;}

    /* footer */
    footer .fmenu li::before {padding: 0 8px;}

    /* tabmenu */
    .TabStyleA {height: 44px;}
    .TabStyleA li a {font-size: 15px;}
    .TabStyleA li {line-height: 42px;}
    .TabStyleA .on {line-height: 43px;}

    .TabStyleC li {line-height: 30px;}
    .TabStyleC li a {font-size: 15px;}
    
    .TabStyleC + .TabStyleD {margin-top: 15px;}
    .TabStyleD li a {font-size: 15px;}

    .TabStyleF li {line-height: 36px;font-size: 15px;}
    .TabStyleE_snb {padding-top:10px;padding-bottom:10px;}
    .TabStyleE_snb dl, .TabStyleE_snb dt, .TabStyleE_snb dd {font-size: 14px;}


    /* size */
    .sizeA {line-height:36px;font-size:15px;}

    /* margin */
    .marginB10 {margin-bottom:5px;}
    .marginB15 {margin-bottom:10px;}
    .marginB20 {margin-bottom:15px;}
    .marginB30 {margin-bottom:25px;}
    .marginB40 {margin-bottom:35px;}
    .marginB45 {margin-bottom:40px;}
    .marginB50 {margin-bottom:45px;}
    .marginB60 {margin-bottom:55px;}

    /* sub layout */
    .sub_content {padding-top: 90px;}
    .SubHeader {height: 110px;}
    .SubHeader .Htitle {padding-bottom:0;}
    .SubHeader + .inner_wrap {top: 0;}
    .page_menu_group {height: 37px;}
    .page_menu_group .page_tab li.on {line-height: 37px;}
    .page_menu_group .page_tab li {line-height: 37px;}
    .page_menu_group .anchor li, .page_menu_group .anchor li:first-child a, .page_menu_group .anchor {line-height: 34px;height: 34px;}
    .page_menu_group .page_tab li > a {padding: 0 15px;}
    .page_menu_group .anchor {top: 38px;}
    .SubHeader h2 {font-size: 21px;}
    .Smenu_none + .sub_content {padding-top: 49px;}

}

@media screen and (max-width: 540px){
    /* sub layout */
    .sub_content {padding-top: 50px;}
    .page_menu_group .page_tab {display:none;}
    .page_menu_group .mobile_snb {display:block;}
    .page_menu_group {height:auto;}
    .page_menu_group .anchor {position:relative;top:auto;z-index:1;text-align:left;}
    .page_menu_group .anchor ul {margin:0 0 0 14px;}
    .SubHeader + .inner_wrap {border-bottom:0;}
    .Smenu_none + .sub_content {padding-top: 43px;}
}

@media screen and (max-width: 480px){
    /* header */
    header .gridA h1 {top: 17px;}
    header .gridA h1 a {width: 90px;height: 19px;}
    header .BtnMemberGroup .mobile_search {width: 18px;height: 18px;top: 17px;}
    .allMenuGroup.open {padding-top: 30px;}
    #basic_accordion.mobile_Gnb .Gque {font-size:15px;padding-left: 20px;}
    header .mobile_Gnb li {padding-left: 30px;}
    header .mobile_Gnb li a {font-size:13px;}
    header .mobile_Gnb .order div strong {font-size:12px;}
    .allMenuGroup .BtnJoinGroup a:first-child {margin-right: 10px;}
    .allMenuGroup .BtnJoinGroup a {width: calc(50% - 5px);font-size:13px;}
    #basic_accordion.mobile_Gnb .Gque.on::after, #basic_accordion.mobile_Gnb .Gque::after {right:20px;}
    header .SearchPopGroup .PopClose {background-size:16px;right: 17px;}

    /* title */
    .PageTitle {font-size: 26px;}
    .subject_title {font-size: 15px;}

    /* font */
    .fsize2 {font-size:13px;}
    .fsize3 {font-size:14px;}
    .fsize4 {font-size:15px;}
    .fsize5 {font-size:17px;}

    /* tabmenu */
    .TabStyleA {height: 40px;}
    .TabStyleA li a {font-size: 14px;}
    .TabStyleA li {line-height: 38px;}
    .TabStyleA .on {line-height: 39px;}

    .TabStyleB .on::after, .TabStyleB li:hover::after {background-size:contain;width: 7px;height: 6px;bottom: -7px;}

    .TabStyleC li {line-height: 30px;}
    .TabStyleC li a {font-size: 14px;}
    
    .TabStyleC + .TabStyleD {margin-top: 10px;}
    .TabStyleD li a {font-size: 14px;}

    .TabStyleC.two li {width:calc(50% - 5px);min-width:auto;}
    .TabStyleC.two ul {width:100%;}
    .TabStyleC.one ul {width:50%;}
    .TabStyleC.one li {width:100%;}

    .TabStyleF {
        -webkit-border-top-left-radius: 13px;-moz-border-top-left-radius: 13px;-ms-border-top-left-radius: 13px;border-top-left-radius: 13px;
        -webkit-border-top-right-radius: 13px;-moz-border-top-right-radius: 13px;-ms-border-top-right-radius: 13px;border-top-right-radius: 13px;
    }
    .TabStyleF li.on, .TabStyleF li:hover {
        -webkit-border-top-left-radius: 10px;-moz-border-top-left-radius: 10px;-ms-border-top-left-radius: 10px;border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;-moz-border-top-right-radius: 10px;-ms-border-top-right-radius: 10px;border-top-right-radius: 10px;
    }
    .TabStyleF li {line-height: 34px;font-size: 14px;}
    .TabStyleF {padding: 3px 3px 0;}

    .TabStyleE li {line-height: 38px;font-size:14px;}
    .TabStyleJ {height: 39px;}
    .TabStyleJ li {line-height: 38px;font-size:14px;}
    

    .TabStyleB .on a, .TabStyleB li {font-size: 14px;}
    #basic_accordion.mobile_snb .que1.drop::after {width: 9px;height: 5px;}

    /* footer */
    footer .logbox h1 {display:none;}
    footer .logbox {padding: 15px 0;}
    footer .logbox span {float:none;width:100%;display:block;text-align:center;}
    footer .fmenu li a {letter-spacing:-1px;}
    footer .fmenu li::before {padding: 0 0;}
    footer .fmenu {padding:0;}
    footer .sns {clear:both;float:none;margin-top: 10px;}

    /* sub layout */
    .sub_container {padding-bottom:80px;}
    .SubHeader {height: 100px;}
    .SubHeader h2 {font-size: 21px;}
    .SubHeader h2 + span {font-size: 13px;}
    .page_menu_group .page_tab li > a {padding: 0 20px;}
    #basic_accordion.mobile_snb .que1 {font-size: 13px;padding: 12px 0 12px 20px;}
    #basic_accordion.mobile_snb .anw1 li {font-size: 13px;}
    #basic_accordion.mobile_snb .anw1 {padding: 5px 20px;}

    /* size */
    .sizeA {font-size: 14px;}
    
}

@media screen and (max-width: 410px){
    .online_content_wrap ul li {width: calc(100% / 2);}
    .online_content_wrap ul li {margin-bottom: 10px;}
    .online_content_wrap ul li:nth-child(5), .online_content_wrap ul li:nth-child(6) {margin-bottom:0;}
    .online_content_wrap ul li a {line-height: 0;}
}

@media screen and (max-width: 350px){
    .TabStyleC.one ul {width:100%;}
}

@media screen and (max-width: 320px){
    .allMenuGroup {top: 46px;}
    .allMenuGroup.open {padding-top: 25px;}
    header .category_group a {line-height: 45px;width: 50px;}
    header .gridA h1 {top: 15px;}
    header .gridA h1 a {width: 84px;height: 18px;}
    header .BtnMemberGroup .mobile_search {top: 13px;}
    header .search_group input {line-height: 34px;height: 34px;}
    header .search_group .zoom {width: 16px;height: 16px;background-size:contain;top: 9px;}
    header .SearchPopGroup .PopClose {top: -35px;}
    header .SearchPopInner {height: calc(100vh - 45px);top: 45px;}
    
    .mobile_Gnb li {padding-left: 20px;}
    .mobile_Gnb .order div a {margin-left: 30px;}
    .mobile_Gnb .order div strong + a {margin-left:10px;}
    #basic_accordion.mobile_Gnb .Gque {padding: 15px 20px;}
    #basic_accordion.mobile_Gnb .Ganw {padding: 10px 0;}

    /* font */
    .fsize2 {font-size:12px;}
    .fsize3 {font-size:13px;}
    .fsize4 {font-size:14px;}
    .fsize5 {font-size:16px;}

    /* margin */
    .marginB15 {margin-bottom:7px;}
    .marginB20 {margin-bottom:10px;}
    .marginB30 {margin-bottom:20px;}
    .marginB40 {margin-bottom:30px;}
    .marginB45 {margin-bottom:35px;}
    .marginB50 {margin-bottom:40px;}
    .marginB60 {margin-bottom:50px;}

    /* footer */
    footer .logbox {padding: 10px 0;}

    /* title */
    .PageTitle {font-size: 20px;}
    .subject_title {font-size: 14px;}

    /* sub layout */
    .SubHeader {height: 90px;}
    .sub_content {padding-top: 30px;}
    .sub_container {padding-top: 46px;padding-bottom:70px;}
    .SubHeader h2 {font-size: 19px;margin-bottom: 2px;}
    .SubHeader h2 + span {font-size: 12px;}
    #basic_accordion.mobile_snb .que1 {padding: 11px 0 11px 20px;}
    .Smenu_none + .sub_content {padding-top: 33px;}

    /* size */
    .sizeA {font-size: 14px;line-height: 32px;}

    /* tabmenu */
    .TabStyleB .on a, .TabStyleB li {font-size: 13px;}
    .TabStyleB .on::after, .TabStyleB li:hover::after {width:5px;height:4px;bottom: -5px;}
    
    .TabStyleC li {line-height: 26px;margin-left:5px;}
    .TabStyleC li a {font-size: 13px;}
    
    .TabStyleC + .TabStyleD {margin-top: 7px;}
    .TabStyleD li a {font-size: 13px;}

    .TabStyleF li {line-height: 32px;font-size: 13px;}

    .TabStyleE li {line-height: 34px;font-size:13px;}
    .TabStyleJ {height: 35px;}
    .TabStyleJ li {line-height: 34px;font-size:13px;}
}