@charset "utf-8";

body{margin: -15px 0 0 0; position:relative; width:100%;}

.extra-frame-header{background-color: #00A8CC; border-bottom: 5px solid #00A8CC;}
.extra-frame-header h2 {font-size: 14px; font-weight: 600; color: #fff; padding: 15px 8px 10px 13px; margin-bottom: 0px; letter-spacing: -0.5px;}
.temp-logo {position: absolute; right: 17px; background: url(../images/logo_mark.png) no-repeat left center; background-size: auto 21px; 
padding: 0 0 0 25px; font-size: 14px; top: 10px; height: 30px; line-height: 29px; color: #fff;}
.dv1{height:auto; padding:0 10px; margin-top: 10px;}
.p1{margin-left:20px; padding: 5px 0;}
.p2{margin-top: 0px; margin-bottom: 0px; font-size: 12px; border: 5px solid #ebebeb; padding: 9px;}
.p3{text-align:center; margin-top: 0px;}
.p4{padding: 15px 0; margin-top: 0px; margin-bottom: 0px; border: 5px solid #ebebeb; padding: 9px;}
.p5{text-align:center; }
.p6{margin-bottom: 0px; text-align:center;}
img{width:100%;}

/* 탭메뉴 */
input{display:none;}
.menu_wrap{display:flex; font-size:12px; padding-top: 15px;}
.menu_wrap > label{padding:9px 6px; width:33.3%;}
.box{width:100%; display:none;}
.menu_1{color:#6a6a6a; background-color: #ebebeb; border-right:1px solid #fff;}
.menu_2{color:#6a6a6a; background-color: #ebebeb; border-right:1px solid #fff;}
.menu_3{color:#6a6a6a; background-color: #ebebeb; }
#tab_1:checked~.menu_wrap > .menu_1{font-weight:600; background-color: #fff; color:#000; border-bottom: 5px solid #0153a9;}
#tab_2:checked~.menu_wrap > .menu_2{font-weight:600; background-color: #fff; color:#000; border-bottom: 5px solid #0153a9;}
#tab_3:checked~.menu_wrap > .menu_3{font-weight:600; background-color: #fff; color:#000000; border-bottom: 5px solid #0153a9;}
#tab_1:checked~.box_1{display:block;}
#tab_2:checked~.box_2{display:block;}
#tab_3:checked~.box_3{display:block;}
.linkbox{margin:30px 0; text-align: center;}
.link{background-color: #0153a9; color: #fff; padding: 7px 20px; border-radius: 5.5px; text-decoration: none; font-weight: 600;}