/* ****************** 1칸 레이아웃 ****************** */ .layout_342437_ {clear:both; min-width:150px; margin:0 auto;} .layout_342437_ > div:after {content:''; display:block; clear:both;} .layout_342437_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} @media \0screen{ .layout_342437_ {} } /* ****************** 한줄 텍스트 ****************** */ .text_342438_{position:relative; overflow:hidden;} .text_342438_:before{content:''; display:block; width:100%; height:1px; background:#d2d2d2; position:absolute; top:50%; right:50%; margin-right:220px;} .text_342438_:after{content:''; display:block; width:100%; height:1px; background:#d2d2d2; position:absolute; top:50%; left:50%; margin-left:220px;} .text_342438_ p { display:block; margin:0; padding:0; font-size:30px; letter-spacing:-1px; font-weight:normal; color:#2e313a; line-height:1.6em; } .text_342438_ p a {color:#2e313a; text-decoration:none;} .text_342438_ p span{color:#b29671;} /* ****************** 1칸 레이아웃 ****************** */ .layout_342439_ {clear:both; min-width:150px; margin:0 auto;} .layout_342439_ > div:after {content:''; display:block; clear:both;} .layout_342439_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} @media \0screen{ .layout_342439_ {} } /* ****************** 공백 ****************** */ .empty_line_342440_ {display:block; width:100%; height:30px; line-height:30px;} [id^=div_user_list] .empty_line_342440_ {border:1px dotted #f00;} [id^=div_user_list] .empty_line_342440_:before {content:'공백 : 30px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:801px){ .empty_line_342440_ {display:block; width:100%; height:60px; line-height:60px;} [id^=div_user_list] .empty_line_342440_:before {content:'공백 : 60px';} } @media (max-width:800px){ .empty_line_342440_ {display:none;} } /* ****************** 한줄 텍스트 ****************** */ .text_342441_{position:relative; overflow:hidden;} .text_342441_:before{content:''; display:block; width:100%; height:1px; background:#d2d2d2; position:absolute; top:50%; right:50%; margin-right:220px;} .text_342441_:after{content:''; display:block; width:100%; height:1px; background:#d2d2d2; position:absolute; top:50%; left:50%; margin-left:220px;} .text_342441_ p { display:block; margin:0; padding:0; font-size:30px; letter-spacing:-1px; font-weight:normal; color:#2e313a; line-height:1.6em; } .text_342441_ p a {color:#2e313a; text-decoration:none;} .text_342441_ p span{color:#b29671;} /* ****************** 한줄 텍스트 ****************** */ .text_342442_ p { display:block; margin:0; padding:0; font-size:16px; letter-spacing:3px; font-weight:normal; color:#bbb; line-height:1.6em; } .text_342442_ p a {color:#bbb; text-decoration:none;} /* ****************** 공백 ****************** */ .empty_line_342443_ {display:block; width:100%; height:30px; line-height:30px;} [id^=div_user_list] .empty_line_342443_ {border:1px dotted #f00;} [id^=div_user_list] .empty_line_342443_:before {content:'공백 : 30px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:801px){ .empty_line_342443_ {display:block; width:100%; height:60px; line-height:60px;} [id^=div_user_list] .empty_line_342443_:before {content:'공백 : 60px';} } @media (max-width:800px){ .empty_line_342443_ {display:none;} } /* ****************** 1칸 레이아웃 ****************** */ .layout_342444_ {clear:both; min-width:150px; max-width:1300px; margin:0 auto;} .layout_342444_ > div:after {content:''; display:block; clear:both;} .layout_342444_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} @media \0screen{ .layout_342444_ {min-width:1300px;} } /* ****************** 맞춤형 컨텐츠 ****************** */ .empty_342445_, .empty_342445_ *{margin:0; padding:0; list-style:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .empty_342445_ ul:after{content:''; display:block; clear:both;} .empty_342445_ li{float:left; width:20%; height:250px; padding:3px; position:relative; cursor:pointer;} .empty_342445_ li div{width:100%; height:100%;overflow:hidden; } .empty_342445_ li div:after{content:''; display:block; width:100%; height:100%; transform:scale(1); transition:all 0.4s;} .empty_342445_ li:nth-child(1) div:after{background:url("/img_up/shop_pds/siloam00/farm/115440627621.jpg") no-repeat center; background-size:cover;} .empty_342445_ li:nth-child(2) div:after{background:url("/img_up/shop_pds/siloam00/farm/215440627621.jpg") no-repeat center; background-size:cover;} .empty_342445_ li:nth-child(3) div:after{background:url("/img_up/shop_pds/siloam00/farm/315440627621.jpg") no-repeat center; background-size:cover;} .empty_342445_ li:nth-child(4) div:after{background:url("/img_up/shop_pds/siloam00/farm/415440627621.jpg") no-repeat center; background-size:cover;} .empty_342445_ li:nth-child(5) div:after{background:url("/img_up/shop_pds/siloam00/farm/515440627631.jpg") no-repeat center; background-size:cover;} .empty_342445_ li:nth-child(6) div:after{background:url("/img_up/shop_pds/siloam00/farm/615440627631.jpg") no-repeat center; background-size:cover;} .empty_342445_ li:nth-child(7) div:after{background:url("/img_up/shop_pds/siloam00/farm/715440627631.jpg") no-repeat center; background-size:cover;} .empty_342445_ li:nth-child(8) div:after{background:url("/img_up/shop_pds/siloam00/farm/815440627631.jpg") no-repeat center; background-size:cover;} .empty_342445_ li:nth-child(9) div:after{background:url("/img_up/shop_pds/siloam00/farm/915440627631.jpg") no-repeat center; background-size:cover;} .empty_342445_ li:nth-child(10) div:after{background:url("/img_up/shop_pds/siloam00/farm/1015440627631.jpg") no-repeat center; background-size:cover;} .empty_342445_ li:nth-child(11){background:url("/img_up/shop_pds/siloam00/farm/1115440627641.jpg") no-repeat center; background-size:cover;} .empty_342445_ li:nth-child(12){background:url("/img_up/shop_pds/siloam00/farm/1215440627641.jpg") no-repeat center; background-size:cover;} .empty_342445_ li:nth-child(13){background:url("/img_up/shop_pds/siloam00/farm/1315440627641.jpg") no-repeat center; background-size:cover;} .empty_342445_ li:nth-child(14){background:url("/img_up/shop_pds/siloam00/farm/1415440627641.jpg") no-repeat center; background-size:cover;} .empty_342445_ li:nth-child(15){background:url("/img_up/shop_pds/siloam00/farm/1515440627641.jpg") no-repeat center; background-size:cover;} .empty_342445_ li:hover div:after{ transform:scale(1.1); } /* ****************** 공백 ****************** */ .empty_line_342446_ {display:block; width:100%; height:40px; line-height:40px;} [id^=div_user_list] .empty_line_342446_ {border:1px dotted #f00;} [id^=div_user_list] .empty_line_342446_:before {content:'공백 : 40px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:801px){ .empty_line_342446_ {display:block; width:100%; height:80px; line-height:80px;} [id^=div_user_list] .empty_line_342446_:before {content:'공백 : 80px';} } @media (max-width:800px){ .empty_line_342446_ {display:none;} } /* ****************** 맞춤형 컨텐츠 ****************** */ .empty_342447_, .empty_342447_ *{margin:0; padding:0; list-style:none;} .empty_342447_ ul:after{content:''; display:block; clear:both;} .empty_342447_ li{float:left; width:20%; height:282px; background:#a0a0a0; position:relative; cursor:pointer;} .empty_342447_ li:nth-child(1){background:url("/img_up/shop_pds/siloam00/farm/115440627622.jpg") no-repeat center; background-size:cover;} .empty_342447_ li:nth-child(2){background:url("/img_up/shop_pds/siloam00/farm/215440627622.jpg") no-repeat center; background-size:cover;} .empty_342447_ li:nth-child(3){background:url("/img_up/shop_pds/siloam00/farm/315440627622.jpg") no-repeat center; background-size:cover;} .empty_342447_ li:nth-child(4){background:url("/img_up/shop_pds/siloam00/farm/415440627622.jpg") no-repeat center; background-size:cover;} .empty_342447_ li:nth-child(5){background:url("/img_up/shop_pds/siloam00/farm/515440627632.jpg") no-repeat center; background-size:cover;} .empty_342447_ li:nth-child(6){background:url("/img_up/shop_pds/siloam00/farm/615440627632.jpg") no-repeat center; background-size:cover;} .empty_342447_ li:nth-child(7){background:url("/img_up/shop_pds/siloam00/farm/715440627632.jpg") no-repeat center; background-size:cover;} .empty_342447_ li:nth-child(8){background:url("/img_up/shop_pds/siloam00/farm/815440627632.jpg") no-repeat center; background-size:cover;} .empty_342447_ li:nth-child(9){background:url("/img_up/shop_pds/siloam00/farm/915440627632.jpg") no-repeat center; background-size:cover;} .empty_342447_ li:nth-child(10){background:url("/img_up/shop_pds/siloam00/farm/1015440627632.jpg") no-repeat center; background-size:cover;} .empty_342447_ li:nth-child(11){background:url("/img_up/shop_pds/siloam00/farm/1115440627642.jpg") no-repeat center; background-size:cover;} .empty_342447_ li:nth-child(12){background:url("/img_up/shop_pds/siloam00/farm/1215440627642.jpg") no-repeat center; background-size:cover;} .empty_342447_ li:nth-child(13){background:url("/img_up/shop_pds/siloam00/farm/1315440627642.jpg") no-repeat center; background-size:cover;} .empty_342447_ li:nth-child(14){background:url("/img_up/shop_pds/siloam00/farm/1415440627642.jpg") no-repeat center; background-size:cover;} .empty_342447_ li:nth-child(15){background:url("/img_up/shop_pds/siloam00/farm/1515440627642.jpg") no-repeat center; background-size:cover;} .empty_342447_ li:before{content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:#000; opacity:0; visibility:hidden; transition:all 0.4s; z-index:1;} .empty_342447_ li:hover:before{opacity:0.5; visibility:visible;} .empty_342447_ li:after{content:''; display:block; width:40px; height:40px; background:url("/img_up/shop_pds/siloam00/design/img/more_plus.png") no-repeat center; position:absolute; top:50%; left:50%; margin-top:-20px; margin-left:-20px; opacity:0; visibility:hidden; transform:rotate(0deg); transition:all 0.4s; z-index:5;} .empty_342447_ li:hover:after{opacity:0.5; visibility:visible; transform:rotate(90deg);} /* ****************** 4칸 레이아웃 ****************** */ .layout_342448_wrap{position:relative;} .layout_342448_wrap:before{content:''; display:block; width:100%; height:38%; background:#fafafa; position:absolute; bottom:0; right:0;} .layout_342448_ {clear:both; min-width:150px; max-width:1300px; margin:0 auto;} .layout_342448_ > div {} .layout_342448_ > div:after {content:''; display:block; clear:both;} .layout_342448_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box; margin-left:1%;} .layout_342448_ > div > .container_1 {width:24.25%; margin-left:0;} .layout_342448_ > div > .container_2 {width:24.25%;} .layout_342448_ > div > .container_3 {width:24.25%;} .layout_342448_ > div > .container_4 {width:24.25%;} @media (max-width:1023px){ .layout_342448_ > div > .container_1 { width:50%; } .layout_342448_ > div > .container_2 { width:50%; } .layout_342448_ > div > .container_3 { width:50%; } .layout_342448_ > div > .container_4 { width:50%; } } @media \0screen{ .layout_342448_ {min-width:1300px;} } /* ****************** 텍스트 오버레이 이미지 ****************** */ .text_over_img_342451_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top; height:auto; } .text_over_img_342451_ * {box-sizing:border-box;} .text_over_img_342451_ a {display:block; text-decoration:none;} .text_over_img_342451_ img {max-width:100%; vertical-align:top; transition:all 2s; height:460px;} .text_over_img_342451_ img:hover{transform:scale(1.03) rotate(0.01deg);} .text_over_img_342451_ .text_box {position:absolute; left:0; bottom:0; width:100%; padding:20px 40px; text-align:left; background:#fff; border:1px solid #eee; border-bottom:0;} .text_over_img_342451_ .text_box p {font-size:16px; letter-spacing:-0.025em; color:#717171;} .text_over_img_342451_ .text_box h3{font-size:20px; font-weight:600; color:#c20061; letter-spacing:-0.05em;} .text_over_img_342451_ .text_box h3 span{padding-bottom:2px; position:relative;} .text_over_img_342451_ .text_box h3 span:after{content:''; display:block; width:100%; height:2px; position:absolute; left:0; bottom:0; background:#d7006c; -webkit-transform:translateY(5px); -ms-transform:translateY(5px); transform:translateY(5px); opacity:0; -webkit-transition:opacity 0.3s, -webkit-transform 0.4s; transition:opacity 0.3s, -webkit-transform 0.4s; transition:opacity 0.3s, transform 0.4s; transition: opacity 0.3s, transform 0.4s, -webkit-transform 0.4s;} .text_over_img_342451_ .text_box h3 span:hover:after{-webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); opacity:1;} /* ****************** 텍스트 오버레이 이미지 ****************** */ .text_over_img_342449_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top; height:auto; } .text_over_img_342449_ * {box-sizing:border-box;} .text_over_img_342449_ a {display:block; text-decoration:none;} .text_over_img_342449_ img {max-width:100%; vertical-align:top; transition:all 2s; height:460px;} .text_over_img_342449_ img:hover{transform:scale(1.03) rotate(0.01deg);} .text_over_img_342449_ .text_box {position:absolute; left:0; bottom:0; width:100%; padding:20px 40px; text-align:left; background:#fff; border:1px solid #eee; border-bottom:0;} .text_over_img_342449_ .text_box p {font-size:16px; letter-spacing:-0.025em; color:#717171;} .text_over_img_342449_ .text_box h3{font-size:20px; font-weight:600; color:#c20061; letter-spacing:-0.05em;} .text_over_img_342449_ .text_box h3 span{padding-bottom:2px; position:relative;} .text_over_img_342449_ .text_box h3 span:after{content:''; display:block; width:100%; height:2px; position:absolute; left:0; bottom:0; background:#d7006c; -webkit-transform:translateY(5px); -ms-transform:translateY(5px); transform:translateY(5px); opacity:0; -webkit-transition:opacity 0.3s, -webkit-transform 0.4s; transition:opacity 0.3s, -webkit-transform 0.4s; transition:opacity 0.3s, transform 0.4s; transition: opacity 0.3s, transform 0.4s, -webkit-transform 0.4s;} .text_over_img_342449_ .text_box h3 span:hover:after{-webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); opacity:1;} /* ****************** 텍스트 오버레이 이미지 ****************** */ .text_over_img_342450_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top; height:auto; } .text_over_img_342450_ * {box-sizing:border-box;} .text_over_img_342450_ a {display:block; text-decoration:none;} .text_over_img_342450_ img {max-width:100%; vertical-align:top; transition:all 2s; height:460px;} .text_over_img_342450_ img:hover{transform:scale(1.03) rotate(0.01deg);} .text_over_img_342450_ .text_box {position:absolute; left:0; bottom:0; width:100%; padding:20px 40px; text-align:left; background:#fff; border:1px solid #eee; border-bottom:0;} .text_over_img_342450_ .text_box p {font-size:16px; letter-spacing:-0.025em; color:#717171;} .text_over_img_342450_ .text_box h3{font-size:20px; font-weight:600; color:#c20061; letter-spacing:-0.05em;} .text_over_img_342450_ .text_box h3 span{padding-bottom:2px; position:relative;} .text_over_img_342450_ .text_box h3 span:after{content:''; display:block; width:100%; height:2px; position:absolute; left:0; bottom:0; background:#d7006c; -webkit-transform:translateY(5px); -ms-transform:translateY(5px); transform:translateY(5px); opacity:0; -webkit-transition:opacity 0.3s, -webkit-transform 0.4s; transition:opacity 0.3s, -webkit-transform 0.4s; transition:opacity 0.3s, transform 0.4s; transition: opacity 0.3s, transform 0.4s, -webkit-transform 0.4s;} .text_over_img_342450_ .text_box h3 span:hover:after{-webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); opacity:1;} /* ****************** 텍스트 오버레이 이미지 ****************** */ .text_over_img_342452_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top; height:auto; } .text_over_img_342452_ * {box-sizing:border-box;} .text_over_img_342452_ a {display:block; text-decoration:none;} .text_over_img_342452_ img {max-width:100%; vertical-align:top; transition:all 2s; height:460px;} .text_over_img_342452_ img:hover{transform:scale(1.03) rotate(0.01deg);} .text_over_img_342452_ .text_box {position:absolute; left:0; bottom:0; width:100%; padding:20px 40px; text-align:left; background:#fff; border:1px solid #eee; border-bottom:0;} .text_over_img_342452_ .text_box p {font-size:16px; letter-spacing:-0.025em; color:#717171;} .text_over_img_342452_ .text_box h3{font-size:20px; font-weight:600; color:#c20061; letter-spacing:-0.05em;} .text_over_img_342452_ .text_box h3 span{padding-bottom:2px; position:relative;} .text_over_img_342452_ .text_box h3 span:after{content:''; display:block; width:100%; height:2px; position:absolute; left:0; bottom:0; background:#d7006c; -webkit-transform:translateY(5px); -ms-transform:translateY(5px); transform:translateY(5px); opacity:0; -webkit-transition:opacity 0.3s, -webkit-transform 0.4s; transition:opacity 0.3s, -webkit-transform 0.4s; transition:opacity 0.3s, transform 0.4s; transition: opacity 0.3s, transform 0.4s, -webkit-transform 0.4s;} .text_over_img_342452_ .text_box h3 span:hover:after{-webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); opacity:1;} /* ****************** 1칸 레이아웃 ****************** */ .layout_342453_wrap{position:relative;} .layout_342453_wrap:before{content:''; display:block; width:100%; height:100%; background:#f8f8f8; position:absolute; bottom:0; right:0; margin-right:550px;} .layout_342453_wrap:after{content:''; display:block; width:79%; height:420px; background:#4a4d4e; position:absolute; bottom:0; left:0; right:0; margin-left:400px; z-index:0;} .layout_342453_ {clear:both; min-width:150px; max-width:1300px; margin:0 auto; position:relative; z-index:1;} .layout_342453_ > div:after {content:''; display:block; clear:both;} .layout_342453_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} @media \0screen{ .layout_342453_ {min-width:1300px;} } /* ****************** 공백 ****************** */ .empty_line_342455_ {display:block; width:100%; height:30px; line-height:30px;} [id^=div_user_list] .empty_line_342455_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_342455_:before {content:'공백: 30px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_342455_ {height:60px; line-height:60px;} [id^=div_user_list] .empty_line_342455_:before {content:'공백: 60px';} } @media \0screen{ .empty_line_342455_ {height:60px; line-height:60px;} [id^=div_user_list] .empty_line_342455_:before {content:'공백: 60px';} } /* ****************** 장문 텍스트 ****************** */ .textarea_342454_{padding:0;} .textarea_342454_ p {display:block; margin:0; font-size:18px; letter-spacing:-0.025em; font-weight:400; color:#666; line-height:1.7;} .textarea_342454_ h3{font-size:38px; color:#222; font-weight:300; padding-bottom:15px; line-height:1.45; margin:0;} @media (max-width:1023px){ .textarea_342454_ {max-width:80%; padding:40px;} .textarea_342454_ h3{font-size:24px; padding-bottom:15px;} } @media (max-width:767px){ .textarea_342454_{max-width:100%; background:rgba(255, 255, 255, 0.9);} .textarea_342454_ p{font-size:14px;} .textarea_342454_ h3{font-size:18px; line-height:1.2;} } /* ****************** 공백 ****************** */ .empty_line_342456_ {display:block; width:100%; height:30px; line-height:30px;} [id^=div_user_list] .empty_line_342456_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_342456_:before {content:'공백: 30px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_342456_ {height:60px; line-height:60px;} [id^=div_user_list] .empty_line_342456_:before {content:'공백: 60px';} } @media \0screen{ .empty_line_342456_ {height:60px; line-height:60px;} [id^=div_user_list] .empty_line_342456_:before {content:'공백: 60px';} } /* ****************** 세로형 슬라이더 (bx-slider) ****************** */ /*하단 내비게이션*/ .vertical_rolling_342457_ .bx-controls .bx-pager{margin:0; position:absolute; left:22%; right:0; top:90%;text-align:center; z-index:500;} [id^=div_user_list] .vertical_rolling_342457_ .bx-controls .bx-pager{z-index:auto;} .vertical_rolling_342457_ .bx-controls .bx-pager .bx-pager-item{position:relative; display:inline-block; padding-top:10px;} .vertical_rolling_342457_ .bx-controls .bx-pager .bx-pager-item a{display:block; font-size:0;} .vertical_rolling_342457_ .bx-controls .bx-pager .bx-pager-item:last-child a{margin-right:0;} .vertical_rolling_342457_ .bx-controls .bx-pager .bx-pager-item a:after{padding:0 10px; padding-bottom:5px; font-size:16px; color:#fff; letter-spacing:-0.5px; font-weight:500; border-bottom:3px solid transparent; transition:all 0.2s;} .vertical_rolling_342457_ .bx-controls .bx-pager .bx-pager-item:nth-child(1) a:after{content:'';} .vertical_rolling_342457_ .bx-controls .bx-pager .bx-pager-item:nth-child(2) a:after{content:'';} .vertical_rolling_342457_ .bx-controls .bx-pager .bx-pager-item:nth-child(3) a:after{content:'';} .vertical_rolling_342457_ .bx-controls .bx-pager .bx-pager-item a.active:after{color:#d41089;} .vertical_rolling_342457_ .slide_wrap{position:relative;} .vertical_rolling_342457_ .slide_wrap:after{content:''; display:block; clear:both;} .vertical_rolling_342457_ .slide_wrap div{float:left;} .vertical_rolling_342457_ .slide_wrap div.img_box{width:50%; height:420px; background-size:cover !important;} .vertical_rolling_342457_ .slide_num1 div.img_box{background:url("/img_up/shop_pds/siloam00/farm/56456415452041805.jpg") no-repeat center;} .vertical_rolling_342457_ .slide_num2 div.img_box{background:url("/img_up/shop_pds/siloam00/farm/info_img2154512182515.jpg") no-repeat center;} .vertical_rolling_342457_ .slide_num3 div.img_box{background:url("/img_up/shop_pds/siloam00/farm/56456415452041815.jpg") no-repeat center;} .vertical_rolling_342457_ .slide_num4 div.img_box{background:url("/img_up/shop_pds/siloam00/farm/56456415452041815.jpg") no-repeat center;} .vertical_rolling_342457_ .slide_wrap div.text_box{width:50%; position:absolute; top:0; left:55%;} .vertical_rolling_342457_ .slide_wrap div.text_box strong{display:inline-block; padding:10px; background:#c20061; font-size:15px; color:#fff; letter-spacing:-1px; margin-bottom:7px; margin-right:10px; font-weight:light;} .vertical_rolling_342457_ .slide_wrap div.text_box p{letter-spacing:-0.5px;} .vertical_rolling_342457_ .slide_wrap div.text_box p.main_text{font-size:16px; color:#fff;} .vertical_rolling_342457_ .slide_wrap div.text_box p.sub_text{font-size:16px; color:#e8e8e8; word-break:keep-all;} .vertical_rolling_342457_ .slide_wrap div.text_box p.sub_text b{font-size:28px; color:#fff; display:block; margin:5% 0 2% 0; word-break:keep-all;} .vertical_rolling_342457_ .slide_wrap div.text_box ul{width:100%; padding-top:40px; display:none;} .vertical_rolling_342457_ .slide_wrap div.text_box dt{font-size:16px; color:#ccc; float:left;width:80px;} .vertical_rolling_342457_ .slide_wrap div.text_box dd{font-size:16px; color:#ccc; display:inline-block; margin-left:20px; line-height:24px; opacity:0.6;} .vertical_rolling_342457_ .slide_wrap a{display:inline-block; font-size:15px; padding:40px 2.5em 10px; margin:0 10px; position:relative; transition:all 0.5s; color:#fff; margin:40px auto 0;} .vertical_rolling_342457_ .slide_wrap a span{position:relative; z-index:10; color:#fff;} .vertical_rolling_342457_ .slide_wrap a:before{content:''; display:block; width:100%; height:4px; background:#ddd; position:absolute; bottom:0; right:0; transition:all 0.5s; z-index:2; transition-delay:200ms; transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000);} .vertical_rolling_342457_ .slide_wrap a:hover:before{content:''; display:block; width:100%; height:4px; background:#b90169; position:absolute; bottom:0; right:0; transition:all 0.5s; z-index:2; transition-delay:0ms; transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000);} .vertical_rolling_342457_{position:relative;} .vertical_rolling_342457_ *{margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .vertical_rolling_342457_ .bx-wrapper {margin-bottom:0;} .vertical_rolling_342457_ .bx-wrapper .bx-viewport{border:0; -webkit-box-shadow: none; box-shadow:none; left:0;} /* ****************** 1칸 레이아웃 ****************** */ .layout_342458_wrap{position:relative;} .layout_342458_wrap:before{content:''; display:block; width:100%; height:100%; background:#f8f8f8; position:absolute; bottom:0; right:0; margin-right:550px;} .layout_342458_wrap:after{content:''; display:block; width:79%; height:420px; background:#4a4d4e; position:absolute; bottom:0; left:0; right:0; margin-left:400px; z-index:0;} .layout_342458_ {clear:both; min-width:150px; max-width:1300px; margin:0 auto;} .layout_342458_ > div:after {content:''; display:block; clear:both;} .layout_342458_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} @media \0screen{ .layout_342458_ {min-width:1300px;} } /* ****************** 공백 ****************** */ .empty_line_342461_ {display:block; width:100%; height:30px; line-height:30px;} [id^=div_user_list] .empty_line_342461_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_342461_:before {content:'공백: 30px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_342461_ {height:60px; line-height:60px;} [id^=div_user_list] .empty_line_342461_:before {content:'공백: 60px';} } @media \0screen{ .empty_line_342461_ {height:60px; line-height:60px;} [id^=div_user_list] .empty_line_342461_:before {content:'공백: 60px';} } /* ****************** 장문 텍스트 ****************** */ .textarea_342460_{padding:0;} .textarea_342460_ p {display:block; margin:0; font-size:18px; letter-spacing:-0.025em; font-weight:400; color:#666; line-height:1.7;} .textarea_342460_ h3{font-size:38px; color:#222; font-weight:300; padding-bottom:15px; line-height:1.45; margin:0;} @media (max-width:1023px){ .textarea_342460_ {max-width:80%; padding:40px;} .textarea_342460_ h3{font-size:24px; padding-bottom:15px;} } @media (max-width:767px){ .textarea_342460_{max-width:100%; background:rgba(255, 255, 255, 0.9);} .textarea_342460_ p{font-size:14px;} .textarea_342460_ h3{font-size:18px; line-height:1.2;} } /* ****************** 공백 ****************** */ .empty_line_342459_ {display:block; width:100%; height:30px; line-height:30px;} [id^=div_user_list] .empty_line_342459_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_342459_:before {content:'공백: 30px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_342459_ {height:60px; line-height:60px;} [id^=div_user_list] .empty_line_342459_:before {content:'공백: 60px';} } @media \0screen{ .empty_line_342459_ {height:60px; line-height:60px;} [id^=div_user_list] .empty_line_342459_:before {content:'공백: 60px';} } /* ****************** 1칸 레이아웃 ****************** */ .layout_342462_ {clear:both; min-width:150px; max-width:1300px; margin:0 auto;} .layout_342462_ > div:after {content:''; display:block; clear:both;} .layout_342462_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} @media \0screen{ .layout_342462_ {min-width:1300px;} } /* ****************** 공백 ****************** */ .empty_line_342463_ {display:block; width:100%; height:60px; line-height:60px;} [id^=div_user_list] .empty_line_342463_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_342463_:before {content:'공백: 60px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_342463_ {height:120px; line-height:120px;} [id^=div_user_list] .empty_line_342463_:before {content:'공백: 120px';} } @media \0screen{ .empty_line_342463_ {height:120px; line-height:120px;} [id^=div_user_list] .empty_line_342463_:before {content:'공백: 120px';} } /* ****************** 세로형 슬라이더 (bx-slider) ****************** */ /*하단 내비게이션*/ .vertical_rolling_342464_ .bx-controls .bx-pager{margin:0; position:absolute; left:22%; right:0; top:90%;text-align:center; z-index:500;} [id^=div_user_list] .vertical_rolling_342464_ .bx-controls .bx-pager{z-index:auto;} .vertical_rolling_342464_ .bx-controls .bx-pager .bx-pager-item{position:relative; display:inline-block; padding-top:10px;} .vertical_rolling_342464_ .bx-controls .bx-pager .bx-pager-item a{display:block; font-size:0;} .vertical_rolling_342464_ .bx-controls .bx-pager .bx-pager-item:last-child a{margin-right:0;} .vertical_rolling_342464_ .bx-controls .bx-pager .bx-pager-item a:after{padding:0 10px; padding-bottom:5px; font-size:16px; color:#fff; letter-spacing:-0.5px; font-weight:500; border-bottom:3px solid transparent; transition:all 0.2s;} .vertical_rolling_342464_ .bx-controls .bx-pager .bx-pager-item:nth-child(1) a:after{content:'';} .vertical_rolling_342464_ .bx-controls .bx-pager .bx-pager-item:nth-child(2) a:after{content:'';} .vertical_rolling_342464_ .bx-controls .bx-pager .bx-pager-item:nth-child(3) a:after{content:'';} .vertical_rolling_342464_ .bx-controls .bx-pager .bx-pager-item a.active:after{color:#d41089;} .vertical_rolling_342464_ .slide_wrap{position:relative;} .vertical_rolling_342464_ .slide_wrap:after{content:''; display:block; clear:both;} .vertical_rolling_342464_ .slide_wrap div{float:left;} .vertical_rolling_342464_ .slide_wrap div.img_box{width:50%; height:420px; background-size:cover !important;} .vertical_rolling_342464_ .slide_num1 div.img_box{background:url("/img_up/shop_pds/siloam00/farm/5645641545204180511.jpg") no-repeat center;} .vertical_rolling_342464_ .slide_num2 div.img_box{background:url("/img_up/shop_pds/siloam00/farm/info_img215451218251511.jpg") no-repeat center;} .vertical_rolling_342464_ .slide_num3 div.img_box{background:url("/img_up/shop_pds/siloam00/farm/5645641545204181511.jpg") no-repeat center;} .vertical_rolling_342464_ .slide_num4 div.img_box{background:url("/img_up/shop_pds/siloam00/farm/5645641545204181511.jpg") no-repeat center;} .vertical_rolling_342464_ .slide_wrap div.text_box{width:50%; position:absolute; top:0; left:50%; padding:5%; height:100%; border:10px solid #eceaeb; text-align:center; background:#fff;} .vertical_rolling_342464_ .slide_wrap div.text_box strong{display:inline-block; font-size:18px; color:#d7006c; letter-spacing:-1px; font-weight:600;} .vertical_rolling_342464_ .slide_wrap div.text_box p{letter-spacing:-0.5px;} .vertical_rolling_342464_ .slide_wrap div.text_box p.main_text{font-size:18px; color:#222;} .vertical_rolling_342464_ .slide_wrap div.text_box p.sub_text{font-size:16px; color:#666; word-break:keep-all; line-height:1.86;} .vertical_rolling_342464_ .slide_wrap div.text_box p.sub_text b{font-size:22px; color:#222; display:block; word-break:keep-all; margin:5px 0 20px} .vertical_rolling_342464_ .slide_wrap div.text_box ul{width:100%; padding-top:40px; display:none;} .vertical_rolling_342464_ .slide_wrap div.text_box dt{font-size:16px; color:#ccc; float:left;width:80px;} .vertical_rolling_342464_ .slide_wrap div.text_box dd{font-size:16px; color:#ccc; display:inline-block; margin-left:20px; line-height:24px; opacity:0.6;} .vertical_rolling_342464_ .slide_wrap a{display:inline-block; font-size:15px; padding:0 2.5em 10px; position:relative; transition:all 0.5s; color:#fff; margin:40px auto 0;} .vertical_rolling_342464_ .slide_wrap a span{position:relative; z-index:10; color:#222;} .vertical_rolling_342464_ .slide_wrap a:before{content:''; display:block; width:100%; height:4px; background:#ddd; position:absolute; bottom:0; right:0; transition:all 0.5s; z-index:2; transition-delay:200ms; transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000);} .vertical_rolling_342464_ .slide_wrap a:hover:before{content:''; display:block; width:100%; height:4px; background:#b90169; position:absolute; bottom:0; right:0; transition:all 0.5s; z-index:2; transition-delay:0ms; transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000);} .vertical_rolling_342464_{position:relative;} .vertical_rolling_342464_ *{margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .vertical_rolling_342464_ .bx-wrapper {margin-bottom:0;} .vertical_rolling_342464_ .bx-wrapper .bx-viewport{border:0; -webkit-box-shadow: none; box-shadow:none; left:0;} /* ****************** 공백 ****************** */ .empty_line_342465_ {display:block; width:100%; height:60px; line-height:60px;} [id^=div_user_list] .empty_line_342465_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_342465_:before {content:'공백: 60px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_342465_ {height:120px; line-height:120px;} [id^=div_user_list] .empty_line_342465_:before {content:'공백: 120px';} } @media \0screen{ .empty_line_342465_ {height:120px; line-height:120px;} [id^=div_user_list] .empty_line_342465_:before {content:'공백: 120px';} } /* ****************** 맞춤형 컨텐츠 ****************** */ .empty_342466_wrap{background:url("/img_up/shop_pds/siloam00/farm/0015452729511.png") no-repeat center; background-size:cover; overflow:hidden;} .empty_342466_, .empty_342466_ *{padding:0; margin:0; list-style:none;} .empty_342466_{clear:both; margin:0 auto;} .empty_342466_ li{font-size:18px; color:#fff; padding:25px 0; position:relative; float:left; width:33.28%; text-align:center; padding:150px 0; border-right:1px solid #f9f9f94a; height:100%;} .empty_342466_ li:hover{background:rgba(0,0,0,0.5);} .empty_342466_ li span{display:block; width:48px; font-size:16px; text-align:center; line-height:48px; letter-spacing:0.1px; font-weight:600; margin:30px auto;} .empty_342466_ li span:after{content:''; display:block; width:50px; height:50px; position:absolute; top:37.5%; left:50%; margin-left:-25px; border:1px solid #fff; box-sizing:border-box; transform:rotate(45deg); transition:transform 600ms;} .empty_342466_ li:hover span:after{transform:rotate(225deg);} .empty_342466_ li b{font-size:28px; font-weight:500;} .empty_342466_ li:nth-child(3){border-right:none;} @media (max-width:1023px){ .empty_342466_{margin-right:0;} } @media (max-width:850px){ .empty_342466_{margin:3% 0 1%;} .empty_342466_ li{padding:18px 10px 18px 75px; word-break:keep-all;} .empty_342466_ li span{font-size:24px; width:40px; height:40px; top:50%; left:15px; margin-top:-20px;} } /* ****************** 1칸 레이아웃 ****************** */ .layout_342467_ {clear:both; min-width:150px; max-width:1300px; margin:0 auto;} .layout_342467_ > div:after {content:''; display:block; clear:both;} .layout_342467_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} @media \0screen{ .layout_342467_ {min-width:1300px;} } /* ****************** 장문 텍스트 ****************** */ .textarea_342471_{position:apsolute; left:0; bottom:0;} [id^=div_user_list] .textarea_342471_{position:relative;} .textarea_342471_ h3{font-size:40px; color:#222; font-weight:300; line-height:1.45; margin:0;} @media (max-width:1023px){ .textarea_342471_ {max-width:80%; padding:40px;} .textarea_342471_ h3{font-size:24px; padding-bottom:15px;} } @media (max-width:767px){ .textarea_342471_{max-width:100%; background:rgba(255, 255, 255, 0.9);} .textarea_342471_ p{font-size:14px;} .textarea_342471_ h3{font-size:18px; line-height:1.2;} } /* ****************** 공백 ****************** */ .empty_line_342469_ {display:block; width:100%; height:30px; line-height:30px;} [id^=div_user_list] .empty_line_342469_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_342469_:before {content:'공백: 30px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_342469_ {height:60px; line-height:60px;} [id^=div_user_list] .empty_line_342469_:before {content:'공백: 60px';} } @media \0screen{ .empty_line_342469_ {height:60px; line-height:60px;} [id^=div_user_list] .empty_line_342469_:before {content:'공백: 60px';} } /* ****************** 이미지 ****************** */ .img_342470_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_342470_ * {box-sizing:border-box;} .img_342470_ a {display:block; text-decoration:none;} .img_342470_ img {max-width:100%; vertical-align:top;} /* ****************** 공백 ****************** */ .empty_line_342468_ {display:block; width:100%; height:60px; line-height:60px;} [id^=div_user_list] .empty_line_342468_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_342468_:before {content:'공백: 60px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_342468_ {height:120px; line-height:120px;} [id^=div_user_list] .empty_line_342468_:before {content:'공백: 120px';} } @media \0screen{ .empty_line_342468_ {height:120px; line-height:120px;} [id^=div_user_list] .empty_line_342468_:before {content:'공백: 120px';} } /* ****************** 1칸 레이아웃 ****************** */ .layout_362660_ {clear:both; min-width:150px; max-width:1300px; margin:0 auto;} .layout_362660_ > div:after {content:''; display:block; clear:both;} .layout_362660_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} @media \0screen{ .layout_362660_ {min-width:1300px;} } /* ****************** 타이틀 텍스트 ****************** */ .title_362661_ {font-size:0;} .title_362661_ p { display:inline-block; position:relative; margin:0; padding:0; font-size:20px; letter-spacing:-1px; font-weight:normal; color:#444; line-height:1.4em; } .title_362661_ p span{display:inline-block; width:5px; height:5px; background:#ffc336; border-radius:2em; margin:-5px 5px 0 0; vertical-align:middle;} .title_362661_ p:before {content:''; position:absolute; background:#0256d0; font-size:0;} .title_362661_.style_top p {padding-top:10px;} .title_362661_.style_top p:before {left:0; top:0; width:20px; height:4px;} .title_362661_.style_right p {padding-right:14px;} .title_362661_.style_right p:before {right:0; top:4px; width:4px; height:20px;} .title_362661_.style_bottom p {padding-bottom:12px;} .title_362661_.style_bottom p:before {left:0; bottom:0; width:20px; height:4px;} .title_362661_.style_left p {padding-left:14px;} .title_362661_.style_left p:before {left:0; top:4px; width:4px; height:20px;} .title_362661_.style_circle1 p {padding-left:20px;} .title_362661_.style_circle1 p:before { left:0; top:8px; width:12px; height:12px; border-radius:12px; } .title_362661_.style_circle2 p {padding-left:20px;} .title_362661_.style_circle2 p:before { left:0; top:8px; width:12px; height:12px; border:2px solid #0256d0; border-radius:12px; background:none; box-sizing:border-box; } /* ****************** 맞춤형 컨텐츠 ****************** */ .empty_362663_, .empty_362663_ * {padding:0; margin:0; list-style:none; box-sizing:border-box;} .empty_362663_ ul{border-top:2px solid #444; border-bottom:1px solid #ddd;} .empty_362663_ ul:after{content:''; display:block; clear:both;} .empty_362663_ li{width:33.333%; float:left; text-align:center; border-right:1px solid #ddd;} .empty_362663_ li:last-child{border-right:0;} .empty_362663_ dt{background:#d7e0f1; padding:15px 10px; color:#444;} .empty_362663_ dd{color:#666; padding:20px 10px;} /* ****************** 표 2.0 ****************** */ .table_362662_ {width:100%; overflow-x:auto; overflow-y:visible; -webkit-overflow-scrolling:touch; border-top:1px solid #333; position:relative;} .table_362662_:before{content:''; display:block; width:1px; height:100%; background:#fff; position:absolute; top:0; left:0;} .table_362662_:after{content:''; display:block; width:1px; height:100%; background:#fff; position:absolute; top:0; right:0;} .table_362662_ * {box-sizing:border-box;} .table_362662_ table {width:100%; margin:0 auto; background:#d9d9d9; border-spacing:1px; border-collapse:separate; table-layout:auto;} .table_362662_ td {height:50px; padding:5px 10px; background:#fff; font-size:15px !important; font-weight:normal; color:#333; text-align:left; text-decoration::none;} .aa {} /* ****************** 5칸 탭 레이아웃 ****************** */ .layout_362717_ {clear:both; min-width:150px; max-width:1300px; margin:0 auto;} .layout_362717_ > ul {margin:0; padding:0; list-style:none;} .layout_362717_ > #tab_ul_362717_ {display:none; width:94%; margin:0 auto; position:relative; height:56px;} .layout_362717_ > #tab_ul_362717_:before{content:''; display:block; width:3%; height:1px; background:#e1e2e3; position:absolute; bottom:0; left:-3%;} .layout_362717_ > #tab_ul_362717_:after{content:''; display:block; width:3%; height:1px; background:#e1e2e3; position:absolute; bottom:0; right:-3%;} .layout_362717_ > #tab_ul_362717_ > li {float:left; width:20%; border-right:1px solid #e1e2e3; box-sizing:border-box;} .layout_362717_ > #tab_ul_362717_ > li:first-child {border-left:1px solid #e1e2e3;} .layout_362717_ > #tab_ul_362717_ > li > a { display:block; padding:2px 5px 0; border-top:1px solid #e1e2e3; border-bottom:1px solid #e1e2e3; background:#f9f9f9; font-size:14px; color:#888; text-align:center; text-decoration:none; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .layout_362717_ > #tab_ul_362717_ > li.on > a { padding:0 5px 1px; border-top:3px solid #ffc336; border-bottom:none; background:#fff; color:#ffc336; } .layout_362717_ > #box_ul_362717_ {width:94%; margin:0 auto;} .layout_362717_ > #box_ul_362717_ > li > a { display:block; height:30px; line-height:30px; padding:0 5px; border:1px solid #e1e2e3; background:#f9f9f9; font-size:13px; font-weight:bold; color:#888; text-align:center; text-decoration:none; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .layout_362717_ > #box_ul_362717_ > li > div {overflow:hidden; padding:0px; background:#fff; box-sizing:border-box;} .layout_362717_ > #box_ul_362717_ > li.on {display:block;} .layout_362717_ > #box_ul_362717_ > li.on > a {border-color:#ffc336; background:#fff; color:#ffc336;} .layout_362717_.type_HOR > #tab_ul_362717_ {display:block;} .layout_362717_.type_HOR > #box_ul_362717_ > li > a {display:none;} .text_sml_362717_ > #tab_ul_362717_ > li > a {height:40px; line-height:40px; font-size:14px;} .text_sml_362717_ > #box_ul_362717_ > li > a {font-size:13px;} .text_mid_362717_ > #tab_ul_362717_ > li > a {height:52px; line-height:52px; font-size:16px;} .text_mid_362717_ > #box_ul_362717_ > li > a {font-size:14px;} .text_big_362717_ > #tab_ul_362717_ > li > a {height:48px; line-height:48px; font-size:18px;} .text_big_362717_ > #box_ul_362717_ > li > a {font-size:15px;} [id^=div_user_list] .layout_362717_ > #tab_ul_362717_ {display:none !important;} [id^=div_user_list] .layout_362717_ > #box_ul_362717_ > li {display:block !important;} [id^=div_user_list] .layout_362717_ > #box_ul_362717_ > li > a {display:block !important;} [id^=div_user_list] .layout_362717_ > #box_ul_362717_ > li > div {display:block !important;} @media (min-width:1024px){ .layout_362717_.type_HOR > #tab_ul_362717_, .layout_362717_.type_RES > #tab_ul_362717_ {display:block;} .layout_362717_.type_HOR > #box_ul_362717_ > li > a, .layout_362717_.type_RES > #box_ul_362717_ > li > a {display:none;} } @media \0screen{ .layout_362717_ {min-width:1300px;} .layout_362717_.type_HOR > #tab_ul_362717_, .layout_362717_.type_RES > #tab_ul_362717_ {display:block;} .layout_362717_.type_HOR > #box_ul_362717_ > li > a, .layout_362717_.type_RES > #box_ul_362717_ > li > a {display:none;} .layout_362717_.type_HOR.border_true > #box_ul_362717_ > li > div, .layout_362717_.type_RES.border_true > #box_ul_362717_ > li > div {border:1px solid #e1e2e3; border-top:none;} } /* ****************** 이미지 ****************** */ .img_362754_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_362754_ * {box-sizing:border-box;} .img_362754_ a {display:block; text-decoration:none;} .img_362754_ img {max-width:100%; vertical-align:top;} /* ****************** 공백 ****************** */ .empty_line_362746_ {display:block; width:100%; height:20px; line-height:20px;} [id^=div_user_list] .empty_line_362746_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_362746_:before {content:'공백: 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_362746_ {height:40px; line-height:40px;} [id^=div_user_list] .empty_line_362746_:before {content:'공백: 40px';} } @media \0screen{ .empty_line_362746_ {height:40px; line-height:40px;} [id^=div_user_list] .empty_line_362746_:before {content:'공백: 40px';} } /* ****************** 타이틀 텍스트 ****************** */ .title_362744_ {font-size:0;} .title_362744_ p { display:block; position:relative; margin:0; font-size:17px; letter-spacing:-2px; font-weight:normal; color:#444; line-height:1.6em; word-break:keep-all; } .title_362744_ p span{display:block; color:#7796d4; font-size:1.5em;} .title_362744_ p span:after{content:''; display:block; width:30px; height:1px; background:#7796d4; margin:20px 0;} .title_362744_ p:before {content:''; position:absolute; background:#d00000; font-size:0;} .title_362744_.style_top p {padding-top:10px;} .title_362744_.style_top p:before {left:0; top:0; width:17px; height:4px;} .title_362744_.style_right p {padding-right:14px;} .title_362744_.style_right p:before {right:0; top:4px; width:4px; height:17px;} .title_362744_.style_bottom p {padding-bottom:12px;} .title_362744_.style_bottom p:before {left:0; bottom:0; width:17px; height:4px;} .title_362744_.style_left p {padding-left:14px;} .title_362744_.style_left p:before {left:0; top:4px; width:4px; height:17px;} .title_362744_.style_circle1 p {padding-left:20px;} .title_362744_.style_circle1 p:before { left:0; top:6px; width:12px; height:12px; border-radius:12px; } .title_362744_.style_circle2 p {padding-left:20px;} .title_362744_.style_circle2 p:before { left:0; top:6px; width:12px; height:12px; border:2px solid #d00000; border-radius:12px; background:none; box-sizing:border-box; } /* ****************** 공백 ****************** */ .empty_line_362750_ {display:block; width:100%; height:30px; line-height:30px;} [id^=div_user_list] .empty_line_362750_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_362750_:before {content:'공백: 30px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_362750_ {height:60px; line-height:60px;} [id^=div_user_list] .empty_line_362750_:before {content:'공백: 60px';} } @media \0screen{ .empty_line_362750_ {height:60px; line-height:60px;} [id^=div_user_list] .empty_line_362750_:before {content:'공백: 60px';} } /* ****************** 맞춤형 컨텐츠 ****************** */ .empty_362749_, .empty_362749_ * {padding:0; margin:0; list-style:none; box-sizing:border-box;} .empty_362749_:after{content:''; display:block; clear:both;} .empty_362749_ > div{float:left; padding:40px 20px;} .empty_362749_ > div.container1{width:25%; border-top: 1px solid #333;} .empty_362749_ > div.container2{width:75%; border-top: 1px solid #d9d9d9;} .empty_362749_ > div p{color:#666; letter-spacing: -1px;} .empty_362749_ > .container1 p{font-size:20px; line-height: 1.4em;} .empty_362749_ > .container2 p{font-size:16px;} .empty_362749_ > .container2 .list_cont{margin-top:20px;} .empty_362749_ > .container2 .list_cont:after{content:''; display:block; clear:both;} .empty_362749_ > .container2 .list_wrap{width:50%; float:left;} .empty_362749_ > .container2 .list_wrap:nth-child(1){padding-right:25px; border-right:1px dashed #ddd;} .empty_362749_ > .container2 .list_wrap:nth-child(2){padding-left:25px;} .empty_362749_ > .container2 dl{text-align:center; font-size:15px; border-top:2px solid #444; border-bottom:1px solid #ccc;} .empty_362749_ > .container2 dt{font-size:16px; padding:15px 0; background:#f5f5f5;} .empty_362749_ > .container2 dd{padding:10px 0; border-top:1px dotted #ddd;} .empty_362749_ > .container2 dd:first-child{border-top:1px solid #ddd;} /* ****************** 공백 ****************** */ .empty_line_362742_ {display:block; width:100%; height:20px; line-height:20px;} [id^=div_user_list] .empty_line_362742_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_362742_:before {content:'공백: 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_362742_ {height:40px; line-height:40px;} [id^=div_user_list] .empty_line_362742_:before {content:'공백: 40px';} } @media \0screen{ .empty_line_362742_ {height:40px; line-height:40px;} [id^=div_user_list] .empty_line_362742_:before {content:'공백: 40px';} } /* ****************** 맞춤형 컨텐츠 ****************** */ .empty_362747_, .empty_362747_ * {padding:0; margin:0; list-style:none; box-sizing:border-box;} .empty_362747_:after{content:''; display:block; clear:both;} .empty_362747_ > div{float:left; padding:40px 20px;} .empty_362747_ > div.container1{width:25%; border-top: 1px solid #333;} .empty_362747_ > div.container2{width:75%; border-top: 1px solid #d9d9d9;} .empty_362747_ > div p{color:#666; letter-spacing: -1px;} .empty_362747_ > .container1 p{font-size:20px; line-height: 1.4em;} .empty_362747_ > .container2 p{font-size:16px;} .empty_362747_ > .container2 .list_cont{margin-top:20px;} .empty_362747_ > .container2 .list_cont:after{content:''; display:block; clear:both;} .empty_362747_ > .container2 .list_wrap{width:50%; float:left;} .empty_362747_ > .container2 .list_wrap:nth-child(1){padding-right:25px; border-right:1px dashed #ddd;} .empty_362747_ > .container2 .list_wrap:nth-child(2){padding-left:25px;} .empty_362747_ > .container2 dl{text-align:center; font-size:15px; border-top:2px solid #444; border-bottom:1px solid #ccc;} .empty_362747_ > .container2 dt{font-size:16px; padding:15px 0; background:#f5f5f5;} .empty_362747_ > .container2 dd{padding:10px 0; border-top:1px dotted #ddd;} .empty_362747_ > .container2 dd:first-child{border-top:1px solid #ddd;} .empty_362747_ > .container2 p{margin-bottom:20px;} .empty_362747_ > .container2 p:last-child{margin-bottom:0;} .empty_362747_ > .container2 span{display:block; font-size:18px; color:#444; margin-bottom:5px;} .empty_362747_ > .container2 span b{display: inline-block; padding: 4px 7px 5px; font-size: .8em; font-weight:normal; background: #8fa7d8; color: #fff; line-height: 1; margin: -4px 5px 0 0; vertical-align: middle;} /* ****************** 이미지 ****************** */ .img_362751_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_362751_ * {box-sizing:border-box;} .img_362751_ a {display:block; text-decoration:none;} .img_362751_ img {max-width:100%; vertical-align:top;} /* ****************** 공백 ****************** */ .empty_line_362726_ {display:block; width:100%; height:20px; line-height:20px;} [id^=div_user_list] .empty_line_362726_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_362726_:before {content:'공백: 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_362726_ {height:40px; line-height:40px;} [id^=div_user_list] .empty_line_362726_:before {content:'공백: 40px';} } @media \0screen{ .empty_line_362726_ {height:40px; line-height:40px;} [id^=div_user_list] .empty_line_362726_:before {content:'공백: 40px';} } /* ****************** 타이틀 텍스트 ****************** */ .title_362748_ {font-size:0;} .title_362748_ p { display:block; position:relative; margin:0; font-size:17px; letter-spacing:-2px; font-weight:normal; color:#444; line-height:1.6em; word-break:keep-all; } .title_362748_ p span{display:block; color:#7796d4; font-size:1.5em;} .title_362748_ p span:after{content:''; display:block; width:30px; height:1px; background:#7796d4; margin:20px 0;} .title_362748_ p:before {content:''; position:absolute; background:#d00000; font-size:0;} .title_362748_.style_top p {padding-top:10px;} .title_362748_.style_top p:before {left:0; top:0; width:17px; height:4px;} .title_362748_.style_right p {padding-right:14px;} .title_362748_.style_right p:before {right:0; top:4px; width:4px; height:17px;} .title_362748_.style_bottom p {padding-bottom:12px;} .title_362748_.style_bottom p:before {left:0; bottom:0; width:17px; height:4px;} .title_362748_.style_left p {padding-left:14px;} .title_362748_.style_left p:before {left:0; top:4px; width:4px; height:17px;} .title_362748_.style_circle1 p {padding-left:20px;} .title_362748_.style_circle1 p:before { left:0; top:6px; width:12px; height:12px; border-radius:12px; } .title_362748_.style_circle2 p {padding-left:20px;} .title_362748_.style_circle2 p:before { left:0; top:6px; width:12px; height:12px; border:2px solid #d00000; border-radius:12px; background:none; box-sizing:border-box; } /* ****************** 공백 ****************** */ .empty_line_362743_ {display:block; width:100%; height:30px; line-height:30px;} [id^=div_user_list] .empty_line_362743_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_362743_:before {content:'공백: 30px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_362743_ {height:60px; line-height:60px;} [id^=div_user_list] .empty_line_362743_:before {content:'공백: 60px';} } @media \0screen{ .empty_line_362743_ {height:60px; line-height:60px;} [id^=div_user_list] .empty_line_362743_:before {content:'공백: 60px';} } /* ****************** 타이틀 텍스트 ****************** */ .title_362727_ {font-size:0;} .title_362727_ p { display:inline-block; position:relative; margin:0; padding:0; font-size:20px; letter-spacing:-1px; font-weight:normal; color:#444; line-height:1.4em; } .title_362727_ p span{display:inline-block; width:5px; height:5px; background:#ffc336; border-radius:2em; margin:-5px 5px 0 0; vertical-align:middle;} .title_362727_ p:before {content:''; position:absolute; background:#0256d0; font-size:0;} .title_362727_.style_top p {padding-top:10px;} .title_362727_.style_top p:before {left:0; top:0; width:20px; height:4px;} .title_362727_.style_right p {padding-right:14px;} .title_362727_.style_right p:before {right:0; top:4px; width:4px; height:20px;} .title_362727_.style_bottom p {padding-bottom:12px;} .title_362727_.style_bottom p:before {left:0; bottom:0; width:20px; height:4px;} .title_362727_.style_left p {padding-left:14px;} .title_362727_.style_left p:before {left:0; top:4px; width:4px; height:20px;} .title_362727_.style_circle1 p {padding-left:20px;} .title_362727_.style_circle1 p:before { left:0; top:8px; width:12px; height:12px; border-radius:12px; } .title_362727_.style_circle2 p {padding-left:20px;} .title_362727_.style_circle2 p:before { left:0; top:8px; width:12px; height:12px; border:2px solid #0256d0; border-radius:12px; background:none; box-sizing:border-box; } /* ****************** 맞춤형 컨텐츠 ****************** */ .empty_362721_, .empty_362721_ * {padding:0; margin:0; list-style:none; box-sizing:border-box;} .empty_362721_:after{content:''; display:block; clear:both;} .empty_362721_ > div{float:left; padding:40px 20px;} .empty_362721_ > div.container1{width:25%; border-top: 1px solid #333;} .empty_362721_ > div.container2{width:75%; border-top: 1px solid #d9d9d9;} .empty_362721_ > div p{color:#666; letter-spacing: -1px;} .empty_362721_ > .container1 p{font-size:20px; line-height: 1.4em;} .empty_362721_ > .container2 p{font-size:16px;} .empty_362721_ > .container2 .list_cont{margin-top:20px;} .empty_362721_ > .container2 .list_cont:after{content:''; display:block; clear:both;} .empty_362721_ > .container2 .list_wrap{width:50%; float:left;} .empty_362721_ > .container2 .list_wrap:nth-child(1){padding-right:25px; border-right:1px dashed #ddd;} .empty_362721_ > .container2 .list_wrap:nth-child(2){padding-left:25px;} .empty_362721_ > .container2 dl{text-align:center; font-size:15px; border-top:2px solid #444; border-bottom:1px solid #ccc;} .empty_362721_ > .container2 dt{font-size:16px; padding:15px 0; background:#f5f5f5;} .empty_362721_ > .container2 dd{padding:10px 0; border-top:1px dotted #ddd;} .empty_362721_ > .container2 dd:first-child{border-top:1px solid #ddd;} .empty_362721_ > .container2 p{margin-bottom:20px;} .empty_362721_ > .container2 p:last-child{margin-bottom:0;} .empty_362721_ > .container2 span{display:block; font-size:18px; color:#444; margin-bottom:5px;} .empty_362721_ > .container2 span b{display: inline-block; padding: 4px 7px 5px; font-size: .8em; font-weight:normal; background: #8fa7d8; color: #fff; line-height: 1; margin: -4px 5px 0 0; vertical-align: middle;} /* ****************** 공백 ****************** */ .empty_line_362720_ {display:block; width:100%; height:20px; line-height:20px;} [id^=div_user_list] .empty_line_362720_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_362720_:before {content:'공백: 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_362720_ {height:40px; line-height:40px;} [id^=div_user_list] .empty_line_362720_:before {content:'공백: 40px';} } @media \0screen{ .empty_line_362720_ {height:40px; line-height:40px;} [id^=div_user_list] .empty_line_362720_:before {content:'공백: 40px';} } /* ****************** 맞춤형 컨텐츠 ****************** */ .empty_362729_, .empty_362729_ * {padding:0; margin:0; list-style:none; box-sizing:border-box;} .empty_362729_:after{content:''; display:block; clear:both;} .empty_362729_ > div{float:left; padding:40px 20px;} .empty_362729_ > div.container1{width:25%; border-top: 1px solid #333;} .empty_362729_ > div.container2{width:75%; border-top: 1px solid #d9d9d9;} .empty_362729_ > div p{color:#666; letter-spacing: -1px;} .empty_362729_ > .container1 p{font-size:20px; line-height: 1.4em;} .empty_362729_ > .container2 p{font-size:16px;} .empty_362729_ > .container2 .list_cont{margin-top:20px;} .empty_362729_ > .container2 .list_cont:after{content:''; display:block; clear:both;} .empty_362729_ > .container2 .list_wrap{width:50%; float:left;} .empty_362729_ > .container2 .list_wrap:nth-child(1){padding-right:25px; border-right:1px dashed #ddd;} .empty_362729_ > .container2 .list_wrap:nth-child(2){padding-left:25px;} .empty_362729_ > .container2 dl{text-align:center; font-size:15px; border-top:2px solid #444; border-bottom:1px solid #ccc;} .empty_362729_ > .container2 dt{font-size:16px; padding:15px 0; background:#f5f5f5;} .empty_362729_ > .container2 dd{padding:10px 0; border-top:1px dotted #ddd;} .empty_362729_ > .container2 dd:first-child{border-top:1px solid #ddd;} .empty_362729_ > .container2 p{margin-bottom:20px;} .empty_362729_ > .container2 p:last-child{margin-bottom:0;} .empty_362729_ > .container2 span{display:block; font-size:18px; color:#444; margin-bottom:5px;} .empty_362729_ > .container2 span b{display: inline-block; padding: 4px 7px 5px; font-size: .8em; font-weight:normal; background: #8fa7d8; color: #fff; line-height: 1; margin: -4px 5px 0 0; vertical-align: middle;} /* ****************** 공백 ****************** */ .empty_line_362722_ {display:block; width:100%; height:20px; line-height:20px;} [id^=div_user_list] .empty_line_362722_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_362722_:before {content:'공백: 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_362722_ {height:40px; line-height:40px;} [id^=div_user_list] .empty_line_362722_:before {content:'공백: 40px';} } @media \0screen{ .empty_line_362722_ {height:40px; line-height:40px;} [id^=div_user_list] .empty_line_362722_:before {content:'공백: 40px';} } /* ****************** 맞춤형 컨텐츠 ****************** */ .empty_362718_, .empty_362718_ * {padding:0; margin:0; list-style:none; box-sizing:border-box;} .empty_362718_:after{content:''; display:block; clear:both;} .empty_362718_ > div{float:left; padding:40px 20px;} .empty_362718_ > div.container1{width:25%; border-top: 1px solid #333;} .empty_362718_ > div.container2{width:75%; border-top: 1px solid #d9d9d9;} .empty_362718_ > div p{color:#666; letter-spacing: -1px;} .empty_362718_ > .container1 p{font-size:20px; line-height: 1.4em;} .empty_362718_ > .container2 p{font-size:16px;} .empty_362718_ > .container2 .list_cont{margin-top:20px;} .empty_362718_ > .container2 .list_cont:after{content:''; display:block; clear:both;} .empty_362718_ > .container2 .list_wrap{width:50%; float:left;} .empty_362718_ > .container2 .list_wrap:nth-child(1){padding-right:25px; border-right:1px dashed #ddd;} .empty_362718_ > .container2 .list_wrap:nth-child(2){padding-left:25px;} .empty_362718_ > .container2 dl{text-align:center; font-size:15px; border-top:2px solid #444; border-bottom:1px solid #ccc;} .empty_362718_ > .container2 dt{font-size:16px; padding:15px 0; background:#f5f5f5;} .empty_362718_ > .container2 dd{padding:10px 0; border-top:1px dotted #ddd;} .empty_362718_ > .container2 dd:first-child{border-top:1px solid #ddd;} .empty_362718_ > .container2 p{margin-bottom:20px;} .empty_362718_ > .container2 p:last-child{margin-bottom:0;} .empty_362718_ > .container2 span{display:block; font-size:18px; color:#444; margin-bottom:5px;} .empty_362718_ > .container2 span b{display: inline-block; padding: 4px 7px 5px; font-size: .8em; font-weight:normal; background: #8fa7d8; color: #fff; line-height: 1; margin: -4px 5px 0 0; vertical-align: middle;} .empty_362718_ > .container2 p > b{display:block; font-weight:500;} /* ****************** 공백 ****************** */ .empty_line_362725_ {display:block; width:100%; height:20px; line-height:20px;} [id^=div_user_list] .empty_line_362725_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_362725_:before {content:'공백: 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_362725_ {height:40px; line-height:40px;} [id^=div_user_list] .empty_line_362725_:before {content:'공백: 40px';} } @media \0screen{ .empty_line_362725_ {height:40px; line-height:40px;} [id^=div_user_list] .empty_line_362725_:before {content:'공백: 40px';} } /* ****************** 맞춤형 컨텐츠 ****************** */ .empty_362724_, .empty_362724_ * {padding:0; margin:0; list-style:none; box-sizing:border-box;} .empty_362724_:after{content:''; display:block; clear:both;} .empty_362724_ > div{float:left; padding:40px 20px;} .empty_362724_ > div.container1{width:25%; border-top: 1px solid #333;} .empty_362724_ > div.container2{width:75%; border-top: 1px solid #d9d9d9;} .empty_362724_ > div p{color:#666; letter-spacing: -1px;} .empty_362724_ > .container1 p{font-size:20px; line-height: 1.4em;} .empty_362724_ > .container2 p{font-size:16px;} .empty_362724_ > .container2 .list_cont{margin-top:20px;} .empty_362724_ > .container2 .list_cont:after{content:''; display:block; clear:both;} .empty_362724_ > .container2 .list_wrap{width:50%; float:left;} .empty_362724_ > .container2 .list_wrap:nth-child(1){padding-right:25px; border-right:1px dashed #ddd;} .empty_362724_ > .container2 .list_wrap:nth-child(2){padding-left:25px;} .empty_362724_ > .container2 dl{text-align:center; font-size:15px; border-top:2px solid #444; border-bottom:1px solid #ccc;} .empty_362724_ > .container2 dt{font-size:16px; padding:15px 0; background:#f5f5f5;} .empty_362724_ > .container2 dd{padding:10px 0; border-top:1px dotted #ddd;} .empty_362724_ > .container2 dd:first-child{border-top:1px solid #ddd;} .empty_362724_ > .container2 p{margin-bottom:20px;} .empty_362724_ > .container2 p:last-child{margin-bottom:0;} .empty_362724_ > .container2 span{display:block; font-size:18px; color:#444; margin-bottom:5px;} .empty_362724_ > .container2 span b{display: inline-block; padding: 4px 7px 5px; font-size: .8em; font-weight:normal; background: #8fa7d8; color: #fff; line-height: 1; margin: -4px 5px 0 0; vertical-align: middle;} .empty_362724_ > .container2 p > b{display:block; font-weight:500;} /* ****************** 공백 ****************** */ .empty_line_362740_ {display:block; width:100%; height:20px; line-height:20px;} [id^=div_user_list] .empty_line_362740_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_362740_:before {content:'공백: 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_362740_ {height:40px; line-height:40px;} [id^=div_user_list] .empty_line_362740_:before {content:'공백: 40px';} } @media \0screen{ .empty_line_362740_ {height:40px; line-height:40px;} [id^=div_user_list] .empty_line_362740_:before {content:'공백: 40px';} } /* ****************** 맞춤형 컨텐츠 ****************** */ .empty_362739_, .empty_362739_ * {padding:0; margin:0; list-style:none; box-sizing:border-box;} .empty_362739_:after{content:''; display:block; clear:both;} .empty_362739_ > div{float:left; padding:40px 20px;} .empty_362739_ > div.container1{width:25%; border-top: 1px solid #333;} .empty_362739_ > div.container2{width:75%; border-top: 1px solid #d9d9d9;} .empty_362739_ > div p{color:#666; letter-spacing: -1px;} .empty_362739_ > .container1 p{font-size:20px; line-height: 1.4em;} .empty_362739_ > .container2 p{font-size:16px;} .empty_362739_ > .container2 .list_cont{margin-top:20px;} .empty_362739_ > .container2 .list_cont:after{content:''; display:block; clear:both;} .empty_362739_ > .container2 .list_wrap{width:50%; float:left;} .empty_362739_ > .container2 .list_wrap:nth-child(1){padding-right:25px; border-right:1px dashed #ddd;} .empty_362739_ > .container2 .list_wrap:nth-child(2){padding-left:25px;} .empty_362739_ > .container2 dl{text-align:center; font-size:15px; border-top:2px solid #444; border-bottom:1px solid #ccc;} .empty_362739_ > .container2 dt{font-size:16px; padding:15px 0; background:#f5f5f5;} .empty_362739_ > .container2 dd{padding:10px 0; border-top:1px dotted #ddd;} .empty_362739_ > .container2 dd:first-child{border-top:1px solid #ddd;} .empty_362739_ > .container2 p{margin-bottom:20px;} .empty_362739_ > .container2 p:last-child{margin-bottom:0;} .empty_362739_ > .container2 span{display:block; font-size:18px; color:#444; margin-bottom:5px;} .empty_362739_ > .container2 span b{display: inline-block; padding: 4px 7px 5px; font-size: .8em; font-weight:normal; background: #8fa7d8; color: #fff; line-height: 1; margin: -4px 5px 0 0; vertical-align: middle;} .empty_362739_ > .container2 p > b{display:block; font-weight:500;} /* ****************** 공백 ****************** */ .empty_line_362737_ {display:block; width:100%; height:20px; line-height:20px;} [id^=div_user_list] .empty_line_362737_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_362737_:before {content:'공백: 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_362737_ {height:40px; line-height:40px;} [id^=div_user_list] .empty_line_362737_:before {content:'공백: 40px';} } @media \0screen{ .empty_line_362737_ {height:40px; line-height:40px;} [id^=div_user_list] .empty_line_362737_:before {content:'공백: 40px';} } /* ****************** 맞춤형 컨텐츠 ****************** */ .empty_362738_, .empty_362738_ * {padding:0; margin:0; list-style:none; box-sizing:border-box;} .empty_362738_:after{content:''; display:block; clear:both;} .empty_362738_ > div{float:left; padding:40px 20px;} .empty_362738_ > div.container1{width:25%; border-top: 1px solid #333;} .empty_362738_ > div.container2{width:75%; border-top: 1px solid #d9d9d9;} .empty_362738_ > div p{color:#666; letter-spacing: -1px;} .empty_362738_ > .container1 p{font-size:20px; line-height: 1.4em;} .empty_362738_ > .container2 p{font-size:16px;} .empty_362738_ > .container2 .list_cont{margin-top:20px;} .empty_362738_ > .container2 .list_cont:after{content:''; display:block; clear:both;} .empty_362738_ > .container2 .list_wrap{width:50%; float:left;} .empty_362738_ > .container2 .list_wrap:nth-child(1){padding-right:25px; border-right:1px dashed #ddd;} .empty_362738_ > .container2 .list_wrap:nth-child(2){padding-left:25px;} .empty_362738_ > .container2 dl{text-align:center; font-size:15px; border-top:2px solid #444; border-bottom:1px solid #ccc;} .empty_362738_ > .container2 dt{font-size:16px; padding:15px 0; background:#f5f5f5;} .empty_362738_ > .container2 dd{padding:10px 0; border-top:1px dotted #ddd;} .empty_362738_ > .container2 dd:first-child{border-top:1px solid #ddd;} .empty_362738_ > .container2 p{margin-bottom:20px;} .empty_362738_ > .container2 p:last-child{margin-bottom:0;} .empty_362738_ > .container2 span{display:block; font-size:18px; color:#444; margin-bottom:5px;} .empty_362738_ > .container2 span b{display: inline-block; padding: 4px 7px 5px; font-size: .8em; font-weight:normal; background: #8fa7d8; color: #fff; line-height: 1; margin: -4px 5px 0 0; vertical-align: middle;} .empty_362738_ > .container2 p > b{display:block; font-weight:500;} /* ****************** 이미지 ****************** */ .img_362755_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_362755_ * {box-sizing:border-box;} .img_362755_ a {display:block; text-decoration:none;} .img_362755_ img {max-width:100%; vertical-align:top;} /* ****************** 공백 ****************** */ .empty_line_362741_ {display:block; width:100%; height:20px; line-height:20px;} [id^=div_user_list] .empty_line_362741_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_362741_:before {content:'공백: 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_362741_ {height:40px; line-height:40px;} [id^=div_user_list] .empty_line_362741_:before {content:'공백: 40px';} } @media \0screen{ .empty_line_362741_ {height:40px; line-height:40px;} [id^=div_user_list] .empty_line_362741_:before {content:'공백: 40px';} } /* ****************** 타이틀 텍스트 ****************** */ .title_362728_ {font-size:0;} .title_362728_ p { display:block; position:relative; margin:0; font-size:17px; letter-spacing:-2px; font-weight:normal; color:#444; line-height:1.6em; word-break:keep-all; } .title_362728_ p span{display:block; color:#7796d4; font-size:1.5em;} .title_362728_ p span:after{content:''; display:block; width:30px; height:1px; background:#7796d4; margin:20px 0;} .title_362728_ p:before {content:''; position:absolute; background:#d00000; font-size:0;} .title_362728_.style_top p {padding-top:10px;} .title_362728_.style_top p:before {left:0; top:0; width:17px; height:4px;} .title_362728_.style_right p {padding-right:14px;} .title_362728_.style_right p:before {right:0; top:4px; width:4px; height:17px;} .title_362728_.style_bottom p {padding-bottom:12px;} .title_362728_.style_bottom p:before {left:0; bottom:0; width:17px; height:4px;} .title_362728_.style_left p {padding-left:14px;} .title_362728_.style_left p:before {left:0; top:4px; width:4px; height:17px;} .title_362728_.style_circle1 p {padding-left:20px;} .title_362728_.style_circle1 p:before { left:0; top:6px; width:12px; height:12px; border-radius:12px; } .title_362728_.style_circle2 p {padding-left:20px;} .title_362728_.style_circle2 p:before { left:0; top:6px; width:12px; height:12px; border:2px solid #d00000; border-radius:12px; background:none; box-sizing:border-box; } /* ****************** 공백 ****************** */ .empty_line_362735_ {display:block; width:100%; height:30px; line-height:30px;} [id^=div_user_list] .empty_line_362735_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_362735_:before {content:'공백: 30px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_362735_ {height:60px; line-height:60px;} [id^=div_user_list] .empty_line_362735_:before {content:'공백: 60px';} } @media \0screen{ .empty_line_362735_ {height:60px; line-height:60px;} [id^=div_user_list] .empty_line_362735_:before {content:'공백: 60px';} } /* ****************** 맞춤형 컨텐츠 ****************** */ .empty_362733_, .empty_362733_ * {padding:0; margin:0; list-style:none; box-sizing:border-box;} .empty_362733_:after{content:''; display:block; clear:both;} .empty_362733_ > div{float:left; padding:40px 20px;} .empty_362733_ > div.container1{width:25%; border-top: 1px solid #333;} .empty_362733_ > div.container2{width:75%; border-top: 1px solid #d9d9d9;} .empty_362733_ > div p{color:#666; letter-spacing: -1px;} .empty_362733_ > .container1 p{font-size:20px; line-height: 1.4em;} .empty_362733_ > .container2 p{font-size:16px;} .empty_362733_ > .container2 .list_cont{margin-top:20px;} .empty_362733_ > .container2 .list_cont:after{content:''; display:block; clear:both;} .empty_362733_ > .container2 .list_wrap{width:50%; float:left;} .empty_362733_ > .container2 .list_wrap:nth-child(1){padding-right:25px; border-right:1px dashed #ddd;} .empty_362733_ > .container2 .list_wrap:nth-child(2){padding-left:25px;} .empty_362733_ > .container2 dl{text-align:center; font-size:15px; border-top:2px solid #444; border-bottom:1px solid #ccc;} .empty_362733_ > .container2 dt{font-size:16px; padding:15px 0; background:#f5f5f5;} .empty_362733_ > .container2 dd{padding:10px 0; border-top:1px dotted #ddd;} .empty_362733_ > .container2 dd:first-child{border-top:1px solid #ddd;} .empty_362733_ > .container2 p{margin-bottom:20px;} .empty_362733_ > .container2 p:last-child{margin-bottom:0;} .empty_362733_ > .container2 span{display:block; font-size:18px; color:#444; margin-bottom:5px;} .empty_362733_ > .container2 span b{display: inline-block; padding: 4px 7px 5px; font-size: .8em; font-weight:normal; background: #8fa7d8; color: #fff; line-height: 1; margin: -4px 5px 0 0; vertical-align: middle;} /* ****************** 이미지 ****************** */ .img_362752_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_362752_ * {box-sizing:border-box;} .img_362752_ a {display:block; text-decoration:none;} .img_362752_ img {max-width:100%; vertical-align:top;} /* ****************** 공백 ****************** */ .empty_line_362732_ {display:block; width:100%; height:20px; line-height:20px;} [id^=div_user_list] .empty_line_362732_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_362732_:before {content:'공백: 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_362732_ {height:40px; line-height:40px;} [id^=div_user_list] .empty_line_362732_:before {content:'공백: 40px';} } @media \0screen{ .empty_line_362732_ {height:40px; line-height:40px;} [id^=div_user_list] .empty_line_362732_:before {content:'공백: 40px';} } /* ****************** 타이틀 텍스트 ****************** */ .title_362736_ {font-size:0;} .title_362736_ p { display:block; position:relative; margin:0; font-size:17px; letter-spacing:-2px; font-weight:normal; color:#444; line-height:1.6em; word-break:keep-all; } .title_362736_ p span{display:block; color:#7796d4; font-size:1.5em;} .title_362736_ p span:after{content:''; display:block; width:30px; height:1px; background:#7796d4; margin:20px 0;} .title_362736_ p:before {content:''; position:absolute; background:#d00000; font-size:0;} .title_362736_.style_top p {padding-top:10px;} .title_362736_.style_top p:before {left:0; top:0; width:17px; height:4px;} .title_362736_.style_right p {padding-right:14px;} .title_362736_.style_right p:before {right:0; top:4px; width:4px; height:17px;} .title_362736_.style_bottom p {padding-bottom:12px;} .title_362736_.style_bottom p:before {left:0; bottom:0; width:17px; height:4px;} .title_362736_.style_left p {padding-left:14px;} .title_362736_.style_left p:before {left:0; top:4px; width:4px; height:17px;} .title_362736_.style_circle1 p {padding-left:20px;} .title_362736_.style_circle1 p:before { left:0; top:6px; width:12px; height:12px; border-radius:12px; } .title_362736_.style_circle2 p {padding-left:20px;} .title_362736_.style_circle2 p:before { left:0; top:6px; width:12px; height:12px; border:2px solid #d00000; border-radius:12px; background:none; box-sizing:border-box; } /* ****************** 공백 ****************** */ .empty_line_362745_ {display:block; width:100%; height:30px; line-height:30px;} [id^=div_user_list] .empty_line_362745_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_362745_:before {content:'공백: 30px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_362745_ {height:60px; line-height:60px;} [id^=div_user_list] .empty_line_362745_:before {content:'공백: 60px';} } @media \0screen{ .empty_line_362745_ {height:60px; line-height:60px;} [id^=div_user_list] .empty_line_362745_:before {content:'공백: 60px';} } /* ****************** 맞춤형 컨텐츠 ****************** */ .empty_362734_, .empty_362734_ * {padding:0; margin:0; list-style:none; box-sizing:border-box;} .empty_362734_:after{content:''; display:block; clear:both;} .empty_362734_ > div{float:left; padding:40px 20px;} .empty_362734_ > div.container1{width:25%; border-top: 1px solid #333;} .empty_362734_ > div.container2{width:75%; border-top: 1px solid #d9d9d9;} .empty_362734_ > div p{color:#666; letter-spacing: -1px;} .empty_362734_ > .container1 p{font-size:20px; line-height: 1.4em;} .empty_362734_ > .container2 p{font-size:16px;} .empty_362734_ > .container2 .list_cont{margin-top:20px;} .empty_362734_ > .container2 .list_cont:after{content:''; display:block; clear:both;} .empty_362734_ > .container2 .list_wrap{width:50%; float:left;} .empty_362734_ > .container2 .list_wrap:nth-child(1){padding-right:25px; border-right:1px dashed #ddd;} .empty_362734_ > .container2 .list_wrap:nth-child(2){padding-left:25px;} .empty_362734_ > .container2 dl{text-align:center; font-size:15px; border-top:2px solid #444; border-bottom:1px solid #ccc;} .empty_362734_ > .container2 dt{font-size:16px; padding:15px 0; background:#f5f5f5;} .empty_362734_ > .container2 dd{padding:10px 0; border-top:1px dotted #ddd;} .empty_362734_ > .container2 dd:first-child{border-top:1px solid #ddd;} .empty_362734_ > .container2 p{margin-bottom:20px;} .empty_362734_ > .container2 p:last-child{margin-bottom:0;} .empty_362734_ > .container2 span{display:block; font-size:18px; color:#444; margin-bottom:5px;} .empty_362734_ > .container2 span b{display: inline-block; padding: 4px 7px 5px; font-size: .8em; font-weight:normal; background: #8fa7d8; color: #fff; line-height: 1; margin: -4px 5px 0 0; vertical-align: middle;} /* ****************** 이미지 ****************** */ .img_362753_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_362753_ * {box-sizing:border-box;} .img_362753_ a {display:block; text-decoration:none;} .img_362753_ img {max-width:100%; vertical-align:top;} /* ****************** 공백 ****************** */ .empty_line_362731_ {display:block; width:100%; height:20px; line-height:20px;} [id^=div_user_list] .empty_line_362731_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_362731_:before {content:'공백: 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_362731_ {height:40px; line-height:40px;} [id^=div_user_list] .empty_line_362731_:before {content:'공백: 40px';} } @media \0screen{ .empty_line_362731_ {height:40px; line-height:40px;} [id^=div_user_list] .empty_line_362731_:before {content:'공백: 40px';} } /* ****************** 타이틀 텍스트 ****************** */ .title_362719_ {font-size:0;} .title_362719_ p { display:block; position:relative; margin:0; font-size:17px; letter-spacing:-2px; font-weight:normal; color:#444; line-height:1.6em; word-break:keep-all; } .title_362719_ p span{display:block; color:#7796d4; font-size:1.5em;} .title_362719_ p span:after{content:''; display:block; width:30px; height:1px; background:#7796d4; margin:20px 0;} .title_362719_ p:before {content:''; position:absolute; background:#d00000; font-size:0;} .title_362719_.style_top p {padding-top:10px;} .title_362719_.style_top p:before {left:0; top:0; width:17px; height:4px;} .title_362719_.style_right p {padding-right:14px;} .title_362719_.style_right p:before {right:0; top:4px; width:4px; height:17px;} .title_362719_.style_bottom p {padding-bottom:12px;} .title_362719_.style_bottom p:before {left:0; bottom:0; width:17px; height:4px;} .title_362719_.style_left p {padding-left:14px;} .title_362719_.style_left p:before {left:0; top:4px; width:4px; height:17px;} .title_362719_.style_circle1 p {padding-left:20px;} .title_362719_.style_circle1 p:before { left:0; top:6px; width:12px; height:12px; border-radius:12px; } .title_362719_.style_circle2 p {padding-left:20px;} .title_362719_.style_circle2 p:before { left:0; top:6px; width:12px; height:12px; border:2px solid #d00000; border-radius:12px; background:none; box-sizing:border-box; } /* ****************** 공백 ****************** */ .empty_line_362723_ {display:block; width:100%; height:30px; line-height:30px;} [id^=div_user_list] .empty_line_362723_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_362723_:before {content:'공백: 30px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_362723_ {height:60px; line-height:60px;} [id^=div_user_list] .empty_line_362723_:before {content:'공백: 60px';} } @media \0screen{ .empty_line_362723_ {height:60px; line-height:60px;} [id^=div_user_list] .empty_line_362723_:before {content:'공백: 60px';} } /* ****************** 맞춤형 컨텐츠 ****************** */ .empty_362730_, .empty_362730_ * {padding:0; margin:0; list-style:none; box-sizing:border-box;} .empty_362730_:after{content:''; display:block; clear:both;} .empty_362730_ > div{float:left; padding:40px 20px;} .empty_362730_ > div.container1{width:25%; border-top: 1px solid #333;} .empty_362730_ > div.container2{width:75%; border-top: 1px solid #d9d9d9;} .empty_362730_ > div p{color:#666; letter-spacing: -1px;} .empty_362730_ > .container1 p{font-size:20px; line-height: 1.4em;} .empty_362730_ > .container2 p{font-size:16px;} .empty_362730_ > .container2 .list_cont{margin-top:20px;} .empty_362730_ > .container2 .list_cont:after{content:''; display:block; clear:both;} .empty_362730_ > .container2 .list_wrap{width:50%; float:left;} .empty_362730_ > .container2 .list_wrap:nth-child(1){padding-right:25px; border-right:1px dashed #ddd;} .empty_362730_ > .container2 .list_wrap:nth-child(2){padding-left:25px;} .empty_362730_ > .container2 dl{text-align:center; font-size:15px; border-top:2px solid #444; border-bottom:1px solid #ccc;} .empty_362730_ > .container2 dt{font-size:16px; padding:15px 0; background:#f5f5f5;} .empty_362730_ > .container2 dd{padding:10px 0; border-top:1px dotted #ddd;} .empty_362730_ > .container2 dd:first-child{border-top:1px solid #ddd;} .empty_362730_ > .container2 p{margin-bottom:20px;} .empty_362730_ > .container2 p:last-child{margin-bottom:0;} .empty_362730_ > .container2 span{display:block; font-size:18px; color:#444; margin-bottom:5px;} .empty_362730_ > .container2 span b{display: inline-block; padding: 4px 7px 5px; font-size: .8em; font-weight:normal; background: #8fa7d8; color: #fff; line-height: 1; margin: -4px 5px 0 0; vertical-align: middle;} /* ****************** 2칸 레이아웃 ****************** */ .layout_362758_ {clear:both; min-width:320px; max-width:1300px; margin:0 auto;} .layout_362758_ > div {margin-left:-20px;} .layout_362758_ > div:after {content:''; display:block; clear:both;} .layout_362758_ > div > [class^=container_] {float:left; position:relative; width:100%; padding-left:20px; box-sizing:border-box;} .layout_362758_ > div > .container_1 {width:50%;} .layout_362758_ > div > .container_2 {width:50%;} @media (max-width:1023px){ .layout_362758_ > div > .container_1 { width:100%; } .layout_362758_ > div > .container_2 {clear:both; width:100%; padding-top:20px;} } @media \0screen{ .layout_362758_ {min-width:1300px;} } /* ****************** 맞춤형 컨텐츠 ****************** */ .empty_362760_, .empty_362760_ * { padding:0; margin:0; list-style:none; box-sizing:border-box; color:#444; font-size:15px; letter-spacing:-1px;} .empty_362760_:after{content:''; display:block; clear:both;} .empty_362760_ > div{float:left;} .empty_362760_ > div.img_box{max-width:30%; margin-right:30px;} .empty_362760_ > div.info_box .name{font-size:20px;} .empty_362760_ > div.info_box .name span{display:block; font-size:15px; color:#7ba0eb;} .empty_362760_ > div.info_box .info{margin-top:20px;} .empty_362760_ > div.info_box .info b{display:block; font-weight:normal;} .empty_362760_ > div.info_box .info b:before{content:''; display:inline-block; width:4px; height:4px; background:#444; border-radius:2em; margin:-2px 5px 0 0; vertical-align:middle;} .empty_362760_ > div.time_box{width:100%;} .empty_362760_ > div.time_box table{width:100%; margin-top:20px;} .empty_362760_ > div.time_box table thead th{border-top:1px solid #444; background:#f9f9f9; border-bottom:1px solid #ddd; text-align:center; padding:10px 0; font-weight:normal;} .empty_362760_ > div.time_box table tbody td{text-align:center; padding:10px 0; border-bottom:1px solid #ddd;} .empty_362760_ > div.time_box table tbody td span{display:inline-block; width:10px; height:10px; border-radius:2em; background:#fff;} .empty_362760_ > div.time_box table tbody td.check span{background:#ffc336;} /* ****************** 맞춤형 컨텐츠 ****************** */ .empty_362756_, .empty_362756_ * { padding:0; margin:0; list-style:none; box-sizing:border-box; color:#444; font-size:15px; letter-spacing:-1px;} .empty_362756_:after{content:''; display:block; clear:both;} .empty_362756_ > div{float:left;} .empty_362756_ > div.img_box{max-width:30%; margin-right:30px;} .empty_362756_ > div.info_box .name{font-size:20px;} .empty_362756_ > div.info_box .name span{display:block; font-size:15px; color:#7ba0eb;} .empty_362756_ > div.info_box .info{margin-top:20px;} .empty_362756_ > div.info_box .info b{display:block; font-weight:normal;} .empty_362756_ > div.info_box .info b:before{content:''; display:inline-block; width:4px; height:4px; background:#444; border-radius:2em; margin:-2px 5px 0 0; vertical-align:middle;} .empty_362756_ > div.time_box{width:100%;} .empty_362756_ > div.time_box table{width:100%; margin-top:20px;} .empty_362756_ > div.time_box table thead th{border-top:1px solid #444; background:#f9f9f9; border-bottom:1px solid #ddd; text-align:center; padding:10px 0; font-weight:normal;} .empty_362756_ > div.time_box table tbody td{text-align:center; padding:10px 0; border-bottom:1px solid #ddd;} .empty_362756_ > div.time_box table tbody td span{display:inline-block; width:10px; height:10px; border-radius:2em; background:#fff;} .empty_362756_ > div.time_box table tbody td.check span{background:#ffc336;} /* ****************** 5칸 탭 레이아웃 ****************** */ .layout_551136_ {clear:both; min-width:150px; max-width:1300px; margin:0 auto;} .layout_551136_ > ul {margin:0; padding:0; list-style:none;} .layout_551136_ > #tab_ul_551136_ {display:none; width:94%; margin:0 auto; position:relative; height:56px;} .layout_551136_ > #tab_ul_551136_:before{content:''; display:block; width:3%; height:1px; background:#e1e2e3; position:absolute; bottom:0; left:-3%;} .layout_551136_ > #tab_ul_551136_:after{content:''; display:block; width:3%; height:1px; background:#e1e2e3; position:absolute; bottom:0; right:-3%;} .layout_551136_ > #tab_ul_551136_ > li {float:left; width:20%; border-right:1px solid #e1e2e3; box-sizing:border-box;} .layout_551136_ > #tab_ul_551136_ > li:first-child {border-left:1px solid #e1e2e3;} .layout_551136_ > #tab_ul_551136_ > li > a { display:block; padding:2px 5px 0; border-top:1px solid #e1e2e3; border-bottom:1px solid #e1e2e3; background:#f9f9f9; font-size:14px; color:#888; text-align:center; text-decoration:none; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .layout_551136_ > #tab_ul_551136_ > li.on > a { padding:0 5px 1px; border-top:3px solid #ffc336; border-bottom:none; background:#fff; color:#ffc336; } .layout_551136_ > #box_ul_551136_ {width:94%; margin:0 auto;} .layout_551136_ > #box_ul_551136_ > li > a { display:block; height:30px; line-height:30px; padding:0 5px; border:1px solid #e1e2e3; background:#f9f9f9; font-size:13px; font-weight:bold; color:#888; text-align:center; text-decoration:none; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .layout_551136_ > #box_ul_551136_ > li > div {overflow:hidden; padding:0px; background:#fff; box-sizing:border-box;} .layout_551136_ > #box_ul_551136_ > li.on {display:block;} .layout_551136_ > #box_ul_551136_ > li.on > a {border-color:#ffc336; background:#fff; color:#ffc336;} .layout_551136_.type_HOR > #tab_ul_551136_ {display:block;} .layout_551136_.type_HOR > #box_ul_551136_ > li > a {display:none;} .text_sml_551136_ > #tab_ul_551136_ > li > a {height:40px; line-height:40px; font-size:14px;} .text_sml_551136_ > #box_ul_551136_ > li > a {font-size:13px;} .text_mid_551136_ > #tab_ul_551136_ > li > a {height:52px; line-height:52px; font-size:16px;} .text_mid_551136_ > #box_ul_551136_ > li > a {font-size:14px;} .text_big_551136_ > #tab_ul_551136_ > li > a {height:48px; line-height:48px; font-size:18px;} .text_big_551136_ > #box_ul_551136_ > li > a {font-size:15px;} [id^=div_user_list] .layout_551136_ > #tab_ul_551136_ {display:none !important;} [id^=div_user_list] .layout_551136_ > #box_ul_551136_ > li {display:block !important;} [id^=div_user_list] .layout_551136_ > #box_ul_551136_ > li > a {display:block !important;} [id^=div_user_list] .layout_551136_ > #box_ul_551136_ > li > div {display:block !important;} @media (min-width:1024px){ .layout_551136_.type_HOR > #tab_ul_551136_, .layout_551136_.type_RES > #tab_ul_551136_ {display:block;} .layout_551136_.type_HOR > #box_ul_551136_ > li > a, .layout_551136_.type_RES > #box_ul_551136_ > li > a {display:none;} } @media (max-width:1300px){ .layout_551136_{width:95%;} } @media (max-width:767px){ .text_mid_551136_ > #tab_ul_551136_ > li > a{height:45px; line-height:45px; font-size:15px;} } @media \0screen{ .layout_551136_ {min-width:1300px;} .layout_551136_.type_HOR > #tab_ul_551136_, .layout_551136_.type_RES > #tab_ul_551136_ {display:block;} .layout_551136_.type_HOR > #box_ul_551136_ > li > a, .layout_551136_.type_RES > #box_ul_551136_ > li > a {display:none;} .layout_551136_.type_HOR.border_true > #box_ul_551136_ > li > div, .layout_551136_.type_RES.border_true > #box_ul_551136_ > li > div {border:1px solid #e1e2e3; border-top:none;} } /* ****************** 이미지 ****************** */ .img_551396_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_551396_ * {box-sizing:border-box;} .img_551396_ a {display:block; text-decoration:none;} .img_551396_ img {max-width:100%; vertical-align:top;} /* ****************** 공백 ****************** */ .empty_line_551326_ {display:block; width:100%; height:20px; line-height:20px;} [id^=div_user_list] .empty_line_551326_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_551326_:before {content:'공백: 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_551326_ {height:40px; line-height:40px;} [id^=div_user_list] .empty_line_551326_:before {content:'공백: 40px';} } @media \0screen{ .empty_line_551326_ {height:40px; line-height:40px;} [id^=div_user_list] .empty_line_551326_:before {content:'공백: 40px';} } /* ****************** 타이틀 텍스트 ****************** */ .title_551306_ {font-size:0;} .title_551306_ p { display:block; position:relative; margin:0; font-size:17px; letter-spacing:-2px; font-weight:normal; color:#444; line-height:1.6em; word-break:keep-all; } .title_551306_ p span{display:block; color:#7796d4; font-size:1.5em;} .title_551306_ p span:after{content:''; display:block; width:30px; height:1px; background:#7796d4; margin:20px 0;} .title_551306_ p:before {content:''; position:absolute; background:#d00000; font-size:0;} .title_551306_.style_top p {padding-top:10px;} .title_551306_.style_top p:before {left:0; top:0; width:17px; height:4px;} .title_551306_.style_right p {padding-right:14px;} .title_551306_.style_right p:before {right:0; top:4px; width:4px; height:17px;} .title_551306_.style_bottom p {padding-bottom:12px;} .title_551306_.style_bottom p:before {left:0; bottom:0; width:17px; height:4px;} .title_551306_.style_left p {padding-left:14px;} .title_551306_.style_left p:before {left:0; top:4px; width:4px; height:17px;} .title_551306_.style_circle1 p {padding-left:20px;} .title_551306_.style_circle1 p:before { left:0; top:6px; width:12px; height:12px; border-radius:12px; } .title_551306_.style_circle2 p {padding-left:20px;} .title_551306_.style_circle2 p:before { left:0; top:6px; width:12px; height:12px; border:2px solid #d00000; border-radius:12px; background:none; box-sizing:border-box; } @media (max-width:1023px){ .title_551306_ p span{font-size:22px;} } @media (max-width:767px){ .title_551306_ p{font-size:16px;} .title_551306_ p span{font-size:20px;} } /* ****************** 공백 ****************** */ .empty_line_551356_ {display:block; width:100%; height:30px; line-height:30px;} [id^=div_user_list] .empty_line_551356_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_551356_:before {content:'공백: 30px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_551356_ {height:60px; line-height:60px;} [id^=div_user_list] .empty_line_551356_:before {content:'공백: 60px';} } @media \0screen{ .empty_line_551356_ {height:60px; line-height:60px;} [id^=div_user_list] .empty_line_551356_:before {content:'공백: 60px';} } /* ****************** 맞춤형 컨텐츠 ****************** */ .empty_551336_, .empty_551336_ * {padding:0; margin:0; list-style:none; box-sizing:border-box;} .empty_551336_:after{content:''; display:block; clear:both;} .empty_551336_ > div{float:left; padding:40px 20px;} .empty_551336_ > div.container1{width:25%; border-top: 1px solid #333;} .empty_551336_ > div.container2{width:75%; border-top: 1px solid #d9d9d9;} .empty_551336_ > div p{color:#666; letter-spacing: -1px;} .empty_551336_ > .container1 p{font-size:20px; line-height: 1.4em;} .empty_551336_ > .container2 p{font-size:16px;} .empty_551336_ > .container2 .list_cont{margin-top:20px;} .empty_551336_ > .container2 .list_cont:after{content:''; display:block; clear:both;} .empty_551336_ > .container2 .list_wrap{width:50%; float:left;} .empty_551336_ > .container2 .list_wrap:nth-child(1){padding-right:25px; border-right:1px dashed #ddd;} .empty_551336_ > .container2 .list_wrap:nth-child(2){padding-left:25px;} .empty_551336_ > .container2 dl{text-align:center; font-size:15px; border-top:2px solid #444; border-bottom:1px solid #ccc;} .empty_551336_ > .container2 dt{font-size:16px; padding:15px 0; background:#f5f5f5;} .empty_551336_ > .container2 dd{padding:10px 0; border-top:1px dotted #ddd;} .empty_551336_ > .container2 dd:first-child{border-top:1px solid #ddd;} .empty_551336_ > .container2 p{margin-bottom:20px;} .empty_551336_ > .container2 p:last-child{margin-bottom:0;} .empty_551336_ > .container2 span{display:block; font-size:18px; color:#444; margin-bottom:5px;} .empty_551336_ > .container2 span b{display: inline-block; padding: 4px 7px 5px; font-size: .8em; font-weight:normal; background: #8fa7d8; color: #fff; line-height: 1; margin: -4px 5px 0 0; vertical-align: middle;} @media (max-width:1023px){ .empty_551336_ > .container1 p{font-size:19px;} .empty_551336_ > .container2 span{font-size:17px;} } @media (max-width:767px){ .empty_551336_ > .container1 p{font-size:18px;} .empty_551336_ > .container2 span{font-size:16px;} } @media (max-width:500px){ .empty_551336_ > div{width:100% !important; padding:20px 15px;} } /* ****************** 이미지 ****************** */ .img_551366_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_551366_ * {box-sizing:border-box;} .img_551366_ a {display:block; text-decoration:none;} .img_551366_ img {max-width:100%; vertical-align:top;} /* ****************** 공백 ****************** */ .empty_line_551146_ {display:block; width:100%; height:20px; line-height:20px;} [id^=div_user_list] .empty_line_551146_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_551146_:before {content:'공백: 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_551146_ {height:40px; line-height:40px;} [id^=div_user_list] .empty_line_551146_:before {content:'공백: 40px';} } @media \0screen{ .empty_line_551146_ {height:40px; line-height:40px;} [id^=div_user_list] .empty_line_551146_:before {content:'공백: 40px';} } /* ****************** 타이틀 텍스트 ****************** */ .title_551346_ {font-size:0;} .title_551346_ p { display:block; position:relative; margin:0; font-size:17px; letter-spacing:-2px; font-weight:normal; color:#444; line-height:1.6em; word-break:keep-all; } .title_551346_ p span{display:block; color:#7796d4; font-size:1.5em;} .title_551346_ p span:after{content:''; display:block; width:30px; height:1px; background:#7796d4; margin:20px 0;} .title_551346_ p:before {content:''; position:absolute; background:#d00000; font-size:0;} .title_551346_.style_top p {padding-top:10px;} .title_551346_.style_top p:before {left:0; top:0; width:17px; height:4px;} .title_551346_.style_right p {padding-right:14px;} .title_551346_.style_right p:before {right:0; top:4px; width:4px; height:17px;} .title_551346_.style_bottom p {padding-bottom:12px;} .title_551346_.style_bottom p:before {left:0; bottom:0; width:17px; height:4px;} .title_551346_.style_left p {padding-left:14px;} .title_551346_.style_left p:before {left:0; top:4px; width:4px; height:17px;} .title_551346_.style_circle1 p {padding-left:20px;} .title_551346_.style_circle1 p:before { left:0; top:6px; width:12px; height:12px; border-radius:12px; } .title_551346_.style_circle2 p {padding-left:20px;} .title_551346_.style_circle2 p:before { left:0; top:6px; width:12px; height:12px; border:2px solid #d00000; border-radius:12px; background:none; box-sizing:border-box; } @media (max-width:1023px){ .title_551346_ p span{font-size:22px;} } @media (max-width:767px){ .title_551346_ p{font-size:16px;} .title_551346_ p span{font-size:20px;} } /* ****************** 공백 ****************** */ .empty_line_551296_ {display:block; width:100%; height:30px; line-height:30px;} [id^=div_user_list] .empty_line_551296_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_551296_:before {content:'공백: 30px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_551296_ {height:60px; line-height:60px;} [id^=div_user_list] .empty_line_551296_:before {content:'공백: 60px';} } @media \0screen{ .empty_line_551296_ {height:60px; line-height:60px;} [id^=div_user_list] .empty_line_551296_:before {content:'공백: 60px';} } /* ****************** 맞춤형 컨텐츠 ****************** */ .empty_551166_, .empty_551166_ * {padding:0; margin:0; list-style:none; box-sizing:border-box;} .empty_551166_:after{content:''; display:block; clear:both;} .empty_551166_ > div{float:left; padding:40px 20px;} .empty_551166_ > div.container1{width:25%; border-top: 1px solid #333;} .empty_551166_ > div.container2{width:75%; border-top: 1px solid #d9d9d9;} .empty_551166_ > div p{color:#666; letter-spacing: -1px;} .empty_551166_ > .container1 p{font-size:20px; line-height: 1.4em;} .empty_551166_ > .container2 p{font-size:16px;} .empty_551166_ > .container2 .list_cont{margin-top:20px;} .empty_551166_ > .container2 .list_cont:after{content:''; display:block; clear:both;} .empty_551166_ > .container2 .list_wrap{width:50%; float:left;} .empty_551166_ > .container2 .list_wrap:nth-child(1){padding-right:25px; border-right:1px dashed #ddd;} .empty_551166_ > .container2 .list_wrap:nth-child(2){padding-left:25px;} .empty_551166_ > .container2 dl{text-align:center; font-size:15px; border-top:2px solid #444; border-bottom:1px solid #ccc;} .empty_551166_ > .container2 dt{font-size:16px; padding:15px 0; background:#f5f5f5;} .empty_551166_ > .container2 dd{padding:10px 0; border-top:1px dotted #ddd;} .empty_551166_ > .container2 dd:first-child{border-top:1px solid #ddd;} .empty_551166_ > .container2 p{margin-bottom:20px;} .empty_551166_ > .container2 p:last-child{margin-bottom:0;} .empty_551166_ > .container2 span{display:block; font-size:18px; color:#444; margin-bottom:5px;} .empty_551166_ > .container2 span b{display: inline-block; padding: 4px 7px 5px; font-size: .8em; font-weight:normal; background: #8fa7d8; color: #fff; line-height: 1; margin: -4px 5px 0 0; vertical-align: middle;} @media (max-width:1023px){ .empty_551166_ > .container1 p{font-size:19px;} .empty_551166_ > .container2 span{font-size:17px;} } @media (max-width:767px){ .empty_551166_ > .container1 p{font-size:18px;} .empty_551166_ > .container2 span{font-size:16px;} } @media (max-width:500px){ .empty_551166_ > div{width:100% !important; padding:20px 15px;} } /* ****************** 공백 ****************** */ .empty_line_551276_ {display:block; width:100%; height:20px; line-height:20px;} [id^=div_user_list] .empty_line_551276_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_551276_:before {content:'공백: 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_551276_ {height:40px; line-height:40px;} [id^=div_user_list] .empty_line_551276_:before {content:'공백: 40px';} } @media \0screen{ .empty_line_551276_ {height:40px; line-height:40px;} [id^=div_user_list] .empty_line_551276_:before {content:'공백: 40px';} } /* ****************** 이미지 ****************** */ .img_551406_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_551406_ * {box-sizing:border-box;} .img_551406_ a {display:block; text-decoration:none;} .img_551406_ img {max-width:100%; vertical-align:top;} /* ****************** 공백 ****************** */ .empty_line_551286_ {display:block; width:100%; height:20px; line-height:20px;} [id^=div_user_list] .empty_line_551286_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_551286_:before {content:'공백: 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_551286_ {height:40px; line-height:40px;} [id^=div_user_list] .empty_line_551286_:before {content:'공백: 40px';} } @media \0screen{ .empty_line_551286_ {height:40px; line-height:40px;} [id^=div_user_list] .empty_line_551286_:before {content:'공백: 40px';} } /* ****************** 타이틀 텍스트 ****************** */ .title_551156_ {font-size:0;} .title_551156_ p { display:block; position:relative; margin:0; font-size:17px; letter-spacing:-2px; font-weight:normal; color:#444; line-height:1.6em; word-break:keep-all; } .title_551156_ p span{display:block; color:#7796d4; font-size:1.5em;} .title_551156_ p span:after{content:''; display:block; width:30px; height:1px; background:#7796d4; margin:20px 0;} .title_551156_ p:before {content:''; position:absolute; background:#d00000; font-size:0;} .title_551156_.style_top p {padding-top:10px;} .title_551156_.style_top p:before {left:0; top:0; width:17px; height:4px;} .title_551156_.style_right p {padding-right:14px;} .title_551156_.style_right p:before {right:0; top:4px; width:4px; height:17px;} .title_551156_.style_bottom p {padding-bottom:12px;} .title_551156_.style_bottom p:before {left:0; bottom:0; width:17px; height:4px;} .title_551156_.style_left p {padding-left:14px;} .title_551156_.style_left p:before {left:0; top:4px; width:4px; height:17px;} .title_551156_.style_circle1 p {padding-left:20px;} .title_551156_.style_circle1 p:before { left:0; top:6px; width:12px; height:12px; border-radius:12px; } .title_551156_.style_circle2 p {padding-left:20px;} .title_551156_.style_circle2 p:before { left:0; top:6px; width:12px; height:12px; border:2px solid #d00000; border-radius:12px; background:none; box-sizing:border-box; } @media (max-width:1023px){ .title_551156_ p span{font-size:22px;} } @media (max-width:767px){ .title_551156_ p{font-size:16px;} .title_551156_ p span{font-size:20px;} } /* ****************** 공백 ****************** */ .empty_line_551256_ {display:block; width:100%; height:30px; line-height:30px;} [id^=div_user_list] .empty_line_551256_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_551256_:before {content:'공백: 30px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_551256_ {height:60px; line-height:60px;} [id^=div_user_list] .empty_line_551256_:before {content:'공백: 60px';} } @media \0screen{ .empty_line_551256_ {height:60px; line-height:60px;} [id^=div_user_list] .empty_line_551256_:before {content:'공백: 60px';} } /* ****************** 맞춤형 컨텐츠 ****************** */ .empty_551226_, .empty_551226_ * {padding:0; margin:0; list-style:none; box-sizing:border-box;} .empty_551226_:after{content:''; display:block; clear:both;} .empty_551226_ > div{float:left; padding:40px 20px;} .empty_551226_ > div.container1{width:25%; border-top: 1px solid #333;} .empty_551226_ > div.container2{width:75%; border-top: 1px solid #d9d9d9;} .empty_551226_ > div p{color:#666; letter-spacing: -1px;} .empty_551226_ > .container1 p{font-size:20px; line-height: 1.4em;} .empty_551226_ > .container2 p{font-size:16px;} .empty_551226_ > .container2 .list_cont{margin-top:20px;} .empty_551226_ > .container2 .list_cont:after{content:''; display:block; clear:both;} .empty_551226_ > .container2 .list_wrap{width:50%; float:left;} .empty_551226_ > .container2 .list_wrap:nth-child(1){padding-right:25px; border-right:1px dashed #ddd;} .empty_551226_ > .container2 .list_wrap:nth-child(2){padding-left:25px;} .empty_551226_ > .container2 dl{text-align:center; font-size:15px; border-top:2px solid #444; border-bottom:1px solid #ccc;} .empty_551226_ > .container2 dt{font-size:16px; padding:15px 0; background:#f5f5f5;} .empty_551226_ > .container2 dd{padding:10px 0; border-top:1px dotted #ddd;} .empty_551226_ > .container2 dd:first-child{border-top:1px solid #ddd;} .empty_551226_ > .container2 p{margin-bottom:20px;} .empty_551226_ > .container2 p:last-child{margin-bottom:0;} .empty_551226_ > .container2 span{display:block; font-size:18px; color:#444; margin-bottom:5px;} .empty_551226_ > .container2 span b{display: inline-block; padding: 4px 7px 5px; font-size: .8em; font-weight:normal; background: #8fa7d8; color: #fff; line-height: 1; margin: -4px 5px 0 0; vertical-align: middle;} @media (max-width:1023px){ .empty_551226_ > .container1 p{font-size:19px;} .empty_551226_ > .container2 span{font-size:17px;} } @media (max-width:767px){ .empty_551226_ > .container1 p{font-size:18px;} .empty_551226_ > .container2 span{font-size:16px;} } @media (max-width:500px){ .empty_551226_ > div{width:100% !important; padding:20px 15px;} } /* ****************** 공백 ****************** */ .empty_line_551236_ {display:block; width:100%; height:20px; line-height:20px;} [id^=div_user_list] .empty_line_551236_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_551236_:before {content:'공백: 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_551236_ {height:40px; line-height:40px;} [id^=div_user_list] .empty_line_551236_:before {content:'공백: 40px';} } @media \0screen{ .empty_line_551236_ {height:40px; line-height:40px;} [id^=div_user_list] .empty_line_551236_:before {content:'공백: 40px';} } /* ****************** 이미지 ****************** */ .img_551376_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_551376_ * {box-sizing:border-box;} .img_551376_ a {display:block; text-decoration:none;} .img_551376_ img {max-width:100%; vertical-align:top;} /* ****************** 공백 ****************** */ .empty_line_551216_ {display:block; width:100%; height:20px; line-height:20px;} [id^=div_user_list] .empty_line_551216_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_551216_:before {content:'공백: 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_551216_ {height:40px; line-height:40px;} [id^=div_user_list] .empty_line_551216_:before {content:'공백: 40px';} } @media \0screen{ .empty_line_551216_ {height:40px; line-height:40px;} [id^=div_user_list] .empty_line_551216_:before {content:'공백: 40px';} } /* ****************** 타이틀 텍스트 ****************** */ .title_551266_ {font-size:0;} .title_551266_ p { display:block; position:relative; margin:0; font-size:17px; letter-spacing:-2px; font-weight:normal; color:#444; line-height:1.6em; word-break:keep-all; } .title_551266_ p span{display:block; color:#7796d4; font-size:1.5em;} .title_551266_ p span:after{content:''; display:block; width:30px; height:1px; background:#7796d4; margin:20px 0;} .title_551266_ p:before {content:''; position:absolute; background:#d00000; font-size:0;} .title_551266_.style_top p {padding-top:10px;} .title_551266_.style_top p:before {left:0; top:0; width:17px; height:4px;} .title_551266_.style_right p {padding-right:14px;} .title_551266_.style_right p:before {right:0; top:4px; width:4px; height:17px;} .title_551266_.style_bottom p {padding-bottom:12px;} .title_551266_.style_bottom p:before {left:0; bottom:0; width:17px; height:4px;} .title_551266_.style_left p {padding-left:14px;} .title_551266_.style_left p:before {left:0; top:4px; width:4px; height:17px;} .title_551266_.style_circle1 p {padding-left:20px;} .title_551266_.style_circle1 p:before { left:0; top:6px; width:12px; height:12px; border-radius:12px; } .title_551266_.style_circle2 p {padding-left:20px;} .title_551266_.style_circle2 p:before { left:0; top:6px; width:12px; height:12px; border:2px solid #d00000; border-radius:12px; background:none; box-sizing:border-box; } @media (max-width:1023px){ .title_551266_ p span{font-size:22px;} } @media (max-width:767px){ .title_551266_ p{font-size:16px;} .title_551266_ p span{font-size:20px;} } /* ****************** 공백 ****************** */ .empty_line_551316_ {display:block; width:100%; height:30px; line-height:30px;} [id^=div_user_list] .empty_line_551316_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_551316_:before {content:'공백: 30px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_551316_ {height:60px; line-height:60px;} [id^=div_user_list] .empty_line_551316_:before {content:'공백: 60px';} } @media \0screen{ .empty_line_551316_ {height:60px; line-height:60px;} [id^=div_user_list] .empty_line_551316_:before {content:'공백: 60px';} } /* ****************** 맞춤형 컨텐츠 ****************** */ .empty_551246_, .empty_551246_ * {padding:0; margin:0; list-style:none; box-sizing:border-box;} .empty_551246_:after{content:''; display:block; clear:both;} .empty_551246_ > div{float:left; padding:40px 20px;} .empty_551246_ > div.container1{width:25%; border-top: 1px solid #333;} .empty_551246_ > div.container2{width:75%; border-top: 1px solid #d9d9d9;} .empty_551246_ > div p{color:#666; letter-spacing: -1px;} .empty_551246_ > .container1 p{font-size:20px; line-height: 1.4em;} .empty_551246_ > .container2 p{font-size:16px;} .empty_551246_ > .container2 .list_cont{margin-top:20px;} .empty_551246_ > .container2 .list_cont:after{content:''; display:block; clear:both;} .empty_551246_ > .container2 .list_wrap{width:50%; float:left;} .empty_551246_ > .container2 .list_wrap:nth-child(1){padding-right:25px; border-right:1px dashed #ddd;} .empty_551246_ > .container2 .list_wrap:nth-child(2){padding-left:25px;} .empty_551246_ > .container2 dl{text-align:center; font-size:15px; border-top:2px solid #444; border-bottom:1px solid #ccc;} .empty_551246_ > .container2 dt{font-size:16px; padding:15px 0; background:#f5f5f5;} .empty_551246_ > .container2 dd{padding:10px 0; border-top:1px dotted #ddd;} .empty_551246_ > .container2 dd:first-child{border-top:1px solid #ddd;} .empty_551246_ > .container2 p{margin-bottom:20px;} .empty_551246_ > .container2 p:last-child{margin-bottom:0;} .empty_551246_ > .container2 span{display:block; font-size:18px; color:#444; margin-bottom:5px;} .empty_551246_ > .container2 span b{display: inline-block; padding: 4px 7px 5px; font-size: .8em; font-weight:normal; background: #8fa7d8; color: #fff; line-height: 1; margin: -4px 5px 0 0; vertical-align: middle;} @media (max-width:1023px){ .empty_551246_ > .container1 p{font-size:19px;} .empty_551246_ > .container2 span{font-size:17px;} } @media (max-width:767px){ .empty_551246_ > .container1 p{font-size:18px;} .empty_551246_ > .container2 span{font-size:16px;} } @media (max-width:500px){ .empty_551246_ > div{width:100% !important; padding:20px 15px;} }