/* --- */
/* tabmenu */
#contents .subcon .tabmenu{ margin-top:50px; position:relative;}
#contents .subcon .tabmenu #tabs{ overflow: hidden; width:100%; margin-bottom:100px; border-bottom:2px solid #1d8667; padding:0 150px; box-sizing:border-box;}
#contents .subcon .tabmenu #tabs li{ float:left;}
#contents .subcon .tabmenu #tabs li a{ display:block; width:200px; height:65px; line-height:65px; background:#fff; text-align:center;
    border-top:1px solid #e2e2e2; border-left:1px solid #e2e2e2; box-sizing:border-box;
    float:left; position: relative;}
#contents .subcon .tabmenu #tabs li:last-child a{ border-right:1px solid #e2e2e2; }
#contents .subcon .tabmenu #tabs a:hover,
#contents .subcon .tabmenu #tabs a:hover::after{ border-top:0; border-left:0; border-right:0; background:#d4e1d7; color:#1d8667;}
#contents .subcon .tabmenu #tabs a:focus,
#contents .subcon .tabmenu #tabs a:focus::after{ border-top:0; border-left:0; border-right:0; background:#1d8667; color:#fff;}
#contents .subcon .tabmenu #tabs a::after{ z-index: 1; background:#1d8667; color:#fff;}

/* tabmenu 활성화 */
#contents .subcon .tabmenu #tabs #current a,
#contents .subcon .tabmenu #tabs #current a::after{ border-top:0; border-left:0; border-right:0; background:#1d8667; color:#fff; z-index: 3; }

/* tabmenu content */
#contents .subcon .tabmenu #tabcontent{ position: relative; z-index:2;}
#contents .subcon .tabmenu #tabcontent h2{ text-align:center;}
#contents .subcon .tabmenu #tabcontent p{ text-align:center;}

/* --- */
#tabcontent div{ padding-bottom:50px; }
/* tab2 */
#tabcontent #tab2{ width:800px; margin:0 auto; }
#tabcontent #tab2 h2{margin-bottom:30px;}
#tabcontent #tab2 dl{ background:url(../images/tabcon_bg.png) 0 175px no-repeat; overflow:hidden;}
#tabcontent #tab2 dl li{ float:left; width:33.3%; padding:0 40px; box-sizing:border-box;}
    #tabcontent #tab2 dl li:nth-child(1){background:url(../images/tab2_ico1.png) center 50px no-repeat;}
    #tabcontent #tab2 dl li:nth-child(2){background:url(../images/tab2_ico2.png) center 50px no-repeat;}
    #tabcontent #tab2 dl li:nth-child(3){background:url(../images/tab2_ico3.png) center 50px no-repeat;}
#tabcontent #tab2 dt{ font-weight:bold; color:#fff; line-height:35px; margin-bottom:30px;}
#tabcontent #tab2 dt span{ display:block; width:100%; line-height:40px; margin-bottom:135px; font-family:'Rajdhani', sans-serif; font-size:32px; font-weight:500; color:#14bfb9; text-align:center;}
#tabcontent #tab2 dd{ }

/* tab3 */
#tabcontent #tab3{ width:800px; margin:0 auto; }
#tabcontent #tab3 h2{margin-bottom:30px;}
#tabcontent #tab3 dl{ background:url(../images/tabcon_bg2.png) 0 175px no-repeat; overflow:hidden;}
#tabcontent #tab3 dl li{ float:left; width:33.3%; padding:0 40px; box-sizing:border-box;}
    #tabcontent #tab3 dl li:nth-child(1){background:url(../images/tab3_ico1.png) center 50px no-repeat;}
    #tabcontent #tab3 dl li:nth-child(2){background:url(../images/tab3_ico2.png) center 50px no-repeat;}
    #tabcontent #tab3 dl li:nth-child(3){background:url(../images/tab3_ico3.png) center 50px no-repeat;}
#tabcontent #tab3 dt{ font-weight:bold; color:#fff; margin-bottom:60px;}
    #tabcontent #tab3 dl li:nth-child(2) dt{ margin-bottom:50px;}
#tabcontent #tab3 dt span{ display:block; width:100%; line-height:40px; margin-bottom:150px; font-family:'Rajdhani', sans-serif; font-size:32px; font-weight:500; color:#14bfb9; text-align:center;}
    #tabcontent #tab3 dl li:nth-child(1) dt span{ margin-bottom:160px; }
    #tabcontent #tab3 dl li:nth-child(3) dt span{ margin-bottom:160px; }
#tabcontent #tab3 dd{ margin-bottom:10px;}
#tabcontent #tab3 dd.dd_italic{ border-top:1px solid #14bfb9; padding-top:10px; color:#14bfb9;}

/* tab4 */
#tabcontent #tab4{}
#tabcontent #tab4 table{ width:800px; margin:0 auto;}
#tabcontent #tab4 table caption{ text-align:left; font-size:22px; margin:20px 0; position:relative;}
#tabcontent #tab4 table caption span{ display:block; font-size:12px; position:absolute; bottom:0; right:0;}
#tabcontent #tab4 table tr{ line-height:24px; border-bottom:1px solid #e2e2e2;}
    #tabcontent #tab4 table tr:last-child{border-bottom:1px solid #1d8667;}
#tabcontent #tab4 table th, #tabcontent #tab4 table td{ padding:15px; }
#tabcontent #tab4 table th[score="row"]{ width:20%; }
#tabcontent #tab4 table td:nth-child(2){ border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2;}
#tabcontent #tab4 table thead{ background:#f1f1f0; color:#1d8667;}
#tabcontent #tab4 table thead span{ font-weight:normal; font-size:12px;}
#tabcontent #tab4 table tbody th{ font-weight:normal; font-size:16px; }
#tabcontent #tab4 table tfoot{ text-align:center; font-weight:bold; color:#1d8667;}
#tabcontent #tab4 table tfoot span{ font-weight:normal; font-size:12px;}
#tabcontent #tab4 table.cafe{ margin-top:50px; }



/*----------------------------------------------------------*/
/* 일반 pc */
@media screen and (max-width:1280px) {
    /*tabmenu*/
    #contents .subcon .tabmenu #tabs{ margin-bottom:50px; padding:0 5%;}
    #contents .subcon .tabmenu #tabs li{ width:25%;}
    #contents .subcon .tabmenu #tabs li a{width:100%;}

    /*tab2*/
    #tabcontent #tab2{width:75%;}
    #tabcontent #tab2 dl{ background-size: 100% auto; -webkit-background-size: 100% auto; -moz-background-size: 100% auto;}
        #tabcontent #tab2 dl li{ background-size: 100% auto; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; }
    /*tab3*/
    #tabcontent #tab2{width:75%;}
    #tabcontent #tab3 dl{ background-size: 100% auto; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; }
        #tabcontent #tab3 dl li{ background-size: 100% auto; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; }
    /*tab4*/
    #tabcontent #tab4 table{width: 75%;}

}

/* 테블릿 */
@media screen and (max-width:1024px) {
}

/* 소형 테블릿 */
@media screen and (max-width:768px) {

}

/* 모바일 */
@media screen and (max-width:640px) {

}

/* 최소 사이즈 처리 */
@media screen and (max-width:480px) {
    #wrap { min-width:320px; }
}