/* 서브 */ #sub {width:100%; display:inline-block; overflow: hidden;} /* 서브 */ #sub {width:100%; position:relative; display:inline-block; background:#fff} #sub .subtop {width:100%; height:6.818rem;line-height:6.818rem;background:url(../pc/images/snb_title.gif);text-align:center;color:#fff} #sub .snb {width:100%;display:inline-block;background:#363636; line-height:0;position:relative; z-index:1;padding:0.45rem 0} #sub .snb ul {float:right;position:relative;left:-50%;} #sub .snb ul li { float:left;position:relative;left:50%;height:2rem; line-height:2rem;text-align:center;padding:0 1.59rem;background:url(images/snb_part.jpg) left center no-repeat;color:#fff;} #sub .snb ul li.first {background:none} #sub .snb ul li a { font-size:1rem; display:block;} #sub .snb ul li a:hover,.snb ul li a.on {color:#ffe5c5; font-weight:bold} #sub .snb ul.long li {padding:0 0.68rem} #sub .content_box {width:100%; margin:70px 0;} #sub .content_box h1 {float:left;} #sub .content_box span.route {float:right;font-size:0.7rem;color:#aaaaaa;margin-top:25px} #sub .content_box span.route b {color:#808080} #sub .content_box #content {margin-top:1rem;width:100%;display:inline-block} #content .paragraph {width:100%; padding-bottom:3.18rem; display:inline-block} #content .paragraph.sub1_1_t1_1 {background:url(images/sub1_1_t1_1_bg.png) top center;color:#fff;padding:1.1818rem} #content .paragraph h2.bar {background:url(../pc/images/h2_bar.gif) top left no-repeat;padding-top:0.68rem;margin-bottom:20px} #content .paragraph h3 {font-weight:normal} #content .paragraph .link {background:#c10000;line-height:3.18rem;padding:0 1.36rem;display:inline-block;border-radius:3.18rem;margin:0 5px} #content .paragraph .link:hover {background:#505050} #content .paragraph .link a {background:url(../pc/images/a_link.png) right center no-repeat;padding-right:2.27rem;display:block;color:#fff;font-size:1.1rem;font-weight:bold} #content .paragraph h4.number {line-height:1.77rem;font-weight:bold;color:#be9a6e;margin-bottom:10px} #content .paragraph h4.number span {width:1.54rem;height:1.77rem;background:url(../pc/images/h4_number.png) no-repeat; color:#fff;display:block;float:left;text-align:center;margin-right:0.45rem;font-family: 'Roboto', sans-serif;} #content .paragraph h4.bar {background:url(../pc/images/h4_bar.gif) left no-repeat;line-height:1rem;font-weight:bold;color:#4b4035;padding-left:0.68rem;margin-bottom:0.45rem} #content .paragraph h4.line {background:url(../pc/images/h4_line.gif) top center no-repeat; border-bottom:1px #e0e0e0 solid;font-weight:bold; color:#be9a6e; width:100%;padding:0.77rem 0 0.68rem;margin-bottom:0.5rem;text-align:center} #content .paragraph .row {width:100%; display:inline-block} /*서브 단락별 배경*/ .sub5_1_t2_2 {background:url(images/sub5_1_t2_2.jpg) right top no-repeat;min-height:41.5rem;} .sub5_2_t3_3 {background:url(images/sub5_2_t3_3.png) right top no-repeat;min-height:20rem;} .sub5_4_1 {background:url(images/sub5_4_1.png) right top no-repeat; background-size: 100%; min-height:22rem;} #content .paragraph ul.li_bullet li {width:100%;background:url(../pc/images/li_bullet.png) 0.9rem no-repeat; background-size: 0.85rem; margin-bottom:0.3rem} #content .paragraph ul.li_bullet.frame li {width:100%;background:url(../pc/images/li_bullet.png) 0.9rem no-repeat #f5f5f5;background-size: 0.85rem; border:1px #e0e0e0 solid;padding:0.6rem 0.9rem 0.6rem 0;} #content .paragraph ul.li_bullet li p {padding-left:2.09rem;} #content .paragraph .li_part {width:100%;padding:1rem;display:inline-block;border:1px #e0e0e0 solid;} #content .paragraph .li_part ul {display:flex;width:100%} #content .paragraph .li_part li {text-align:center;flex:1; padding: 0 0.5rem;} #content .paragraph .li_part li.bd {border-left:1px #e0e0e0 solid;} #content .paragraph .li_part li span {width:1.54rem;height:1.77rem;background:url(../pc/images/h4_number.png) no-repeat; background-size: contain; color:#fff;display:block;text-align:center;font-family: 'Roboto', sans-serif;margin:0 auto 0.45rem;line-height:1.77rem;font-weight:bold} #content .paragraph .li_part li h4 {font-weight:bold;color:#be9a6e;margin-bottom:0.68rem} #content .paragraph ul.check li {background:url(../pc/images/check.gif) left center no-repeat; padding-left:1.36rem;margin:5px 0} #content .paragraph ul.check li p {} #content .paragraph .box {width:100%;background:#f5f5f5;border:1px #e0e0e0 solid;padding:0.9rem;display:inline-block;} #content .paragraph .box.case {background:url(../pc/images/box_case.png) right center no-repeat #be9a6e;padding:1.36rem 2.27rem;color:#fff;border:0} #content .paragraph .box.case p {} #content .paragraph .box ul.li_number li {display:inline-block;width:100%;margin:5px 0} #content .paragraph .box ul.li_number li span {background:#c7c7c7;color:#fff;float:left;display:block;width:1.2727rem;height:1.2727rem;border-radius:1.2727rem;line-height:1.2727rem;font-weight:bold;text-align:center;} #content .paragraph .box ul.li_number li p {width:93.5%;float:right} #content .paragraph .things {width:100%;display:flex} #content .paragraph .things > div {border:3px #e0e0e0 solid;flex:1;text-align:center;padding:1.1818rem 0.68rem} #content .paragraph .things.b4 > div {width:23%;margin:0 1%;} #content .paragraph .things.b3 > div {width:31.33%;margin:0 1%;} #content .paragraph .things.b2 > div {width:48%;margin:0 1%;} #content .paragraph .things.b1 > div {width:98%;margin:0 1%;} #content .paragraph .things > div span {color:#c0aa8e;font-weight:bold;background:url(../pc/images/things_bar.gif) bottom center no-repeat;padding-bottom:0.9rem;display:block;width:100%;font-size:0.9rem;} #content .paragraph .things.big > div p {font-size:0.9rem;} #content .paragraph .things > div p b {font-size:inherit;} #content .paragraph .table {width:100%;border-top:2px #505050 solid} #content .paragraph .table.part5 td {width:20%;} #content .paragraph .table.part6 td {width:16.66%;} #content .paragraph .table th {background:#fcf5ef} #content .paragraph .table th,#content .paragraph .table td {padding:0.45rem;border-bottom:1px #e0e0e0 solid;} #content .paragraph .table td {text-align:justify;border-right:1px #e0e0e0 solid} #content .paragraph .table td.last {border-right:0} #content .paragraph .table.center td {text-align:center} #content .paragraph .table.check {border-left:1px #e0e0e0 solid;border-right:1px #e0e0e0 solid} #content .paragraph.tip_box .top {background:url(images/tip_box_t.png) top no-repeat;background-size: cover; height:0.5909rem;width:100%;} #content .paragraph.tip_box .content {border-left:0.5909rem #525252 solid;border-right:0.5909rem #525252 solid;padding:0 1.4rem 0.227rem;} #content .paragraph.tip_box .content h3 {text-align:center;background:url(images/tip_box_h3.png) bottom center no-repeat;background-size: 70%; padding-bottom:1.1rem;width:100%;font-weight:bold;margin-bottom:0.45rem} #content .paragraph.tip_box .bottom {background:url(images/tip_box_b.png) bottom no-repeat; background-size: cover; height:0.5909rem;width:100%;} #content .paragraph.qna_box {background:url(images/qna_bg.png) top right no-repeat;border:1rem #8f0000 solid; padding:2rem 2rem 0.45rem; text-align:center;} #content .paragraph.qna_box .qna {margin-bottom:1.3vw;width:100%;display:inline-block} #content .paragraph.qna_box h2 {margin-bottom:40px} #content .paragraph.qna_box .qna p {text-align:justify;padding:0 0.45rem} #content .paragraph.qna_box .qna h4 {border-top:1px #e0e0e0 solid;border-bottom:1px #e0e0e0 solid;font-weight:bold; color:#8f0000; width:100%;padding:0.45rem 0;margin-bottom:0.59rem;} #content .paragraph .square {width:50%;border:15px #be9a6e solid;padding:1.36rem;} #content .paragraph .square h2 {margin-bottom:1rem} #content .paragraph .qna_field {width:100%;} #content .paragraph .qna_field li {width:120px;float:left;background-image:url(images/sub7_2.png);background-repeat:no-repeat;height:160px;text-align:center;padding-top:120px;} #content .paragraph .qna_field li:hover {background-color:#f5f5f5} #content .paragraph .qna_field li.f01 {background-position:0 0} #content .paragraph .qna_field li.f02 {background-position:-120px 0} #content .paragraph .qna_field li.f03 {background-position:-240px 0} #content .paragraph .qna_field li.f04 {background-position:-360px 0} #content .paragraph .qna_field li.f05 {background-position:-480px 0} #content .paragraph .qna_field li.f06 {background-position:0 -160px;} #content .paragraph .qna_field li.f07 {background-position:-120px -160px;} #content .paragraph .qna_field li.f08 {background-position:-240px -160px;} #content .paragraph .qna_field li.f09 {background-position:-360px -160px;} #content .paragraph .qna_field li.f10 {background-position:-480px -160px;} #content .paragraph .qna_field li.f11 {background-position:0 -320px;} #content .paragraph .qna_field li.f12 {background-position:-120px -320px;} #content .paragraph .qna_field li.f13 {background-position:-240px -320px;} #content .paragraph .qna_field li.f14 {background-position:-360px -320px;} #content .board_box {width:100%; line-height:170%; font-size:0.8rem !important; min-height:450px; display:inline-block} #content .board_box td.board_desc {text-align:justify;} .t_b1 input,.board_desc input {width: 90%;} .board_bgcolor span,.board_box font {font-size: 1rem !important;} #content .board_box input[type="checkbox"] {width: auto !important;} /* 서브 탭 */ #content ul.tabs { width:100%; line-height:1.54rem; display: flex; margin:1.1818rem auto 0; } #content ul.tabs li { flex: 1; font-size:0.9rem;letter-spacing:-1px; border-bottom:4px #e0e0e0 solid; text-align:center} #content ul.tabs li a {display:block;} #content ul.tabs li.active {border-bottom:4px #be9a6e solid;} #content ul.tabs li:hover {border-bottom:4px #505050 solid;} #content ul.tabs.sub1_1 {width:100%;height:168px; line-height:100%;} #content ul.tabs.sub1_1 li {border:0;height:168px;width:156.5px;background-image:url(images/sub1_1_tabline_icon.png);background-color:#e8e4db;} #content ul.tabs.sub1_1 li a {padding-top:118px;} #content ul.tabs.sub1_1 li.active {background-color:#be9a6e;color:#fff;font-weight:bold} #content ul.tabs.sub1_1 li:hover {background-color:#e90000;color:#fff} #content ul.tabs.sub1_1 li.icon1 {background-position:0 0} #content ul.tabs.sub1_1 li.icon2 {background-position:-157px 0} #content ul.tabs.sub1_1 li.icon3 {background-position:-314px 0} #content ul.tabs.sub1_1 li.icon4 {background-position:-471px 0} #content ul.tabs.sub1_1 li.icon5 {background-position:-628px 0} #content ul.tabs.sub1_1 li.icon6 {background-position:-785px 0} #content ul.tabs.sub1_1 li.icon7 {background-position:-942px 0} #content ul.tabs.t7 li {width:14.28%} #content ul.tabs.t5 li {width:20%} #content ul.tabs.t4 li {width:25%} #content ul.tabs.t3 li {width:33.33%} #content ul.tabs.t2 li {width:50%} #content .tab_container {width:100%;display:inline-block; } #content .tab_content {padding: 2.727rem 0 0 0; width:100%;display:inline-block;} @media only screen and (max-width:640px) { #content > img {width: 100%;} #content .paragraph > img {width: 100%;} #content .paragraph .row > img {width: 100%;} #content .paragraph ul.check li {background-size: 1rem;} #content .paragraph h4.number span {background-size: 1.5rem;} #content .paragraph .qna_field li {width:18.75vw;height:25vw;padding-top:18.75vw; background-size: 93.75vw;} #content .paragraph .qna_field li.f01 {background-position:0 0} #content .paragraph .qna_field li.f02 {background-position:-18.75vw 0} #content .paragraph .qna_field li.f03 {background-position:-37.5vw 0} #content .paragraph .qna_field li.f04 {background-position:-56.25vw 0} #content .paragraph .qna_field li.f05 {background-position:-75vw 0} #content .paragraph .qna_field li.f06 {background-position:0 -25vw;} #content .paragraph .qna_field li.f07 {background-position:-18.75vw -25vw;} #content .paragraph .qna_field li.f08 {background-position:-37.5vw -25vw;} #content .paragraph .qna_field li.f09 {background-position:-56.25vw -25vw;} #content .paragraph .qna_field li.f10 {background-position:-75vw -25vw;} #content .paragraph .qna_field li.f11 {background-position:0 -50vw;} #content .paragraph .qna_field li.f12 {background-position:-18.75vw -50vw;} #content .paragraph .qna_field li.f13 {background-position:-37.5vw -50vw;} #content .paragraph .qna_field li.f14 {background-position:-56.25vw -50vw;} #content ul.tabs.sub1_1 {height:26.25vw; } #content ul.tabs.sub1_1 li {height:inherit;width:24.453125vw;} #content ul.tabs.sub1_1 li a {padding-top:18.4275vw;} #content ul.tabs.sub1_1 li.icon1 {background-position:0 0} #content ul.tabs.sub1_1 li.icon2 {background-position:-24.53125vw 0} #content ul.tabs.sub1_1 li.icon3 {background-position:-49.0625vw 0} #content ul.tabs.sub1_1 li.icon4 {background-position:-73.59375vw 0} #content ul.tabs.sub1_1 li.icon5 {background-position:-98.125vw 0} #content ul.tabs.sub1_1 li.icon6 {background-position:-122.65625vw 0} #content ul.tabs.sub1_1 li.icon7 {background-position:-147.1875vw 0} #content .board_box {min-height: 70vw;} }