@import url(https://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css); @import url(https://cdn.jsdelivr.net/font-notosans-kr/1.0.0-v1004/NotoSansKR-full.css); @import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR:400,500,700,900'); * {font-family:"NotoSansKR", "Nanum Barun Gothic", "나눔고딕", "NanumGothic", "Malgun Gothic", "돋움", "Dotum", "AppleGothic", sans-serif;} /* font-family: 'Noto Serif KR', sans-serif; */ body {width:100%; margin:0 auto; padding:0; line-height:normal; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none;} img {border:none; padding:0; margin:0; outline:none;} a {border:none; padding:0; margin:0; outline:none; text-decoration:none;} a:active {color:#626262; text-decoration:none;} a:link {color:#626262; text-decoration:none; } a:visited {color:#626262; text-decoration:none;} a:hover {color:#626262; text-decoration:none;} ul {list-style:none; padding:0; margin:0; *zoom:1;} ul:after {content:""; display:block; clear:both;} ul > li {display:block;} img.fx{max-width:100%;} td { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } input, select, textarea { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin:0; padding:0; outline:none; font-size:13px; color:#999999; } input::-moz-placeholder {color:#999999;} input::-webkit-input-placeholder {color:#999999;} textarea::-moz-placeholder {color:#999999;} textarea::-webkit-input-placeholder {color:#999999;} input[type=text], input[type=password] ,input[type=tel], input[type=file], input[type=image], input[type=button], input[type=submit], textarea { -webkit-border-radius:0; -webkit-appearance:none; width:100%; } select { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none; background:url("/public/mobile/img/sub/select_arrow.png") no-repeat 95% 50%; /*셀렉박스 화살표*/ width:100%; } /*IE 10, 11의 네이티브 화살표 숨기기*/ select::-ms-expand {display:none;} /*display:inline-block; *display:inline; zoom:1;*/ /*라디오 버튼*/ .radio_label {display:inline-block; *display:inline; zoom:1; cursor:pointer;} .radio_label .check_icon {display:inline-block; *display:inline; zoom:1; width:16px; height:16px; background:url("/public/mobile/img/sub/radio_icon_off.png") no-repeat; margin-right:3px; vertical-align:middle; cursor:pointer;} .radio_label input[type=radio] {display:none;} .radio_label input[type=radio]:checked + .check_icon {background-image:url("/public/mobile/img/sub/radio_icon_on.png");} .radio_label span {vertical-align:middle;} /*체크박스 버튼*/ .checkbox_label {display:inline-block; *display:inline; zoom:1; cursor:pointer;} .checkbox_label .check_icon {display:inline-block; *display:inline; zoom:1; width:16px; height:16px; background:url("/public/mobile/img/sub/checkbox_icon_off.png") no-repeat; margin-right:3px; vertical-align:middle; cursor:pointer;} .checkbox_label input[type=checkbox] {display:none;} .checkbox_label input[type=checkbox]:checked + .check_icon {background-image:url("/public/mobile/img/sub/checkbox_icon_on.png");} .checkbox_label span {vertical-align:middle;} #wrap {max-width:960px; min-width:320px; padding:0; margin:0 auto;} #wrap > .top_btn {width:40px; position:fixed; bottom:3%; right:3%; z-index:100;} #wrap > .top_btn img {width:100%;} /*헤더*/ #header {width:100%; margin:0 auto; padding:3% 0;} #header > table {width:94%; margin:0 auto;} #header > table > tbody > tr > td {} #header > table > tbody > tr > td img {display:inline-block; *display:inline; zoom:1; width:100%;} #header > table > tbody > tr > td .main_logo {width:47.5%} #header > table > tbody > tr > td .menu_btn {width:60%;} /*컨텐츠*/ #container {width:100%; margin:0 auto; position:relative; top:0; left:0;} /*왼쪽메뉴*/ #main_nav_bg {display:none; width:100%; max-width:960px; margin:0 auto; background-color:#000000; background-color:rgba(0,0,0, 0.5); position:absolute; top:0; left:0; right:0; z-index:200;} #main_nav {display:none; width:100%; max-width:960px; margin:0 auto; border-top:1px solid #cccccc; position:absolute; top:0; left:0; right:0; z-index:300;} #main_nav:after {content:""; display:block; clear:both;} #main_nav > .left_con {float:left; width:45%; background-color:#ffffff;} #main_nav > .left_con > .nav {width:84%; margin:0 auto; padding:10px 0 30px 0;} #main_nav > .left_con > .nav > ul {} #main_nav > .left_con > .nav > ul > li {border-bottom:1px solid #dddddd;} #main_nav > .left_con > .nav > ul > li > a {display:block; padding:0 5%;} #main_nav > .left_con > .nav > ul > li > a > table {width:100%; margin:0 auto;} #main_nav > .left_con > .nav > ul > li > a > table > tbody > tr > td {height:45px;} #main_nav > .left_con > .nav > ul > li > a > table > tbody > tr > td span {font-size:15px; color:#222222;} #main_nav > .left_con > .nav > ul > li > a > table > tbody > tr > td img {display:none;} #main_nav > .left_con > .nav > ul > li > .on {} #main_nav > .left_con > .nav > ul > li > .on > table > tbody > tr > td span {color:#bc2935;} #main_nav > .left_con > .nav > ul > li > .on > table > tbody > tr > td img {display:block;} #main_nav > .right_con {float:left; width:45%; background-color:#f3f3f3;} #main_nav > .right_con .list_div {display:none;} #main_nav > .right_con .list_div > .list_con {width:84%; margin:0 auto; padding-top:10px;} #main_nav > .right_con .list_div > .list_con > ul {margin-top:11px;} #main_nav > .right_con .list_div > .list_con > ul > li {margin-bottom:4%;} #main_nav > .right_con .list_div > .list_con > ul > li > a {font-size:15px; color:#777777; line-height:23px;} #main_nav > .right_con .list_div > .list_con > ul > li > .on {color:#222222; font-weight:bold;} #main_nav > .right_con .list_div > .list_con > ul > li:last-child {} /*메인 컨텐츠*/ #main_con {} #main_con > .banner_con {background:url("/public/mobile/img/main/main_banner_con_bg.png") no-repeat; background-size:cover; background-position:center; text-align:center;} #main_con > .con_nav {background-color:#ffffff;} #main_con > .con_nav > ul {} #main_con > .con_nav > ul > li {float:left; width:50%;} #main_con > .con_nav > ul > li a {display:block; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; text-align:center; font-size:15px; color:#222222; font-weight:bold; line-height:39px;} #main_con > .con_nav > ul > li:first-child {width:100%;} #main_con > .con_nav > ul > li:first-child a {border-bottom:0; background:url("/public/mobile/img/main/main_con_nav_list01_bg.png") no-repeat; background-size:cover; background-position:center; color:#ffffff; line-height:49px;} #main_con > .con_nav > ul > li:nth-child(3) a {border-right:0;} #main_con > .con_nav > ul > li:nth-child(4) a {border-bottom:0;} #main_con > .con_nav > ul > li:nth-child(5) a {border-right:0; border-bottom:0;} #main_con > .info01_con {background-color:#eeeeee; padding:4%;} #main_con > .info01_con > .banner_con {margin-bottom:3%;} #main_con > .info01_con > .banner_con img {width:100%;} #main_con > .info01_con > .nav {} #main_con > .info01_con > .nav > ul {} #main_con > .info01_con > .nav > ul > li {float:left; width:49.5%; margin:1% 1% 0 0;} #main_con > .info01_con > .nav > ul > li img {width:100%;} #main_con > .info01_con > .nav > ul > li:first-child {width:100%; margin-top:0;} #main_con > .info01_con > .nav > ul > li:nth-child(3) {margin-right:0;} #main_con > .info01_con > .nav > ul > li:nth-child(5) {margin-right:0;} #main_con > .info02_con {} #main_con > .info03_con {padding:4%;} #main_con > .info03_con > .title_con {margin-bottom:3%;} #main_con > .info03_con > .title_con span {font-size:18px; color:#222222; font-weight:bold; line-height:26px;} #main_con > .info03_con > .banner_con {margin-bottom:3%;} #main_con > .info03_con > .banner_con img {width:100%;} #main_con > .info03_con > .slide_con {border:1px solid #cccccc;} #main_con > .info03_con > .slide_con .swiper-container {width:100%; margin:0 auto; position:relative; top:0; left:0;} #main_con > .info03_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide {background-repeat:no-repeat; background-size:cover; background-position:center;} #main_con > .info03_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide img {width:100%;} #main_con > .info03_con > .slide_con .swiper-container .text_con {width:100%; margin:0 auto; position:absolute; top:0; left:0; right:0; z-index:10; text-align:center;} #main_con > .info03_con > .slide_con .swiper-container .text_con img {width:100%;} #main_con > .info03_con > .slide_con .swiper-container-horizontal > .swiper-pagination-bullets {width:100%; margin:0 auto; bottom:5%; left:0; right:0; text-align:center;} #main_con > .info03_con > .slide_con .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {width:10px; height:10px; background-color:#dddddd; margin:0 6px; border-radius:12px; opacity:1;} #main_con > .info03_con > .slide_con .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {width:10px; background-color:#bd2d39;} /*푸터*/ #footer {width:100%; margin:0 auto; background-color:#f5f5f5; padding:4% 0 6% 0;} #footer > .nav {width:92%; margin:0 auto; margin-bottom:4%;} #footer > .nav > ul {} #footer > .nav > ul > li {float:left; width:49.5%; margin:1% 1% 0 0;} #footer > .nav > ul > li a {display:block; border:1px solid #dddddd; background-color:#ffffff; text-align:center; font-size:13px; color:#222222; line-height:34px;} #footer > .nav > ul > li a .color_text {color:#bc2935;} #footer > .nav > ul > li:nth-child(1) {margin-top:0;} #footer > .nav > ul > li:nth-child(2) {margin-top:0;} #footer > .nav > ul > li:nth-child(even) {margin-right:0;} #footer > .copyright {width:92%; margin:0 auto; margin-bottom:4%;} #footer > .copyright > .text01_con {margin-bottom:3%;} #footer > .copyright > .text01_con span {font-size:13px; color:#555555; line-height:21px;} #footer > .copyright > .text01_con span .color_text01 {color:#222222; font-weight:bold;} #footer > .copyright > .text01_con span .color_text02 {color:#bd2d39; font-weight:bold;} #footer > .copyright > .text01_con span .bar {font-size:11px; color:#cccccc;} #footer > .copyright > .text02_con {} #footer > .copyright > .text02_con span {font-size:13px; color:#888888; line-height:21px;} #footer > .copyright > .text02_con span .bar {font-size:11px;} #footer > .btn_con {width:92%; margin:0 auto;} #footer > .btn_con .a_btn {display:block; background-color:#e2e2e2; text-align:center; font-size:13px; color:#222222; font-weight:bold; line-height:36px;} /*서브 컨텐츠*/ #sub_con {} #sub_con > .title_con {background:url("/public/mobile/img/sub/sub_title_con_bg.png") no-repeat; background-size:cover; background-position:center; text-align:center;} #sub_con > .title_con span {font-size:15px; color:#ffffff; line-height:45px;} #sub_con > .nav {background-color:#f5f5f5; position:relative; top:0; left:0;} #sub_con > .nav .swiper-container {width:84%; margin:0 auto;} #sub_con > .nav .swiper-container .swiper-wrapper {} #sub_con > .nav .swiper-container .swiper-wrapper .swiper-slide {width:50%;} #sub_con > .nav .swiper-container .swiper-wrapper .swiper-slide a {display:block; text-align:center; font-size:14px; color:#222222; line-height:40px; position:relative; top:0; left:0;} #sub_con > .nav .swiper-container .swiper-wrapper .swiper-slide a .bar {display:none; width:84%; height:2px; margin:0 auto; background-color:#bb2935; position:absolute; bottom:0; left:0; right:0; z-index:10;} #sub_con > .nav .swiper-container .swiper-wrapper .swiper-slide .on {font-weight:bold;} #sub_con > .nav .swiper-container .swiper-wrapper .swiper-slide .on .bar {display:block;} #sub_con > .nav > .list_con {width:84%; margin:0 auto;} #sub_con > .nav > .list_con > ul {} #sub_con > .nav > .list_con > ul > li {float:left;} #sub_con > .nav > .list_con > ul > li a {display:block; text-align:center; font-size:14px; color:#222222; line-height:40px; position:relative; top:0; left:0;} #sub_con > .nav > .list_con > ul > li a .bar {display:none; width:84%; height:2px; margin:0 auto; background-color:#bb2935; position:absolute; bottom:0; left:0; right:0; z-index:10;} #sub_con > .nav > .list_con > ul > li .on {font-weight:bold;} #sub_con > .nav > .list_con > ul > li .on .bar {display:block;} #sub_con > .nav > .list_con > ul > .width_50 {width:50%;} #sub_con > .nav > .list_con > ul > .width_100 {width:100%;} #sub_con > .nav .prev_btn {width:8%; position:absolute; top:50%; transform:translateY(-50%); left:0; z-index:10; text-align:center;} #sub_con > .nav .prev_btn img {width:10px;} #sub_con > .nav .next_btn {width:8%; position:absolute; top:50%; transform:translateY(-50%); right:0; z-index:10; text-align:center;} #sub_con > .nav .next_btn img {width:10px;} #sub_con > .contents_con {width:92%; margin:0 auto; padding:6% 0 18% 0;} #sub_con > .contents_con > .title_con {border-bottom:1px solid #cccccc; padding:0 2% 2% 2%; margin-bottom:5%;} #sub_con > .contents_con > .title_con span {font-size:22px; color:#222222; line-height:30px;} #sub_con > .contents_con > .contents_con {} /*오시는 길*/ .introduce_sub07_con {} .introduce_sub07_con > .map_con {border-bottom:2px solid #bc2935;} .introduce_sub07_con > .map_con #map {height:200px;} /*자주 묻는 질문/답*/ .name_info_sub01_con {} .name_info_sub01_con > ul {border-top:2px solid #000000;} .name_info_sub01_con > ul > li {border-bottom:1px solid #cccccc;} .name_info_sub01_con > ul > li .list_div {} .name_info_sub01_con > ul > li .list_div > .q_con {padding:3%;} .name_info_sub01_con > ul > li .list_div > .q_con > table {width:100%; margin:0 auto;} .name_info_sub01_con > ul > li .list_div > .q_con > table > tbody > tr > td {} .name_info_sub01_con > ul > li .list_div > .q_con > table > tbody > tr > td img {width:100%;} .name_info_sub01_con > ul > li .list_div > .q_con > table > tbody > tr > td .off {} .name_info_sub01_con > ul > li .list_div > .q_con > table > tbody > tr > td .on {display:none;} .name_info_sub01_con > ul > li .list_div > .q_con > table > tbody > tr > .text_td {padding:0 3%;} .name_info_sub01_con > ul > li .list_div > .q_con > table > tbody > tr > .text_td span {font-size:15px; color:#222222; line-height:23px;} .name_info_sub01_con > ul > li .list_div > .q_con.on > table > tbody > tr > td .off {display:none;} .name_info_sub01_con > ul > li .list_div > .q_con.on > table > tbody > tr > td .on {display:inline;} .name_info_sub01_con > ul > li .list_div > .a_con {display:none; background-color:#f5f5f5; padding:3%;} .name_info_sub01_con > ul > li .list_div > .a_con span {font-size:14px; color:#555555; line-height:22px;} .name_info_sub01_con > ul > li .list_div > .a_con span .color_text01 {color:#222222;} .name_info_sub01_con > ul > li .list_div > .a_con span .color_text02 {color:#bc2935;} /*작명신청*/ .name_apply_sub_con {} .name_apply_sub_con > .contents_con {margin-bottom:3%;} .name_apply_sub_con > .contents_con .list_div {margin-top:6%;} .name_apply_sub_con > .contents_con .list_div > .input01_con {} .name_apply_sub_con > .contents_con .list_div > .input01_con > .intro01_con {margin-bottom:3%;} .name_apply_sub_con > .contents_con .list_div > .input01_con > .intro01_con > .text01_con {margin-bottom:0;}/**/ .name_apply_sub_con > .contents_con .list_div > .input01_con > .intro01_con > .text01_con span {font-size:15px; color:#2d5083; font-weight:bold; line-height:23px;} .name_apply_sub_con > .contents_con .list_div > .input01_con > .intro01_con > .text02_con {} .name_apply_sub_con > .contents_con .list_div > .input01_con > .intro01_con > .text02_con span {font-size:14px; color:#777777; line-height:22px;} .name_apply_sub_con > .contents_con .list_div > .input01_con > .intro02_con {margin-bottom:3%;} .name_apply_sub_con > .contents_con .list_div > .input01_con > .intro02_con span {font-size:14px; color:#2d5083; font-weight:bold; line-height:22px;} .name_apply_sub_con > .contents_con .list_div > .input01_con > .intro03_con {margin-bottom:3%;} .name_apply_sub_con > .contents_con .list_div > .input01_con > .intro03_con span {font-size:14px; color:#777777; line-height:22px;} .name_apply_sub_con > .contents_con .list_div > .input01_con > .intro03_con span .color_text {color:#222222; font-weight:bold;} .name_apply_sub_con > .contents_con .list_div > .input01_con > table {width:100%; margin:0 auto; border-top:2px solid #222222;} .name_apply_sub_con > .contents_con .list_div > .input01_con > table > thead > tr > td {border-bottom:1px solid #dddddd; padding:3% 0;} .name_apply_sub_con > .contents_con .list_div > .input01_con > table > thead > tr > td span {font-size:18px; color:#222222; font-weight:bold; line-height:26px;} .name_apply_sub_con > .contents_con .list_div > .input01_con > table > tbody > tr > td {border-bottom:1px solid #dddddd;} .name_apply_sub_con > .contents_con .list_div > .input01_con > table > tbody > tr > .title_td {background-color:#f5f5f5; padding:3% 0;} .name_apply_sub_con > .contents_con .list_div > .input01_con > table > tbody > tr > .title_td span {font-size:15px; color:#222222; line-height:23px;} .name_apply_sub_con > .contents_con .list_div > .input01_con > table > tbody > tr > .info_td {padding:3%;} .name_apply_sub_con > .contents_con .list_div > .input01_con > table > tbody > tr > .info_td span {font-size:14px; color:#555555; line-height:22px; vertical-align:middle;} .name_apply_sub_con > .contents_con .list_div > .input01_con > table > tbody > tr > .info_td span .color_text {color:#bc2935;} .name_apply_sub_con > .contents_con .list_div > .input01_con > table > tbody > tr > .info_td .a_btn {display:block; background-color:#2d5083; text-align:center; font-size:14px; color:#ffffff; line-height:30px; vertical-align:middle;} .name_apply_sub_con > .contents_con .list_div > .input01_con > table > tbody > tr > .info_td .input {height:30px; border:1px solid #bbbbbb; padding:0 10px; vertical-align:middle;} .name_apply_sub_con > .contents_con .list_div > .input01_con > table > tbody > tr > .info_td .select {height:30px; border:1px solid #bbbbbb; padding:0 10px;} .name_apply_sub_con > .contents_con .list_div > .input01_con > table > tbody > tr > .info_td .textarea {height:150px; border:1px solid #bbbbbb; padding:10px; line-height:21px; overflow-y:scroll;} .name_apply_sub_con > .contents_con .list_div > .input01_con > table > tbody > tr > .info_td .turn_name_con {} .name_apply_sub_con > .contents_con .list_div > .input01_con > table > tbody > tr > .info_td .turn_name_con > .input_con {margin-bottom:6px;} .name_apply_sub_con > .contents_con .list_div > .input01_con > table > tbody > tr > .info_td .turn_name_con > .select_con {} .name_apply_sub_con > .contents_con .list_div > .input01_con > table > tbody > tr > .info_td .turn_name_con > .select_con > table {width:100%; margin:0 auto;} .name_apply_sub_con > .contents_con .list_div > .input01_con > table > tbody > tr > .info_td .turn_name_con > .select_con > table > tbody > tr > td {} .name_apply_sub_con > .contents_con .list_div > .input01_con > table > tbody > tr > .info_td .turn_name_con > .select_con > table > tbody > tr > .title_td {} .name_apply_sub_con > .contents_con .list_div > .input01_con > table > tbody > tr > .info_td .turn_name_con > .select_con > table > tbody > tr > .title_td span {color:#bc2935; line-height:23px;} .name_apply_sub_con > .contents_con .list_div > .input01_con > table > tbody > tr > .info_td .turn_name_con > .select_con > table > tbody > tr > .list_td {} .name_apply_sub_con > .contents_con .list_div > .input01_con > table > tbody > tr > .info_td .turn_name_con > .select_con > table > tbody > tr > .list_td .radio_label {display:block; margin-top:3px;} .name_apply_sub_con > .contents_con .list_div > .input01_con > table > tbody > tr > .info_td .turn_name_con > .select_con > table > tbody > tr > .list_td .radio_label:first-child {margin-top:0;} .name_apply_sub_con > .contents_con .list_div > .input01_con > table > tbody > tr > .info_td .name_category_con {margin-top:3px; *zoom:1;} .name_apply_sub_con > .contents_con .list_div > .input01_con > table > tbody > tr > .info_td .name_category_con:after {content:""; display:block; clear:both;} .name_apply_sub_con > .contents_con .list_div > .input01_con > table > tbody > tr > .info_td .name_category_con .radio_label {float:left; display:block; width:50%; margin-top:3px;} .name_apply_sub_con > .contents_con .list_div > .input01_con > table > tbody > tr > .info_td .name_category_con .radio_label:nth-chilid(1) {margin-top:0;} .name_apply_sub_con > .contents_con .list_div > .input01_con > table > tbody > tr > .info_td .name_category_con .radio_label:nth-chilid(2) {margin-top:0;} .name_apply_sub_con > .contents_con .list_div > .input01_con > table > tbody > tr > .info_td .name_category_con:first-child {margin-top:0;} .name_apply_sub_con > .contents_con .list_div > .input02_con {} .name_apply_sub_con > .contents_con .list_div > .input02_con > .intro01_con {margin-bottom:3%;} .name_apply_sub_con > .contents_con .list_div > .input02_con > .intro01_con span {font-size:14px; color:#2d5083; font-weight:bold; line-height:22px;} .name_apply_sub_con > .contents_con .list_div > .input02_con > table {width:100%; margin:0 auto; border-top:2px solid #222222;} .name_apply_sub_con > .contents_con .list_div > .input02_con > table > thead > tr > td {border-bottom:1px solid #dddddd; padding:3% 0;} .name_apply_sub_con > .contents_con .list_div > .input02_con > table > thead > tr > td span {font-size:18px; color:#222222; font-weight:bold; line-height:26px;} .name_apply_sub_con > .contents_con .list_div > .input02_con > table > tbody > tr > td {border-bottom:1px solid #dddddd; border-left:1px solid #dddddd;} .name_apply_sub_con > .contents_con .list_div > .input02_con > table > tbody > tr > .title_td {background-color:#f5f5f5;} .name_apply_sub_con > .contents_con .list_div > .input02_con > table > tbody > tr > .title_td span {font-size:15px; color:#222222; line-height:23px;} .name_apply_sub_con > .contents_con .list_div > .input02_con > table > tbody > tr > .info_td {padding:3%;} .name_apply_sub_con > .contents_con .list_div > .input02_con > table > tbody > tr > .info_td span {font-size:14px; color:#555555; line-height:22px;} .name_apply_sub_con > .contents_con .list_div > .input02_con > table > tbody > tr > .info_td .input {height:30px; border:1px solid #bbbbbb; padding:0 10px;} .name_apply_sub_con > .contents_con .list_div > .input02_con > table > tbody > tr > .info_td .select {height:30px; border:1px solid #bbbbbb; padding:0 10px;} .name_apply_sub_con > .contents_con .list_div > .input02_con > table > tbody > tr > .info_td .radio_label {margin-left:40px;} .name_apply_sub_con > .contents_con .list_div > .input02_con > table > tbody > tr > .info_td .radio_label > span {line-height:30px;} .name_apply_sub_con > .contents_con .list_div > .input02_con > table > tbody > tr > .info_td .radio_label:first-child {margin-left:0;} .name_apply_sub_con > .contents_con .list_div > .input02_con > table > tbody > tr > .family_td {} .name_apply_sub_con > .contents_con .list_div > .input02_con > table > tbody > tr > .family_td > ul {} .name_apply_sub_con > .contents_con .list_div > .input02_con > table > tbody > tr > .family_td > ul > li {margin-top:10px;} .name_apply_sub_con > .contents_con .list_div > .input02_con > table > tbody > tr > .family_td > ul > li > .title_con {border:1px solid #2d5083; padding:3%;} .name_apply_sub_con > .contents_con .list_div > .input02_con > table > tbody > tr > .family_td > ul > li > .title_con > table {width:100%; margin:0 auto;} .name_apply_sub_con > .contents_con .list_div > .input02_con > table > tbody > tr > .family_td > ul > li > .title_con > table > tbody > tr > td {} .name_apply_sub_con > .contents_con .list_div > .input02_con > table > tbody > tr > .family_td > ul > li > .title_con > table > tbody > tr > td span {font-size:15px; color:#2d5083; font-weight:bold; line-height:23px;} .name_apply_sub_con > .contents_con .list_div > .input02_con > table > tbody > tr > .family_td > ul > li > .title_con > table > tbody > tr > td img {width:100%;} .name_apply_sub_con > .contents_con .list_div > .input02_con > table > tbody > tr > .family_td > ul > li > .title_con > table > tbody > tr > td img.off {} .name_apply_sub_con > .contents_con .list_div > .input02_con > table > tbody > tr > .family_td > ul > li > .title_con > table > tbody > tr > td img.on {display:none;} .name_apply_sub_con > .contents_con .list_div > .input02_con > table > tbody > tr > .family_td > ul > li > .title_con.on {background-color:#2d5083;} .name_apply_sub_con > .contents_con .list_div > .input02_con > table > tbody > tr > .family_td > ul > li > .title_con.on > table > tbody > tr > td span {color:#ffffff;} .name_apply_sub_con > .contents_con .list_div > .input02_con > table > tbody > tr > .family_td > ul > li > .title_con.on > table > tbody > tr > td img.off {display:none;} .name_apply_sub_con > .contents_con .list_div > .input02_con > table > tbody > tr > .family_td > ul > li > .title_con.on > table > tbody > tr > td img.on {display:inline;} .name_apply_sub_con > .contents_con .list_div > .input02_con > table > tbody > tr > .family_td > ul > li > .input_con {display:none;} .name_apply_sub_con > .contents_con .list_div > .input02_con > table > tbody > tr > .family_td > ul > li > .input_con > table {width:100%; margin:0 auto;} .name_apply_sub_con > .contents_con .list_div > .input02_con > table > tbody > tr > .family_td > ul > li > .input_con > table > tbody > tr > td {border-bottom:1px solid #dddddd;} .name_apply_sub_con > .contents_con .list_div > .input02_con > table > tbody > tr > .family_td > ul > li > .input_con > table > tbody > tr > .title_td {background-color:#f5f5f5;} .name_apply_sub_con > .contents_con .list_div > .input02_con > table > tbody > tr > .family_td > ul > li > .input_con > table > tbody > tr > .title_td span {font-size:15px; color:#222222; line-height:23px;} .name_apply_sub_con > .contents_con .list_div > .input02_con > table > tbody > tr > .family_td > ul > li > .input_con > table > tbody > tr > .info_td {padding:3%;} .name_apply_sub_con > .contents_con .list_div > .input02_con > table > tbody > tr > .family_td > ul > li > .input_con > table > tbody > tr > .info_td span {font-size:14px; color:#555555; line-height:22px; vertical-align:middle;} .name_apply_sub_con > .contents_con .list_div > .input02_con > table > tbody > tr > .family_td > ul > li > .input_con > table > tbody > tr > .info_td .input {height:30px; border:1px solid #bbbbbb; padding:0 10px; vertical-align:middle;} .name_apply_sub_con > .contents_con .list_div > .input02_con > table > tbody > tr > .family_td > ul > li > .input_con > table > tbody > tr > .info_td .select {height:30px; border:1px solid #bbbbbb; padding:0 10px;} .name_apply_sub_con > .contents_con .list_div > .input02_con > table > tbody > tr > .family_td > ul > li:first-child {margin-top:0;} .name_apply_sub_con > .contents_con .list_div > .input02_con > table > tbody > tr > td:first-child {border-left:0;} .name_apply_sub_con > .contents_con .list_div > .payment_con {} .name_apply_sub_con > .contents_con .list_div > .payment_con > table {width:100%; margin:0 auto; border-top:2px solid #bc2935;} .name_apply_sub_con > .contents_con .list_div > .payment_con > table > thead > tr > td {border-bottom:1px solid #dddddd; padding:3% 0;} .name_apply_sub_con > .contents_con .list_div > .payment_con > table > thead > tr > td span {font-size:18px; color:#bc2935; font-weight:bold; line-height:26px;} .name_apply_sub_con > .contents_con .list_div > .payment_con > table > tbody > tr > td {} .name_apply_sub_con > .contents_con .list_div > .payment_con > table > tbody > tr > td {border-bottom:1px solid #dddddd;} .name_apply_sub_con > .contents_con .list_div > .payment_con > table > tbody > tr > .title_td {background-color:#f5f5f5;} .name_apply_sub_con > .contents_con .list_div > .payment_con > table > tbody > tr > .title_td span {font-size:15px; color:#222222; line-height:23px;} .name_apply_sub_con > .contents_con .list_div > .payment_con > table > tbody > tr > .info_td {padding:3%;} .name_apply_sub_con > .contents_con .list_div > .payment_con > table > tbody > tr > .info_td span {font-size:14px; color:#555555; line-height:22px; vertical-align:middle;} .name_apply_sub_con > .contents_con .list_div > .payment_con > table > tbody > tr > .info_td .color_text {color:#2d5083;} .name_apply_sub_con > .contents_con .list_div > .payment_con > table > tbody > tr > .info_td .input {height:30px; border:1px solid #bbbbbb; padding:0 10px; text-align:right;} .name_apply_sub_con > .contents_con .list_div > .payment_con > table > tbody > tr > .info_td .select {height:30px; border:1px solid #bbbbbb; padding:0 10px; vertical-align:middle;} .name_apply_sub_con > .contents_con .list_div > .payment_con > table > tbody > tr > .info_td .textarea {height:150px; border:1px solid #bbbbbb; padding:10px; line-height:21px; overflow-y:scroll;} .name_apply_sub_con > .contents_con .list_div > .payment_con > table > tbody > tr > .info_td .radio_label {display:block; margin-top:3px;} .name_apply_sub_con > .contents_con .list_div > .payment_con > table > tbody > tr > .info_td .radio_label:first-child {margin-top:0;} .name_apply_sub_con > .contents_con .list_div > .payment_con > table > tbody > tr > .info_td .pay_con {} .name_apply_sub_con > .contents_con .list_div > .payment_con > table > tbody > tr > .info_td .pay_con > .input_con {} .name_apply_sub_con > .contents_con .list_div > .payment_con > table > tbody > tr > .info_td .pay_con > .input_con > table {width:100%; margin:0 auto;} .name_apply_sub_con > .contents_con .list_div > .payment_con > table > tbody > tr > .info_td .pay_con > .input_con > table > tbody > tr > td {} .name_apply_sub_con > .contents_con .list_div > .payment_con > table > tbody > tr > .info_td .pay_con > .input_con > table > tbody > tr > td .input {} .name_apply_sub_con > .contents_con .list_div > .payment_con > table > tbody > tr > .info_td .pay_con > .input_con > table > tbody > tr > td span {font-size:14px; color:#555555; line-height:22px;} .name_apply_sub_con > .contents_con .list_div > .payment_con > table > tbody > tr > .info_td .pay_con > .intro_con {} .name_apply_sub_con > .contents_con .list_div > .payment_con > table > tbody > tr > .info_td .pay_con > .intro_con span {font-size:14px; color:#555555; line-height:22px;} .name_apply_sub_con > .contents_con .list_div > .payment_con > table > tbody > tr > .info_td .bank_con {} .name_apply_sub_con > .contents_con .list_div > .payment_con > table > tbody > tr > .info_td .bank_con > ul {} .name_apply_sub_con > .contents_con .list_div > .payment_con > table > tbody > tr > .info_td .bank_con > ul > li {margin-top:6px;} .name_apply_sub_con > .contents_con .list_div > .payment_con > table > tbody > tr > .info_td .bank_con > ul > li:first-child {margin-top:0;} .name_apply_sub_con > .contents_con .list_div > .agree_con {} .name_apply_sub_con > .contents_con .list_div > .agree_con > table {width:100%; margin:0 auto; border-top:2px solid #222222;} .name_apply_sub_con > .contents_con .list_div > .agree_con > table > thead > tr > td {border-bottom:1px solid #dddddd; padding:3% 0;} .name_apply_sub_con > .contents_con .list_div > .agree_con > table > thead > tr > td span {font-size:18px; color:#222222; font-weight:bold; line-height:26px;} .name_apply_sub_con > .contents_con .list_div > .agree_con > table > tbody > tr > td {border-bottom:1px solid #dddddd; padding:3%;} .name_apply_sub_con > .contents_con .list_div > .agree_con > table > tbody > tr > td .textarea {height:150px; border:1px solid #bbbbbb; padding:10px; line-height:21px; overflow-y:scroll;} .name_apply_sub_con > .contents_con .list_div > .agree_con > table > tbody > tr > td .checkbox_label span {font-size:14px; color:#222222; line-height:22px;} .name_apply_sub_con > .contents_con .list_div:first-child {margin-top:0;} .name_apply_sub_con > .btn_con {*zoom:1;} .name_apply_sub_con > .btn_con:after {content:""; display:block; clear:both;} .name_apply_sub_con > .btn_con .input_btn {float:left; width:49%; border:0; background-color:#bc2935; font-size:14px; color:#ffffff; line-height:40px; cursor:pointer; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .name_apply_sub_con > .btn_con .a_btn {float:right; display:block; width:49%; border:1px solid #bc2935; text-align:center; font-size:15px; color:#bc2935; line-height:38px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} /*작명 시안확인 뷰 페이지*/ .check_sub01_view_con {} .check_sub01_view_con img {width:100%;} .check_sub01_view_con > .view_con {border:2px solid #862c2c;} .check_sub01_view_con > .view_con > .result_con {} .check_sub01_view_con > .view_con > .result_con > .text01_con {width:86%; margin:0 auto; padding:4% 0;} .check_sub01_view_con > .view_con > .result_con > .text01_con > table {width:100%; margin:0 auto;} .check_sub01_view_con > .view_con > .result_con > .text01_con > table > tbody > tr > td {} .check_sub01_view_con > .view_con > .result_con > .text01_con > table > tbody > tr > .text_td {} .check_sub01_view_con > .view_con > .result_con > .text01_con > table > tbody > tr > .text_td span {font-size:15px; color:#000000; font-weight:bold; font-family: 바탕;} .check_sub01_view_con > .view_con > .result_con > .text01_con > table > tbody > tr > .text_td span font {font-size:25px; font-family: 바탕;} .check_sub01_view_con > .view_con > .result_con > .text02_con {width:86%; margin:0 auto; } .check_sub01_view_con > .view_con > .result_con > .text02_con > ul {} .check_sub01_view_con > .view_con > .result_con > .text02_con > ul > li {border-top:1px solid #d5d5d5;} .check_sub01_view_con > .view_con > .result_con > .text02_con > ul > li .name_con01 {} .check_sub01_view_con > .view_con > .result_con > .text02_con > ul > li .name_con01 > table {width:100%; margin:0 auto;} .check_sub01_view_con > .view_con > .result_con > .text02_con > ul > li .name_con01 > table > tbody > tr > td {height:60px;} .check_sub01_view_con > .view_con > .result_con > .text02_con > ul > li .name_con01 > table > tbody > tr > td span {font-size:25px; color:#000000; font-weight:bold; font-family: 바탕;} .check_sub01_view_con > .view_con > .result_con > .text02_con > ul > li .name_con02 {} .check_sub01_view_con > .view_con > .result_con > .text02_con > ul > li .name_con02 > table {width:100%; margin:0 auto;} .check_sub01_view_con > .view_con > .result_con > .text02_con > ul > li .name_con02 > table > tbody > tr > td {height:60px;} .check_sub01_view_con > .view_con > .result_con > .text02_con > ul > li .name_con02 > table > tbody > tr > td .text01 {font-size:11px; color:#000000; font-family: 돋움;} .check_sub01_view_con > .view_con > .result_con > .text02_con > ul > li .name_con02 > table > tbody > tr > td .text02 {font-size:25px; color:#666666; font-weight:bold; font-family: 바탕;} .check_sub01_view_con > .btn_con {margin-top:3%;} .check_sub01_view_con > .btn_con .a_btn {display:block; background-color:#bc2935; text-align:center; font-size:15px; color:#ffffff; line-height:40px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} /*번호목록*/ .number_list_con {text-align:center; margin-top:3%;} .number_list_con a {display:inline-block; *display:inline; zoom:1; vertical-align:middle;} .number_list_con .btn_con {display:inline-block; *display:inline; zoom:1; vertical-align:middle;} .number_list_con .btn_con .number_list_btn {margin-left:3px;} .number_list_con .btn_con .number_list_btn:first-child {margin-left:0;} .number_list_con .list_con {display:inline-block; *display:inline; zoom:1; margin:0 14px; vertical-align:middle;} .number_list_con .list_con .list_a {width:28px; border:1px solid #ffffff; margin:0 3px; text-align:center; font-size:16px; color:#777777; line-height:28px;} .number_list_con .list_con .on {border:1px solid #bc2935; color:#bc2935;} /*게시판 리스트*/ .notice_list_con {} .notice_list_con > .write_btn_con {margin-top:3%;} .notice_list_con > .write_btn_con .a_btn {display:block; background-color:#bc2935; text-align:center; font-size:13px; color:#ffffff; line-height:40px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .notice_list_con > .write_btn_con:first-child {margin:0 0 3% 0;} .notice_list_con > .search_con {margin-top:3%;} .notice_list_con > .search_con table {width:100%; margin:0 auto;} .notice_list_con > .search_con table > tbody > tr > td {} .notice_list_con > .search_con table > tbody > tr > td .select {height:40px; border:0; background:url("/public/mobile/img/sub/select_arrow.png") no-repeat 90% 50%; background-color:#f5f5f5; padding:0 10px;} .notice_list_con > .search_con table > tbody > tr > td .input {height:40px; border:0; background-color:#f5f5f5; padding:0 10px;} .notice_list_con > .more_btn_con {margin-top:3%;} .notice_list_con > .more_btn_con .a_btn {display:block; border:2px solid #dddddd; text-align:center; font-size:13px; color:#999999; line-height:36px;} /*일반 게시판*/ .normal_notice_con {} .normal_notice_con > ul {border-top:2px solid #222222;} .normal_notice_con > ul > li {border-bottom:1px solid #dddddd;} .normal_notice_con > ul > li table {width:100%; margin:0 auto;} .normal_notice_con > ul > li table > tbody > tr > td {} .normal_notice_con > ul > li table > tbody > tr > .no_td {width:70px;} .normal_notice_con > ul > li table > tbody > tr > .no_td span {font-size:15px; color:#888888; line-height:23px;} .normal_notice_con > ul > li table > tbody > tr > .no_td .notice_btn {color:#bc2935; font-weight:bold;} .normal_notice_con > ul > li table > tbody > tr > .text_td {padding:4% 2%;} .normal_notice_con > ul > li table > tbody > tr > .text_td > .title_con {margin-bottom:2%;} .normal_notice_con > ul > li table > tbody > tr > .text_td > .title_con span {font-size:15px; color:#222222; line-height:23px; vertical-align:middle;} .normal_notice_con > ul > li table > tbody > tr > .text_td > .title_con .icon {height:9px; margin:0 3px; vertical-align:middle;} .normal_notice_con > ul > li table > tbody > tr > .text_td > .info_con {} .normal_notice_con > ul > li table > tbody > tr > .text_td > .info_con span {font-size:13px; color:#888888; line-height:21px;} .normal_notice_con > ul > li table > tbody > tr > .text_td > .info_con span .bar {font-size:11px; color:#cccccc;} /*게시판 뷰 페이지*/ .notice_view_con {} .notice_view_con > .view_con {} .notice_view_con > .view_con > table {width:100%; margin:0 auto; border-top:2px solid #222222;} .notice_view_con > .view_con > table > thead > tr > td {padding-left:3%; padding-right:3%;} .notice_view_con > .view_con > table > thead > tr > .title_td {border-bottom:1px solid #cccccc; padding-top:3%; padding-bottom:3%;} .notice_view_con > .view_con > table > thead > tr > .title_td span {font-size:18px; color:#222222; line-height:26px;} .notice_view_con > .view_con > table > thead > tr > .info_td {background-color:#f5f5f5; border-bottom:1px solid #dddddd; padding-top:2%; padding-bottom:2%;} .notice_view_con > .view_con > table > thead > tr > .info_td span {font-size:13px; color:#888888; line-height:21px;} .notice_view_con > .view_con > table > thead > tr > .info_td span .bar {font-size:11px; color:#cccccc;} .notice_view_con > .view_con > table > tbody > tr > td {border-bottom:1px solid #dddddd;} .notice_view_con > .view_con > table > tbody > tr > .posts_td {padding:5% 3%;} .notice_view_con > .view_con > table > tbody > tr > .posts_td span {font-size:14px; color:#555555; line-height:22px;} .notice_view_con > .view_con > table > tbody > tr > .posts_td img {max-width:100%;} .notice_view_con > .view_con > table > tbody > tr > .answer_td {} .notice_view_con > .article_con {margin-top:3%;} .notice_view_con > .article_con > table {width:100%; margin:0 auto; border-top:2px solid #222222;} .notice_view_con > .article_con > table > tbody > tr > td {height:40px; border-bottom:1px solid #dddddd;} .notice_view_con > .article_con > table > tbody > tr > .title_td {width:70px;} .notice_view_con > .article_con > table > tbody > tr > .title_td img {width:11px; margin-right:3px; vertical-align:middle;} .notice_view_con > .article_con > table > tbody > tr > .title_td span {font-size:15px; color:#222222; font-weight:bold; vertical-align:middle;} .notice_view_con > .article_con > table > tbody > tr > .info_td {padding:0 3%;} .notice_view_con > .article_con > table > tbody > tr > .info_td a {font-size:15px; color:#555555;} .notice_view_con > .btn_con {margin-top:3%;} .notice_view_con > .btn_con .a_btn {display:block; background-color:#bc2935; text-align:center; font-size:15px; color:#ffffff; line-height:40px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} /*게시판 글쓰기*/ .notice_write_con {} .notice_write_con > .intro_con {margin-bottom:3%;} .notice_write_con > .intro_con span {font-size:14px; color:#777777;} .notice_write_con > .input_con {margin-bottom:3%;} .notice_write_con > .input_con > table {width:100%; margin:0 auto; border-top:2px solid #222222;} .notice_write_con > .input_con > table > tbody > tr > td {border-bottom:1px solid #dddddd;} .notice_write_con > .input_con > table > tbody > tr > .title_td {background-color:#f5f5f5;} .notice_write_con > .input_con > table > tbody > tr > .title_td span {font-size:15px; color:#222222; line-height:23px;} .notice_write_con > .input_con > table > tbody > tr > .info_td {padding:3%;} .notice_write_con > .input_con > table > tbody > tr > .info_td span {font-size:15px; color:#555555; line-height:23px;} .notice_write_con > .input_con > table > tbody > tr > .info_td .info_text {font-size:15px; color:#222222; line-height:40px;} .notice_write_con > .input_con > table > tbody > tr > .info_td .input {height:40px; border:1px solid #bbbbbb; padding:0 10px;} .notice_write_con > .input_con > table > tbody > tr > .info_td .textarea {height:200px; border:1px solid #bbbbbb; padding:10px; line-height:21px; overflow-y:scroll;} .notice_write_con > .agree_con {margin-bottom:3%;} .notice_write_con > .agree_con > .text_con {margin-bottom:1%;} .notice_write_con > .agree_con > .text_con > ul {border-top:2px solid #222222;} .notice_write_con > .agree_con > .text_con > ul > li {border-bottom:1px solid #dddddd;} .notice_write_con > .agree_con > .text_con > ul > li > .text01_con {padding:0 3%; cursor:pointer;} .notice_write_con > .agree_con > .text_con > ul > li > .text01_con > table {width:100%; margin:0 auto;} .notice_write_con > .agree_con > .text_con > ul > li > .text01_con > table > tbody > tr > td {height:40px;} .notice_write_con > .agree_con > .text_con > ul > li > .text01_con > table > tbody > tr > td img {width:100%;} .notice_write_con > .agree_con > .text_con > ul > li > .text01_con > table > tbody > tr > td span {font-size:14px; color:#222222;} .notice_write_con > .agree_con > .text_con > ul > li > .text02_con {display:none; height:172px; border-top:1px solid #dddddd; padding:14px; overflow-y:scroll;} .notice_write_con > .agree_con > .text_con > ul > li > .text02_con span {font-size:13px; color:#222222; line-height:21px;} .notice_write_con > .agree_con > .check_con {} .notice_write_con > .agree_con > .check_con .checkbox_label span {font-size:14px; color:#555555;} .notice_write_con > .btn_con {*zoom:1;} .notice_write_con > .btn_con:after {content:""; display:block; clear:both;} .notice_write_con > .btn_con .input_btn {float:left; width:49%; border:0; background-color:#bc2935; font-size:15px; color:#ffffff; line-height:40px; vertical-align:middle; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .notice_write_con > .btn_con .a_btn {float:right; display:block; width:49%; border:1px solid #bc2935; text-align:center; font-size:15px; color:#bc2935; line-height:38px; vertical-align:middle; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} /*상담게시판 공지 페이지*/ .notice_notice_con {border-top:2px solid #222222; border-bottom:1px solid #dddddd; padding:8% 0; text-align:center;} .notice_notice_con > .logo_con {margin-bottom:4%;} .notice_notice_con > .text_con {margin-bottom:6%;} .notice_notice_con > .text_con > .text01_con {margin-bottom:3%;} .notice_notice_con > .text_con > .text01_con span {font-size:20px; color:#222222; font-weight:700; line-height:28px; font-family: 'Noto Serif KR', sans-serif;} .notice_notice_con > .text_con > .text02_con {} .notice_notice_con > .text_con > .text02_con span {font-size:14px; color:#555555; line-height:22px;} .notice_notice_con > .text_con > .text02_con span .color_text01 {color:#bc2935; font-weight:bold;} .notice_notice_con > .text_con > .text02_con span .color_text02 {color:#222222; font-weight:bold;} .notice_notice_con > .btn_con {} .notice_notice_con > .btn_con .a_btn {display:block; background-color:#bc2935; text-align:center; font-size:15px; color:#ffffff; line-height:40px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}