/* BASIC css start */
/* 공통 적용 */
#w20200220fca4e10901b54 .nav li a { font-size : 14px; color : #212121; letter-spacing:px; } 
#w20200220fca4e10901b54 .nav li.use_sub_name:hover>a>.plain_name:before { color : #ffffff; } 
#w20200220fca4e10901b54 .nav li li a { font-size : 11.2px; } 
@media (min-width: 991px) {#w20200220fca4e10901b54 .nav li a:hover { color : #ffffff } 
 }
 /* 타입 별 적용 */
 /* h 타입*/

#w20200220fca4e10901b54 li.active > ul > li { display: block; } 
#w20200220fca4e10901b54 .nav { width: 100%; text-align : center } 

#w20200220fca4e10901b54 .nav li a { display: inline-block; margin-left: 12.5px; margin-right: 12.5px; } 

#w20200220fca4e10901b54 .nav li .active { color: #FFF; } 

 #w20200220fca4e10901b54 ul:before { display: none; } 
#w20200220fca4e10901b54 ul { display: table; width: 100%; table-layout: fixed; border-collapse: separate; vertical-align: middle; position: relative; } 
#w20200220fca4e10901b54 ul li.depth-01 { display: table-cell; float: none; position: relative; vertical-align: middle; border-width: 1px 1px 1px 0; border-style :solid; border-color: #D0D0D0; text-align: center; background: #FFF; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } 
#w20200220fca4e10901b54 ul > li.depth-01:first-child { margin-left: 0; border-width: 1px 1px 1px 1px; } 
#w20200220fca4e10901b54 ul > li.depth-01:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } 
#w20200220fca4e10901b54 ul > li.depth-01:last-child:not(:first-child), #w20200220fca4e10901b54 ul > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } 
#w20200220fca4e10901b54 ul > li.depth-01:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } 
#w20200220fca4e10901b54 ul li.depth-01 + li.depth-01 { margin-left: -1px; } 
#w20200220fca4e10901b54 ul > li.depth-01 > a { font-size:14px; margin: 0; color:#212121; letter-spacing:px; display: block; padding: 10px 2px; } 
#w20200220fca4e10901b54 ul > li.depth-01.use_sub_name:hover>a>.plain_name:before { color:#ffffff; } 
@media all and (max-width: 767px) {#w20200220fca4e10901b54 .h-menu-type3 ul { display: table; width: 100%; } 
#w20200220fca4e10901b54 ul > li.depth-01 > a { word-wrap: break-word; } 
#w20200220fca4e10901b54 .h-menu-type3 ul li.depth-01 { width: auto !important; } 
 }
#w20200220fca4e10901b54 ul > li.depth-01.active { background: #a4937b; } 
#w20200220fca4e10901b54 ul > li.depth-01 > a.active { color:#FFF; } 
#w20200220fca4e10901b54 ul > li.depth-01:hover { background: #a4937b; } 
#w20200220fca4e10901b54 ul > li.depth-01 > a:hover { color:#ffffff; } 
 #w20200220fca4e10901b54 ul { width: auto; display: inline-block; } 

#w20200220fca4e10901b54 .h-menu-type3 ul li.depth-01 { width: 150px; margin-left: 0 !important; } 
 #w20200220fca4e10901b54 .h-menu-type4.row-cnt-1 ul li { width: 100%; } 
#w20200220fca4e10901b54 .h-menu-type4.row-cnt-2 ul li { width: 50%; } 
#w20200220fca4e10901b54 .h-menu-type4.row-cnt-3 ul li { width: 33.33333333%; } 
#w20200220fca4e10901b54 .h-menu-type4.row-cnt-4 ul li { width: 25%; } 
#w20200220fca4e10901b54 .h-menu-type4.row-cnt-5 ul li { width: 20%; } 
#w20200220fca4e10901b54 .h-menu-type4 ul { display: block; table-layout: unset; border-width: 1px 0 0 1px; border-style: solid; border-color: #D0D0D0; } 
#w20200220fca4e10901b54 .h-menu-type4 ul li { display: inline-block; } 
#w20200220fca4e10901b54 .h-menu-type4 ul li.depth-01 { display: inline-block; height: 40px; float: left; border-width: 0 1px 1px 0; } 
#w20200220fca4e10901b54 .h-menu-type4 ul li.depth-01 > a { padding: 0; display: table; width: 100%; height: 100%; font-size: 13px; } 
#w20200220fca4e10901b54 .h-menu-type4 ul li.depth-01 > a .plain_name { display: table-cell; vertical-align: middle; } 
#w20200220fca4e10901b54 .h-menu-type4 ul li.depth-01 + li.depth-01 { margin-left: 0; } 
 @media all and (max-width: 767px) {#w20200220fca4e10901b54 .h-menu-type4.row-cnt-mobile-1 ul li { width: 100% !important; } 
#w20200220fca4e10901b54 .h-menu-type4.row-cnt-mobile-2 ul li { width: 50% !important; } 
#w20200220fca4e10901b54 .h-menu-type4.row-cnt-mobile-3 ul li { width: 33.3333% !important; } 
#w20200220fca4e10901b54 .h-menu-type4.row-cnt-mobile-4 ul li { width: 25% !important; } 
#w20200220fca4e10901b54 .h-menu-type4.row-cnt-mobile-5 ul li { width: 20% !important; } 
 }


/* 공통 적용 */
#w2020022113ad2b98b0e2b .nav li a { font-size : 13px; color : #212121; letter-spacing:px; } 
#w2020022113ad2b98b0e2b .nav li.use_sub_name:hover>a>.plain_name:before { color : #212121; } 
#w2020022113ad2b98b0e2b .nav li li a { font-size : 10.4px; } 
@media (min-width: 991px) {#w2020022113ad2b98b0e2b .nav li a:hover { color : #212121 } 
 }
 /* 타입 별 적용 */
 /* h 타입*/

#w2020022113ad2b98b0e2b li.active > ul > li { display: block; } 
#w2020022113ad2b98b0e2b .nav { width: 100%; text-align : center } 

#w2020022113ad2b98b0e2b .nav li a { display: inline-block; margin-left: 12.5px; margin-right: 12.5px; } 

#w2020022113ad2b98b0e2b .nav li .active { color: #FFF; } 

 #w2020022113ad2b98b0e2b ul:before { display: none; } 
#w2020022113ad2b98b0e2b ul { display: table; width: 100%; table-layout: fixed; border-collapse: separate; vertical-align: middle; position: relative; } 
#w2020022113ad2b98b0e2b ul li.depth-01 { display: table-cell; float: none; position: relative; vertical-align: middle; border-width: 1px 1px 1px 0; border-style :solid; border-color: #D0D0D0; text-align: center; background: #FFF; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } 
#w2020022113ad2b98b0e2b ul > li.depth-01:first-child { margin-left: 0; border-width: 1px 1px 1px 1px; } 
#w2020022113ad2b98b0e2b ul > li.depth-01:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } 
#w2020022113ad2b98b0e2b ul > li.depth-01:last-child:not(:first-child), #w2020022113ad2b98b0e2b ul > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } 
#w2020022113ad2b98b0e2b ul > li.depth-01:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } 
#w2020022113ad2b98b0e2b ul li.depth-01 + li.depth-01 { margin-left: -1px; } 
#w2020022113ad2b98b0e2b ul > li.depth-01 > a { font-size:13px; margin: 0; color:#212121; letter-spacing:px; display: block; padding: 10px 2px; } 
#w2020022113ad2b98b0e2b ul > li.depth-01.use_sub_name:hover>a>.plain_name:before { color:#212121; } 
@media all and (max-width: 767px) {#w2020022113ad2b98b0e2b .h-menu-type3 ul { display: table; width: 100%; } 
#w2020022113ad2b98b0e2b ul > li.depth-01 > a { word-wrap: break-word; } 
#w2020022113ad2b98b0e2b .h-menu-type3 ul li.depth-01 { width: auto !important; } 
 }
#w2020022113ad2b98b0e2b ul > li.depth-01.active { background: #a4937b; } 
#w2020022113ad2b98b0e2b ul > li.depth-01 > a.active { color:#FFF; } 
#w2020022113ad2b98b0e2b ul > li.depth-01:hover { background: #FAFAFA; } 
#w2020022113ad2b98b0e2b ul > li.depth-01 > a:hover { color:#212121; } 
 #w2020022113ad2b98b0e2b ul { width: auto; display: inline-block; } 

#w2020022113ad2b98b0e2b .h-menu-type3 ul li.depth-01 { width: 150px; margin-left: 0 !important; } 
 #w2020022113ad2b98b0e2b .h-menu-type4.row-cnt-1 ul li { width: 100%; } 
#w2020022113ad2b98b0e2b .h-menu-type4.row-cnt-2 ul li { width: 50%; } 
#w2020022113ad2b98b0e2b .h-menu-type4.row-cnt-3 ul li { width: 33.33333333%; } 
#w2020022113ad2b98b0e2b .h-menu-type4.row-cnt-4 ul li { width: 25%; } 
#w2020022113ad2b98b0e2b .h-menu-type4.row-cnt-5 ul li { width: 20%; } 
#w2020022113ad2b98b0e2b .h-menu-type4 ul { display: block; table-layout: unset; border-width: 1px 0 0 1px; border-style: solid; border-color: #D0D0D0; } 
#w2020022113ad2b98b0e2b .h-menu-type4 ul li { display: inline-block; } 
#w2020022113ad2b98b0e2b .h-menu-type4 ul li.depth-01 { display: inline-block; height: 30px; float: left; border-width: 0 1px 1px 0; } 
#w2020022113ad2b98b0e2b .h-menu-type4 ul li.depth-01 > a { padding: 0; display: table; width: 100%; height: 100%; font-size: 12px; } 
#w2020022113ad2b98b0e2b .h-menu-type4 ul li.depth-01 > a .plain_name { display: table-cell; vertical-align: middle; } 
#w2020022113ad2b98b0e2b .h-menu-type4 ul li.depth-01 + li.depth-01 { margin-left: 0; } 
 @media all and (max-width: 767px) {#w2020022113ad2b98b0e2b .h-menu-type4.row-cnt-mobile-1 ul li { width: 100% !important; } 
#w2020022113ad2b98b0e2b .h-menu-type4.row-cnt-mobile-2 ul li { width: 50% !important; } 
#w2020022113ad2b98b0e2b .h-menu-type4.row-cnt-mobile-3 ul li { width: 33.3333% !important; } 
#w2020022113ad2b98b0e2b .h-menu-type4.row-cnt-mobile-4 ul li { width: 25% !important; } 
#w2020022113ad2b98b0e2b .h-menu-type4.row-cnt-mobile-5 ul li { width: 20% !important; } 
 }
 

@media all and (max-width: 767px) {
    #s202002210a5a5fd696056 img { width: auto; height: 236px; margin: 0px auto !important; } 
 }
/* BASIC css end */