@charset "utf-8";
/* z-index */

/* layout */
.header {position:fixed; top:0; left:0; z-index:1000; width:100%; height:104px; border-bottom:2px solid #ccc; background:#fff;}
.header .top_category li {float:left; width:33.33%;}
.header .top_category li a {display:block; height:39px; line-height:39px; font-size:13px; text-align:center;}
.header .top_category li:nth-child(1) a {color:#333; background:#fff;}
.header .top_category li:nth-child(2) a {color:#fff; background:#ae6593;}
.header .top_category li:nth-child(3) a {color:#fff; background:#3a8b90;}
.header .row {position:relative; height:65px;}
.header .row .logo {position:absolute; left:3.6%; top:18px;}
.header .row .logo img {width:198px;}
.header .row .btn_show_gnb {display:block; position:absolute; right:3.6%; top:22px; width:29px; height:25px; background:url('../../images/mobile/common/btn_header_show_nav.png') no-repeat; background-size:29px 25px;}
.container {padding:106px 3.6% 0;}
.footer .links {text-align:center;}
.footer .links {padding:12px 0; min-height:18px; height: auto; background:#4a4a4a;}
.footer .links a {display:inline-block; padding:0 12px; height:16px; line-height:16px; color:#fff; font-size:0.75em; background:url('../../images/mobile/common/bg_footer_links_bar.gif') no-repeat left center; background-size:1px 16px;}
.footer .links a:first-child {background:none;}
.footer .info {padding:16px 0 30px; text-align:center; background:#333333;}
.footer .info p {line-height:20px; color:#fff; font-size:0.75em; margin-top: 16px;}
.footer .info .copyright {margin-top:3px; color:#a5a5a5; font-size:12px; margin-top: 11px;}
.footer .info .copyright .mark {color:#00c5cc;}
/* contents */
/* main */
.main_w {padding-bottom:25px; background:#ddd;}
.main_w .banner_list {margin:6px 0 8px;}
.main_w .banner_list li a {display:block;}
.main_w .banner_list li a img {display:block; width:100%;}
.main_w .banner_list .swiper-pagination {bottom:initial; top:12px; padding-right:8px; width:calc(100% - 8px); text-align:right;}
.main_w .banner_list .swiper-pagination .swiper-pagination-bullet {width:9px; height:9px; background:none; border:1px solid #fff;}
.main_w .banner_list .swiper-pagination .swiper-pagination-bullet-active {background:#fff;}
.main_w .quick_link {margin-bottom:8px; padding:12px 0; border:1px solid #ddd; background:#fff;}
.main_w .quick_link li {float:left; width:calc(25% - 1px); text-align:center; border-left:1px solid #ddd;}
.main_w .quick_link li:first-child {width:25%; border-left:0;}
.main_w .quick_link li a {display:block; padding:48px 0 2px; color:#555; font-size:13px;}
.main_w .quick_link li:nth-child(1) a {background:url('../../images/mobile/common/ico_quick_link01.png') no-repeat center top; background-size:38px;}
.main_w .quick_link li:nth-child(2) a {background:url('../../images/mobile/common/ico_quick_link02.png') no-repeat center top; background-size:38px;}
.main_w .quick_link li:nth-child(3) a {background:url('../../images/mobile/common/ico_quick_link03.png') no-repeat center top; background-size:38px;}
.main_w .quick_link li:nth-child(4) a {background:url('../../images/mobile/common/ico_quick_link04.png') no-repeat center top; background-size:38px;}
.main_w .board {margin-bottom:8px; padding:0 16px 30px; border:1px solid #ddd; background:#fff;}
.main_w .board .row_top {position:relative; margin-bottom:25px;}
.main_w .board .row_top .b_category li {float:left; margin-left:22px;}
.main_w .board .row_top .b_category li:first-child {margin-left:0;}
.main_w .board .row_top .b_category li a {display:block; padding:15px 0 0; color:#333; font-size:1em; border-top:3px solid #fff;}
.main_w .board .row_top .b_category li.on a {border-top:3px solid #33c2ca;}
.main_w .board .row_top .btn_more {position:absolute; top:20px; right:0;}
.main_w .board .row_top .btn_more img {width:12px; height:12px;}
.main_w .board .list_a .list {display:none;}
.main_w .board .list_a .list.show {display:block;}
.main_w .board .list li a {display:block; height:20px; line-height:20px;}
.main_w .board .list li .subject {float:left; padding-left:10px; width:calc(100% - 10px - 60px); color:#333; font-size:13px; background:url('../../images/mobile/common/bullet_blue_dot.gif') no-repeat left; background-size:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_w .board .list li .date {float:right; width:60px; color:#666; font-size:11px; text-align:right;}
.main_w .event {margin-bottom:8px; padding:0 16px 25px; border:1px solid #ddd; background:#fff;}
.main_w .event .row_top {position:relative; margin-bottom:25px;}
.main_w .event .row_top .b_category li {float:left; margin-left:22px;}
.main_w .event .row_top .b_category li:first-child {margin-left:0;}
.main_w .event .row_top .b_category li a {display:block; padding:15px 0 0; color:#333; font-size:1em; border-top:3px solid #fff;}
.main_w .event .row_top .b_category li.on a {border-top:3px solid #33c2ca;}
.main_w .event .row_top .btn_more {position:absolute; top:20px; right:0;}
.main_w .event .row_top .btn_more img {width:12px; height:12px;}
.main_w .event .detail .category {display:block; margin-bottom:6px; color:#24a7af; font-size:13px; font-weight:normal;}
.main_w .event .detail .subject {color:#333; font-size:0.875em;} 
.main_w .event .detail .summary {margin-top:15px; line-height:18px; color:#999; font-size:0.75em;}
.main_w .links a {display:block; float:left; margin-bottom:7px; width:49%;}
.main_w .links a img {display:block; width:100%;} 
.main_w .links a:nth-child(even) {float:right;}

/* side nav */
.page_dim {display:none; position:fixed; top:0; left:0; z-index:1000; width:100%; height:100%; background:#000; opacity:0; filter:alpha(opacity=0);}
.sidebox {position:fixed; right:-71%; top:0; z-index:1150; width:70%; height:100%; background:#f0f4f7; border-left:1px solid #d6d6d6;}
.sidebox .color > div {float:left; width:33.33%; height:7px;}
.sidebox .color > div:nth-child(1) {background:#ba8748;}
.sidebox .color > div:nth-child(2) {background:#ae6593;}
.sidebox .color > div:nth-child(3) {background:#3a8b90;}
.sidebox .row_t {position:relative; padding:22px 0 0 8px; height:31px; background:#00c5cc; border-bottom:2px solid #3a8b90;}
.sidebox .row_t .links a {display:inline-block; float:left; padding:0 8px; color:#333; font-size:0.75em; background:url('../../images/mobile/common/bg_side_nav_links_bar.gif') no-repeat left; background-size:1px 10px;}
.sidebox .row_t .links a:first-child {background:none;}
.sidebox .row_t .btn_close {display:block; position:absolute; right:11px; top:11px; width:32px; height:32px; background:url('../../images/mobile/common/btn_side_nav_close.png') no-repeat; background-size:32px;}
.sidebox .row_b {height:calc(100% - 76px); overflow-y:auto;}
.sidebox .sidenav {border-bottom:1px solid #d9d9d9;}
.sidebox .sidenav > li {border-top:1px solid #d9d9d9;}
.sidebox .sidenav > li:first-child {border-top:0;}
.sidebox .sidenav > li > a {display:block; padding:0 0 0 11%; height:40px; line-height:40px; color:#333; font-size:0.937em; background:url('../../images/mobile/common/bg_side_nav_arrow_down.png') no-repeat 92%; background-size:14px 9px;}
.sidebox .sidenav > li .depth {display:none; padding:8px 0; background:#fff; border-top:1px solid #ccc;}
.sidebox .sidenav > li .depth li a {display:block; padding:0 0 0 15%; height:26px; line-height:26px; color:#333; 
font-size:0.831em;}
.sidebox .sidenav > li.curr > a {background:url('../../images/mobile/common/bg_side_nav_arrow_up.png') no-repeat 92%; background-size:14px 9px;}

/* sub layout */
.container.sub_w {padding:106px 0 0;}
.sub_w .breadcrumb {padding-left:12px; height:38px; background:#000;}
.sub_w .breadcrumb a {display:block; float:left; height:38px; line-height:38px; color:#333; font-size:0.75em; background:#ebebeb;}
.sub_w .breadcrumb .home img {display:block; width:47px; height:38px;}
.sub_w .breadcrumb .depth01 {padding:0 0 0 12px; width:92px; border-right:1px solid #ccc; background:#ebebeb url('../../images/mobile/common/ico_breadcrumb_depth01_arrow.png') no-repeat right 10px center; background-size:6px 9px;}
.sub_w .breadcrumb .depth02 {padding:0 0 0 12px; width:calc(100% - 12px - 105px - 47px); background:#ebebeb url('../../images/mobile/common/ico_breadcrumb_depth02_arrow.png') no-repeat right 10px center; background-size:9px 6px;}
.sub_w .page_title {padding:26px 0 22px; color:#333; font-size:23px; text-align:center;}

/* sub > greeting */
.greeting_a {padding-bottom:30px;}

.greeting_a .visual {margin-bottom:22px; border-bottom:1px solid #d7d8d4;} 
.greeting_a .visual img { width:100%;}

.greeting_a .visual_greeting {margin-bottom:22px; border-bottom:1px solid #d7d8d4;} 
.greeting_a .visual_greeting img {display:block;width:230px; height:228px; vertical-align:middle; margin:10px auto;}
.greeting_a .summary_a {padding:0 3.6%;}
.greeting_a .summary_a .txt_normal {margin-bottom:40px; line-height:16px; color:#999; font-size:0.75em;}
.greeting_a .summary_a .txt_big {margin-bottom:20px; line-height:26px; color:#545454; font-size:19px;}
.greeting_a .summary_a .txt_mid {line-height:18px; color:#545454; font-size:0.75em;}
.greeting_a .summary_a .txt_small {margin-top:42px; color:#545454; font-size:11px;}
.build_num{ margin-top:50px; }
.build_num ul{ }
.build_num ul li{ background:url("../../images/mobile/sub/build_num_bg.gif") no-repeat left center; padding-left:15px; margin-bottom:30px;  height:31px; line-height:31px;}
.build_num ul li span{ color:#fff; margin-right:35px; position:absolute; font-size:0.875em;}
.build_num ul li p{ margin-left:60px;  font-size:0.875em;color:#6e6e6e; vertical-align:middle;}
.org_picture{  text-align:center; }
.org_picture img{display:block; width:100%;  }
.org_info{border:1px solid #eaeaea;background:#f5f5f5; padding:9px 9px; }
.org_info ul{ text-align:center; }
.org_info ul li{ background:#fff; font-size:0.875em; color:#555; border:1px solid #eaeaea; width:120px; display:inline-block; line-height:50px; text-align:center;margin-bottom:5px;}
.org_info ul li:last-child{ margin-right:0px;}

.chairman_table{ }
.chairman_table table{ width:100%}
.chairman_table table th{ background:#009aa3; color:#fff; padding:12px 0;}
.chairman_table table td{ color:#6e6e6e; border-bottom:1px solid #ccc;  vertical-align:top; line-height:24px; padding:6px 0;}
.chairman_table table .pic{ width:25%; text-align:center; border-right:1px solid #ccc;}
.chairman_table table .name{color:#6e6e6e; font-size:0.875em; font-weight:bold;  padding-left:20px; vertical-align:middle;}
.chairman_table table .year{color:#009aa3; font-size:0.75em;  padding-left:20px; vertical-align:middle;}
.chairman_table table .now{color:#6e6e6e; font-size:0.75em;  padding-left:20px; vertical-align:middle;}

.history_table table{ width:100%;}
.history_table table th{ border-top:2px solid #00bbc6; background-color:#f5f5f5; color:#00bbc6; padding:15px 0; font-size:0.875em;}
.history_table table td{ padding:9px 0; font-size:0.875em; border-bottom:1px solid #f1f1f1; color:#555;}
.history_table table td span{color:#00bbc6;}
.history_table table .bold{ font-weight:bold;}
.history_table table .year{font-size:1.375em; color:#009aa3; text-align:center; vertical-align:middle; border-bottom:2px solid #d6d6d6;}
.history_table table .border_b{border-bottom:2px solid #d6d6d6 !important; }
.history_table table .day{ font-size:0.75em;  color:#999;} 

.article_list {border-top:1px solid #00bbc6; margin-top:50px;}
.article_list li {border-bottom:1px solid #00bbc6;}
.article_list li .subject a {display:block; height:50px; line-height:50px; color:#009aa3; font-size:1em; text-align:left; background:#fff url("../../images/mobile/sub/ico_faq_arrow_down.gif") no-repeat 20px; padding-left:130px;}
.article_list li.curr .subject a {color:#fff; background:#00bbc6 url("../../images/mobile/sub/ico_faq_arrow_up.gif") no-repeat 20px;}
.article_list li .hide_cont {display:none;padding:5px 20px 15px; background-color:#fbfbfb; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.article_list li .hide_cont .article_t{ font-size:0.875em; margin:20px 0 15px; color:#555;}
.article_list li .hide_cont .article_c{ font-size:0.75em; line-height:20px;  color:#555; letter-spacing:-0.4px; padding-left:5px;}
.article_list li .hide_cont p span{ padding-left:15px;}
.article_list li .hide_cont dl:first-child {margin-top:0;}
.article_list li .hide_cont dl dt,
.article_list li .hide_cont dl dd {display:inline-block;}
.article_list li .hide_cont dl dt {width:192px; color:#000; font-size:1.125em;}
.article_list li .hide_cont dl.multi dt {position:relative; top:-14px;}
.article_list li .hide_cont dl dd {line-height:18px; color:#666;  font-size:0.875em;}
.map_info_area{border:1px solid #d9d9d9;padding:30px 30px;}
/*.map_info_area .map{width: 100%;height: 360px;border:1px solid #d9d9d9;margin-bottom:40px;}*/
.map_info_area .daumRoughmapContainer1651554235125{width: 100%;height: 360px;border:1px solid #d9d9d9;margin-bottom:40px;}
.map_info_area .map_info{color:#555; margin-bottom:40px; margin-top:10px;}
.map_info_area .map_info li{font-size:0.875em; line-height:28px;}
.map_info  table{width:100%; margin-top:10px;}
.map_info  table  td{ border:1px solid #d6d6d6; padding:6px 10px 6px; font-size:0.875em;}

.table_part {}
.table_part table{ width:100%; border-top:2px solid #00bbc6; }
.table_part table th{background-color:#f5f5f5; font-size:0.875em; color:#555; padding:20px 0; border:1px solid #d9d9d9; text-align:center; vertical-align:top;}
.table_part table td{ text-align:left; font-size:0.875em; color:#555; padding:15px 20px 15px; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; line-height:16px;}
.table_part table td span{ color:#009aa3;}
.table_part table td:last-child{ border-right:0;}
.table_part table table{ margin-top:10px;}
.table_part table table th{ background-color:#f5f5f5; font-size:14px; color:#555; padding:12px 0; border:1px solid #d9d9d9; text-align:center; }
.table_part table table td{border:1px solid #d9d9d9; font-size:14px;padding:10px 0; text-align:center; vertical-align:middle; line-height:20px;}
.table_part table table .r30{ text-align:right; padding-right:30px;}
.table_part table table .center{ text-align:center; padding-left:0px;}
.table_part table table td:last-child{ border-right:1px solid #d9d9d9; }
.table_part table table td:not(first-child){ text-align:left; padding-left:20px;}
.table_part table table .text_box{}

.table_part table .text_box{ padding:15px 20px 15px;}
.table_part table textarea{overflow-x:scroll; overflow-y:scroll; border:1px solid #cdcdcd; line-height:14px; color:#555; font-size:12px;; font-family:dotum,Helvetica,sans-serif; width:100%; box-sizing:border-box; padding:15px 15px; height:200px;}


/* sub_con tab */
.sub_tab ul {margin:10px 0 30px; zoom:1;}
.sub_tab ul:after {display:block; content:""; clear:both;}
.sub_tab ul li {float:left; border:1px solid #00bbc6;box-sizing:border-box; margin-right:3px;}
.sub_tab ul li:last-child{ margin-right:0px;}
.sub_tab ul li a {display:block; position:relative; padding:0 10px; height:50px; line-height:50px; color:#00bbc6; font-size:1em; text-align:center; background:#fff;}
.sub_tab ul li.curr a {color:#fff; background:#00bbc6;}
.sub_tab ul li .arrow {display:none;}
.sub_tab ul li.curr .arrow {display:block; position:absolute; bottom:-11px; left:50%; margin-left:-10px; width:21px; height:11px;}

/*sub_con*/
.con_tit{ font-size:1em; color:#464646;  font-weight:400; background:url("../../images/mobile/sub/table_tit_icon.gif") no-repeat left center; padding:20px 30px 20px; border-bottom:2px solid #00bbc6;}
.sub_txt{ font-size:0.875em; color:#6e6e6e; margin:10px 0 10px; line-height:24px;}
.sub_txt span{ color:#ff0b39;}
.sub_txt .box{ padding:20px 15px; background-color:#fbfbfb; border:1px solid #d9d9d9; font-size:0.875em; line-height:24px; margin-bottom:30px; color:#fb1822;}
.sub_txt .box span{font-size:0.875em; color:#0667b1;}

.con_part {border-bottom:1px solid #d9d9d9;padding:20px 20px 20px;}
.con_part .textBul{position:absolute;  color:#555; line-height:26px; font-size:0.875em;}
.con_part .textBulPut{margin-left:12px;  color:#555; font-size:1em; letter-spacing:-0.8px; line-height:26px;}
.con_part .textBulPut span{color:#009aa3;}
.con_part .important{font-size:0.875em; color:#999; margin:10px 0 20px;}
.con_part .btn_area { margin:10px 0;}
.con_part .btn_area .p_btn {
    position:relative;
    display:inline-block;
    min-width:170px;
    height:34px;
    line-height:34px;
    color:#fff;
    text-align:center;
    background:#bfa081;
    border:1px solid #8d6c4b;
    transition:all .2s;
    font-size:1em;
    padding: 12px 12px;
    }
.con_part .btn_area .p_btn:first-child{ margin-bottom:5px;}
.con_part .btn_area .p_btn:hover { height:34px;line-height:34px; color:#8d6c4b; background:#fff; padding: 12px 12px;}
.con_part .btn_area .g_btn { height:44px; line-height:44px; color:#555;  text-align:center; background:#f0f0f0; border:1px solid #ccc; transition:all .2s;  font-size:1.25em; padding: 12px 12px; margin-right:5px;}
.con_part .btn_area .g_btn:last-child{ margin-right:0px;}
.con_part .btn_area .g_btn:hover { height:44px; line-height:44px; color:#555; background:#fff; padding: 12px 12px;}



.sub_area{padding:0 3.6%;}
.tbl_head {margin-bottom:10px; height:27px; line-height:27px; zoom:1;}
.tbl_head:after {display:block; content:""; clear:both;}
.tbl_head .list_cnt {float:left; color:#999;  font-size:0.937em;}
.tbl_head .list_cnt em {color:#007b85; font-size:0.937em; font-style:normal;}

.sub_area .list table {width:100%; table-layout:fixed; border-top:2px solid #009aa3;}
.sub_area .list th,
.sub_area .list td {height:32px;color:#333;font-size:0.715em;font-weight:normal;vertical-align:middle;border-bottom:1px solid #dfdfdf;}
.sub_area .list th {background:#f3f3f3; font-weight:bold; height:38px; font-size:0.831em;}
.sub_area .list td{ text-align:center;}
.sub_area .list td:first-child{text-align:left; padding:0 2%;}
.sub_area .list td .subject {display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sub_area .list td img {position:relative; margin-right:5px;vertical-align:middle;}
.sub_area .list td .btn_result {display:inline-block; padding: 0 10px; height:24px; line-height:24px; color:#fff; font-size:0.715em; text-align:center; border:1px solid #335d8f; background:#0082c6;}
.sub_area .list .notice a{color:#009aa3;}
.sub_area .list .com {color:#009aa3;}
.sub_area .list table .prtin_btn{padding:5px 5%; margin-left:5px;border:1px solid #047278;background:#009aa3;color:#fff;white-space:nowrap; font-size:13px;vertical-align:middle;}
.sub_area .list table td .prtin_btn:hover{ text-decoration:underline;}
.gal_list .list {border-top:1px solid #dfdfdf;}
.gal_list .list li {border-bottom:1px solid #dfdfdf;}
.gal_list .list li a {display:block; padding:22px 9% 13px; text-align:center;}
.gal_list .list li a img {width:100%;}
.gal_list .list li a .subject {margin:12px 0 8px; width:100%; color:#333; font-size:0.831em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.gal_list .list li a .date {color:#333; font-size:0.675em;}

.thesis_area{ }
.thesis_area ul{}
.thesis_area ul li{ width:100%; height:310px; border:1px solid #d9d9d9; box-sizing:border-box;  margin-bottom:10px;}
.thesis_area ul li a{display:block; position:relative; width:100%; height:310px; box-sizing:border-box; padding-top:180px; }
.thesis_area ul .text01{ font-size:1.125em; color:#009aa3; line-height:28px;  text-align:center; letter-spacing:-0.8px;}
.thesis_area ul .text02{ font-size:1.5em; color:#055555; margin-bottom:20px;  text-align:center; font-weight:bold; letter-spacing:-0.8px;}
.thesis_area ul .text03{ font-size:0.813em; color:#6e6e6e; line-height:18px; padding-left:30px; text-align:center;}
.thesis_area ul .text04{font-size:1.25em; color:#f1780d; line-height:28px;  text-align:center;}

.thesis_area ul .thesis01{background:url("../../images/mobile/sub/thesis01.gif")center 20px no-repeat;}
.thesis_area ul .thesis02{background:url("../../images/mobile/sub/thesis02.gif")center 20px no-repeat;}
.thesis_area ul .thesis03{background:url("../../images/mobile/sub/thesis03.gif")center 20px no-repeat;}
/*page_nate*/
.page_nate {margin:20px 0; height:28px; line-height:28px; text-align:center;}
.page_nate a {display:inline-block;}
.page_nate a:hover{text-decoration:underline;}
.page_nate a img {position:relative; top:-2px; vertical-align:middle;}
.page_nate .num {margin-left:15px; color:#333; font-size:0.731em;}
.page_nate .curr {color:#009aa3; font-weight:bold; font-size:1.01em;}
.page_nate .num:first-child {margin-left:0;}
.page_nate .btn_prev {margin-right:7px;}
.page_nate .btn_next {margin-left:32px;}

.board_btn_area{  position:relative; margin:10px 0; height:30px;}
.board_btn_area .btn_area { }
.board_btn_area .btn_area.right {float:right;}
.board_btn_area .btn_area.left {display:inline;}
.btn_area .btn {display:inline-block; width:64px; height:28px; line-height:28px; font-size:0.715em; text-align:center; border-radius:3px;}
.btn_area .btn.blue {color:#fff; border:1px solid #047278; background:#009aa3;}
.btn_area .btn:active {position:relative; top:1px; left:1px;}


/*view*/
.view_w {border-bottom:1px solid #e0e0e0; }
.view_w .subject {padding:8px 3%; line-height:18px; color:#333; font-size:0.875em; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; background:#f3f3f3; border-top:2px solid #009aa3;}
.view_w .info {padding:10px 3%; border-bottom:1px solid #e0e0e0; zoom:1;}
.view_w .info:after {display:block; content:""; clear:both;}
.view_w .info span {color:#333; font-size:0.715em;}
.view_w .info .writer {float:left;}
.view_w .info .date {float:right;}
.view_w .file {padding:10px 3%; border-bottom:1px solid #e0e0e0;}
.view_w .file dl {zoom:1;}
.view_w .file dl:after {display:block; content:""; clear:both;}
.view_w .file dl dt,
.view_w .file dl dd {float:left; margin-right:3px; color:#333; font-size:0.715em;}
.view_w .file dl dd a {color:#2c578b; font-weight:bold;}
.view_w .view {padding:20px 3%; background:#f8f8f8;}
.view_w .view .pic {text-align:center;}
.view_w .view .pic img {width:100%;}
.view_w .view .c_subject {margin-top:10px; line-height:22px; color:#333; font-size:0.875em; font-weight:bold;}
.view_w .view .c_summary {margin-top:10px; line-height:18px; color:#333; font-size:0.715em;}
.view_w .view .comment {position:relative; margin-top:50px; background:#fff; border:1px solid #dedede;}
.view_w .view .comment .title {padding:0 28px; height:56px; line-height:56px; color:#505050; 0.875em; font-weight:bold; border-bottom:1px solid #dedede;}
.view_w .view .comment .answer {padding:20px 28px; line-height:20px; color:#505050; font-size:0.715em;}
.view_w .view .comment .arrow {position:absolute; top:-13px; left:46px; margin:0; width:23px; height:13px;}

/* write */
.common_write {padding:10px 0 0;}
.common_write table {width:100%; border-top:2px solid #009aa3;}
.common_write th,
.common_write td {height:50px; color:#333; font-size:0.875em; font-weight:normal; vertical-align:middle; border-bottom:1px solid #dedede;}
.common_write th {border-right:1px solid #dedede; background-color:#f5f5f5;}
.common_write td {padding:0 12px;}
.common_write td select {width:145px; height:24px; line-height:24px; border:1px solid #dfdfdf;}
.common_write td input[type="text"] {padding:0 10px; width:94%; height:22px; line-height:22px; border:1px solid #dfdfdf; background:#fff;}
.common_write td input[type="file"] {width:94%; height:24px; line-height:24px; border:1px solid #fff; background:#fff;}
.common_write td .btn_file_add {position:relative; top:-4px; width:24px; height:24px; vertical-align:middle; background:url("http://gio02.cafe24.com/kais99/css/../images/sub/btn_file_add.gif") no-repeat;}
.common_write .editor th,
.common_write .editor td {padding:0; height:304px;}
.common_write .code th,
.common_write .code td {padding:0; height:154px;}
.common_write td .editor_area{ padding:5% 5%;}


/* sub_memberTable*/
.memberTable_area{ background:#f5f5f5; border:1px solid #d9d9d9; padding:30px 20px; margin-bottom:20px; }
.memberTable_area .table_tit{font-size:1.125em; color:#464646;  font-weight:400; background:url("../../images/mobile/sub/table_tit_icon.gif") no-repeat left center; padding-left:30px; margin-bottom:15px;}
.memberTable_area table{ width:100%; background:#fff; }
.memberTable_area table .bg_blue{ background:#ccebed;}
.memberTable_area table th{ background:#009aa3; color:#fff; padding:13px 0; font-size:0.938em; border-right:1px solid #d9d9d9; border-top:2px solid #006c73; font-weight:400;}
.memberTable_area table th:last-child{ border-right:0;}
.memberTable_area table td{padding:10px 0; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; text-align:center;  font-size:0.813em;}
/*.memberTable_area table td:last-child{ border-right:0; text-align:left; padding-left:10px; }*/
.memberTable_area table td:last-child{ border-right:0; text-align:center; padding-left:10px; }


/* sub06,7_Table*/
.table_area{ background:#f5f5f5; border:1px solid #d9d9d9; padding:20px 20px; margin-bottom:20px;}
.table_area .table_tit{font-size:1.125em; color:#464646;  font-weight:400; background:url("../../images/mobile/sub/table_tit_icon.gif") no-repeat left center; padding-left:30px; margin-bottom:15px;}
.table_area table{ width:100%; background:#fff; }
.table_area table th{ background:#009aa3; color:#fff; padding:13px 0; font-size:0.938em; border-right:1px solid #d9d9d9; border-top:2px solid #006c73; font-weight:400;}
.table_area table th:last-child{ border-right:0;}
.table_area table td{padding:10px 3px;text-align:center;border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9;font-size:0.813em;vertical-align:middle;}
.table_area table td:last-child{ border-right:0; padding-left:15px; text-align:center;}


.paragraph{ margin-bottom:20px; color:#555;}
.paragraph .paragraph_tit{ font-size:1em; font-weight:bold; margin-bottom:5px;}
.paragraph .paragraph_s_tit{font-size:0.938em; margin-left:5px; margin-bottom:5px;}
.paragraph .textBul{position:absolute;  line-height:24px;  font-size:0.875em; padding-left:15px;}
.paragraph .textBulPut{margin-left:30px;  font-size:0.875em; letter-spacing:-0.8px; line-height:24px;}
.paragraph .padL10{ padding-left:30px; margin-top:5px; ffont-size:0.813em; line-height:20px;}
.paragraph .padL10 .textNum{position:absolute;  line-height:22px;  font-size:0.813em;}
.paragraph .padL10 .textNumPut{margin-left:18px; font-size:0.813em; letter-spacing:-0.8px;line-height:22px;}

.para_year{ text-align:right;  font-weight:bold; margin-bottom:20px;}
.paragraph .para_box{ border:1px solid #ccc; padding:10px 15px;  font-size:13px; line-height:18px; margin:10px 0 10px 30px; background-color:#fcfcfc;}
.privacy_top_box{padding:20px 15px;background-color:#fbfbfb;border:1px solid #d9d9d9;font-size:0.875em;line-height:22px;margin-bottom:30px;}
.paragraph .bul{position:absolute;  line-height:26px; margin-left:15px; font-size:0.813em;}
.paragraph .bulPut{margin-left:50px; font-size:0.813em; letter-spacing:-0.8px; line-height:26px;}
.paragraph ul{ margin-left:30px; margin-top:5px;}
.paragraph ul li{ font-size:0.75em; line-height:20px; background:url("../../images/mobile/sub/li_style_blue.gif")left 7px no-repeat; padding-left:10px;}
.notice_day{ text-align:right; font-size:0.875em;  line-height:22px;}
.notice_day span{ font-size:1em; font-weight:bold;}

/*login*/
.form_area {margin:0 auto; padding:8px 3%;  zoom:1;}
.form_area:after {display:block; content:""; clear:both;}
.form_area .form_box {}
.form_area .form_box .input_box {height:38px;line-height:38px; margin-bottom:13px;}
.form_area .form_box .input_box input {width:100%;box-sizing:border-box;padding-left:5px; height:38px;line-height:38px; font-size:0.875em;vertical-align:middle;border:1px solid #b2b1ae;}
.form_area .btn_login {width:100%;height:54px;background:#0667b1;font-size:1.25em;color:#fff;} 
.form_area .id_top{ font-size:0.875em; margin-bottom:20px; color:#555;}
.form_area .login_rel{ margin:20px 0; text-align:center;}
.form_area .login_rel a{ font-size:0.75em;}
.form_area .login_rel a:hover{ text-decoration:underline;} 
.txt_bar{    margin: 0 13px 0 11px;  color: #333;}
.fnc {margin:10px 0 10px 0;  zoom:1;}
.fnc:after {display:block; content:""; clear:both;}
.remember_id {float:left;}
.remember_id p{  font-size:0.875em; }
.remember_id label {font-weight:normal; font-size:0.875em;}
.remember_id input {position:relative; top:-1px; margin-right:3px; vertical-align:middle;}
.input .checkForm + .checkForm{margin-top:8px;}
.input .checkForm{text-indent:10px; height:29px;}
.remember_id input[type="checkbox"]{ border:1px solid #ccc; width:15px; height:15px;} 

/* login_tab  */
.sub_area .login_tab {margin-top:30px; border-top:1px solid #d9d9d9; zoom:1; width:100%;  border-right:1px solid #d9d9d9; height:54px;  box-sizing:border-box;}
.sub_area .login_tab:after {display:block; content:""; clear:both;}
.sub_area .login_tab li {float:left ;width:33%; border-left:1px solid #d9d9d9;}
.sub_area .login_tab li:first-child {width:33%; }
.sub_area .login_tab li a {display:block; height:54px; line-height:54px; color:#000; font-size:1em; text-align:center;  font-size:0.875em}
.sub_area .login_tab li.curr a {color:#555; border-top:4px solid #0667b1; font-weight:bold; border-bottom:1px solid #fff; box-sizing:border-box; font-size:0.875em }
.sub_area .login_tab.blue li.curr a {background:#315182;}
.sub_area .login_box{  height:300px; display:block;width:100%; border:1px solid #d9d9d9; box-sizing:border-box;}
.sub_area .login_box p{ margin-top:40px; text-align:center;  font-size:1em; color:#999; letter-spacing:-0.5px;}
.sub_area .login_box p span{ color:#009aa3; font-weight:bold;}
.sub_area .login_box .form_area {margin:0 auto; padding-top:30px; zoom:1;}
.sub_area .login_box .form_area:after {display:block; content:""; clear:both;}
.sub_area .login_box .form_area .input_box {width:100%; height:38px;line-height:38px;}
.sub_area .login_box .form_area .input_box:first-child {margin-bottom:13px;}
.sub_area .login_box .form_area .input_box input { box-sizing:border-box;  padding-left:5px;width:100%;height:38px;line-height:38px;background:#f5f5f5;font-size:1em;vertical-align:middle;border:1px solid #b2b1ae;}
.sub_area .login_box .form_area .btn_login {float:right; width:100%; height:60px; background:#0667b1; font-size:1.25em; color:#fff;} 
.sub_area .login_box .form_area .id_top{ font-size:0.875em; margin-bottom:20px; color:#555;}


.login_box{  height:300px; display:block;width:100%; border:1px solid #d9d9d9;}
.login_box p{ margin-top:100px; text-align:center;  font-size:1em; color:#999; letter-spacing:-0.5px;}
.login_box p span{ color:#009aa3; font-weight:bold;}
.login_box .form_area {margin:0 auto; padding-top:30px; zoom:1;}
.login_box .form_area:after {display:block; content:""; clear:both;}
.login_box .form_area .input_box {width:100%; height:38px;line-height:38px;}
.login_box .form_area .input_box:first-child {margin-bottom:13px;}
.login_box .form_area .input_box input { box-sizing:border-box;  padding-left:5px;width:142px;height:38px;line-height:38px;background:#f5f5f5;font-size:1em;vertical-align:middle;border:1px solid #b2b1ae;}
.login_box .form_area .btn_login {float:right; width:100%; height:60px; background:#0667b1; font-size:1.25em; color:#fff;} 
.login_box .form_area .id_top{ font-size:0.875em; margin-bottom:20px; color:#555;}

.agree_box {width:100%; overflow-y:auto; height:220px;padding:30px 15px;box-sizing:border-box; margin-bottom:11px;border:1px solid #ccc}
.agree{ vertical-align:middle; text-align:right; font-size:0.875em; font-weight:normal;}
.agree input{width:13px;height:13px; margin-right:4px;margin-top:0;  border:1px solid #ccc; }
.agree label{margin-top:1px;color:#555;line-height:1;vertical-align:top; font-weight:normal !important;}

/*join*/
.join_step{padding:4px 3% 20px; }
.join_step ul{ margin-bottom:30px;}
.join_step ul li { float:left; text-align:center; border-bottom:2px solid #ccc; width:25%; line-height:34px; }
.join_step ul li a { color:#ccc; font-size:1em; }
.join_step ul .curr {border-bottom:2px solid #009aa3; background:url("../../images/mobile/sub/join_on.gif")right center no-repeat;}
.join_step ul li:last-child{background:none;}
.join_step ul .curr a{color:#009aa3;}
.join_table table{width:100%; }
.join_table table th{ padding:12px 0;  background-color:#f6f7f9;  border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; vertical-align:middle; font-size:0.875em; }
.join_table table th label{font-size:0.875em; }
.join_table table td label{font-size:0.875em; font-weight:normal; vertical-align:middle; margin:0 5px;}
.join_table table td input{vertical-align:middle;}
.join_table table td{ text-align:left; padding:12px 15px 12px; font-size:0.875em; border-bottom:1px solid #d6d6d6;}
.join_table table td  p{margin-top:10px;}
.join_table table td span .desc{ margin-top:5px;}
.join_table td .input, .select{ width:160px; text-indent:10px; border:1px solid #d7d7d7; height:25px; line-height:25px;}
.join_table table td input[type="file"]{ height:25px;}
.join_table td .btn_gr3 { margin-bottom:5px; display:inline-block;height:21px;padding:0 10px;margin-left:5px;border:1px solid #d7d7d7;border-radius:3px;background:#f8f8f8;white-space:nowrap;line-height:21px;font-weight:700;font-size:13px;vertical-align:middle;}
.join_table td a:hover{ text-decoration:underline;}


.join_visual{  text-align:center; }
.join_visual p{color:#009aa3; font-size:2em;line-height:30px; font-weight:bold; position:absolute; top:30px;}

.join_visual span{ color:#CCC; font-size:1em;}
.join_visual img {display:block; width:100%;}


/*pay*/
.pay_box{ display:block; border:7px solid #f5f5f5;  margin-top:10px; padding:50px 50px 30px;}
.pay_box .pay_tit{ color:#009aa3; font-size:2em; text-align:center; line-height:38px; font-weight:bold;}
.pay_box .pay_tit span{ color:#CCC;}
.pay_box .pay_top{font-size:1em; line-height:26px; color:#6e6e6e; padding:30px 0 30px;}
.pay_box p{ margin-top:30px; text-align:center;  font-size:1em; color:#999; letter-spacing:-0.5px;}
.pay_box p span{ color:#009aa3; font-weight:bold;}
.pay_box .btn_login{ width:50%; height:60px; background:#0667b1; font-size:1.25em; color:#fff; margin:0 25%; margin-bottom:10px;}
.pay_box .btn_login span{font-size:0.875em;}

.pay_box .pay_info{font-size:0.875em; line-height:18px; color:#6e6e6e; text-align:left;}
.pay_box .pay_info span{color:#ff0b39;}
.pay_box .pay_top_box{ border:1px solid #4d4d4d; background:#eaeaea; width:580px; padding:10px 0; margin:0 auto; margin-top:10px;}
.pay_box .pay_top_box span{ font-size:0.75em; color:#333;}
.pay_box .pay_table{ width:100%; margin:0 auto; margin-top:10px; margin-bottom:15px; border-top:2px solid #009aa3;}
.pay_box .pay_table table{  width:100%}
.pay_box .pay_table table th{ padding:13px 0 13px 40px; text-align:left;  border-bottom:1px solid #ccc; font-size:0.875em; background:#f0f0f0 url("../../images/mobile/sub/exclamation_mark.gif")20px 12px no-repeat; }
.pay_box .pay_table table td { padding:10px 0; text-align:left; padding-left:20px; border-bottom:1px dashed #ccc; font-size:0.75em;}
.pay_box .pay_table table td:first-child {  background:#f0f0f0 url("../../images/mobile/sub/li_style_blue.gif")8px center no-repeat; padding-left:20px;}
.pay_box .pay_table table td input{ border:1px solid #ccc; height:24px; width:70%; padding-left:10px;}
.pay_box .pay_table table td span{color:#ff0b39; padding-left:10px; }
.pay_box .pay_table_bottom{ text-align:center;  font-size:0.875em; line-height:18px; color:#999; letter-spacing:-0.5px; margin-top:15px;}
.pay_box .pay_table_bottom span{ color:#009aa3; font-weight:bold;}

.find_box{border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;  margin:30px auto;  padding:20px 0; background:#f1f1f1;}
.find_box p{ text-align:center; font-size:0.875em; padding-left:20px;}
.find_box p span{ color:#ae6593; font-weight:bold; }
.find_box .find_box_btn{ text-align:center; margin-top:20px;}
.find_box li{ display:inline; margin-right:3px;}
.find_box li:last-chilld{ margin-right:0px;}
.find_box .login_btn{color:#555;   border:1px solid #009aa3; line-height:34px; width:100px; margin-bottom:3px; background:#fff;}
.find_box .login_btn:hover{ background-color:#009aa3; color:#fff;}

/* mypage */
.mypage_table{ background:#f5f5f5; border:1px solid #d9d9d9; padding:30px 20px; margin-bottom:20px; }
.mypage_table .table_tit{font-size:1.125em; color:#464646;  font-weight:400; background:url("../../images/mobile/sub/table_tit_icon.gif") no-repeat left center; padding-left:30px; margin-bottom:15px;}
.mypage_table table{ width:100%; background:#fff; border-top:2px solid #006c73;}
.mypage_table table th{ background:#009aa3; color:#fff; padding:12px 15px 12px; text-align:left; font-size:0.938em; border-right:1px solid #d9d9d9;  font-weight:400;  border-bottom:1px solid #d9d9d9; box-sizing:border-box; vertical-align:middle;}
.mypage_table table th:last-child{ border-right:0;}
.mypage_table table td{padding:12px 10px 12px; text-align:left; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; border-left:1px solid #d9d9d9; vertical-align:middle; font-size:0.75em;}
.mypage_table table .pic{ width:103px; height:120px; vertical-align:middle; text-align:center;}
.mypage_table table .pic img{ background:#ff00ff; text-align:center; border:1px solid #d9d9d9;  box-sizing:border-box;}
.mypage_table table td .btn_gr3 { height:21px;padding:5px 10px;margin-left:5px;border:1px solid #d7d7d7;border-radius:3px;background:#f8f8f8;white-space:nowrap;line-height:21px;font-weight:700;font-size:0.813em; vertical-align:middle;}
.mypage_table table td p{ font-size:0.875em;}
.mypage_table table td input, .select{ width:160px; text-indent:10px; border:1px solid #d7d7d7; height:25px; line-height:25px;}
.mypage_table table td input[type="file"]{ height:25px;}
.mypage_table table td .btn_gr3 { margin-bottom:5px; display:inline-block;height:21px;padding:0 10px;margin-left:5px;border:1px solid #d7d7d7;border-radius:3px;background:#f8f8f8;white-space:nowrap;line-height:21px;font-weight:700;font-size:13px;vertical-align:middle;}

.mypage_table .btn_area { margin:20px 0 0; text-align:center; }
.mypage_table .btn_area .p_btn { height:44px; line-height:44px; color:#fff;  text-align:center; background:#bfa081; border:1px solid #8d6c4b; transition:all .2s;  font-size:1.25em; padding: 12px 12px; margin-right:5px;}
.mypage_table .btn_area .p_btn:hover { height:44px; line-height:44px; color:#8d6c4b; background:#fff; padding: 12px 12px;}


/* common */
.screen_out {display:block; overflow:hidden; position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px;}
.loading_img {padding:10px 0; text-align:center; opacity:0.3;}
.bg_none {background:none !important;}
.no_shadow {box-shadow:none !important;}
.box_round {border-radius:6px;}
.clear_fix {zoom:1;}
.clear_fix:after {display:block; content:""; clear:both;}
.pad0{ padding:0px !important;}
.pdL5{ padding-left:5px;}
.pdL10{ padding-left:10px;}
.pdL15{ padding-left:15px;}
.pdR160{ padding-right:160px;}
.mgT20{ margin-top:20px;}
.mgT40{ margin-top:40px;}
.mgB13{ margin-bottom:13px;}
.mg30{ margin:30px 0;}
.borderB{border-bottom:1px solid #e5e5e5;}
.borderT{ border-top:2px solid #009aa3;}
.borderN{ border-bottom:0 !important;}
.alignC{ text-align:center;}
.alignR{ text-align:right;}
.alignL{ text-align:left !important;}
.back_green{ background:#009aa3 !important;}
.back_color{ background:#f1f1f1 !important;}

/* chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	
}

/*20230628 ci �Ұ� �߰�*/
.ci_con .title_padding {
    padding: 0 16px; box-sizing: border-box;
}
.container .ci_title {
    border-bottom: 1px solid #ECECEC;
}
.container .ci_mb_con {
    text-align: center;
    padding: 0 16px;
    box-sizing: border-box;
}
.container .ci_text_mb {
    display: flex;
    justify-content: center;
    text-align: start;
    color: #666666;
    font-size: 12px;
    line-height: 18px;
    margin-top: 12px;
    margin-bottom: 29px;
}
.container .down_con_mb {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 60px;
}
.container .down_con_mb a {
    display: block;
    margin-right: 18px;
    text-align: center;
    line-height: 28px;
    background-color: #AE6593;
    color: #fff;
    width: 129px; height: 28px;
    font-size: 14px;
}
.container .down_con_mb a:last-child {
    margin: 0;
}
/*// 20230628 ci �Ұ� �߰�*/