@charset "utf-8";

/* 공통 */
.clear {clear:both}
.tac {text-align:center}
.tar {text-align:right}
.fl {float:left}
.fr {float:right}
.pointer {cursor:pointer}
.bold {font-weight:bold}
.ovfh {overflow:hidden}
.list_init {margin:0;padding:0;list-style:none}

.mgt0 {margin-top:0px !important}
.mgr0 {margin-right:0px !important}
.mgb0 {margin-bottom:0px !important}
.mgb20 {margin-bottom:20px !important}
.mgl0 {margin-left:0px !important}
.pdt0 {padding-top:0px !important}
.pdr0 {padding-right:0px !important}
.pdb0 {padding-bottom:0px !important}
.pdb5 {padding-bottom:5px !important}
.pdl0 {padding-left:0px !important}

/* 본 사이트 전용 */
.required.readonly {background:#ddd url('../img/wrest.gif') top right no-repeat !important}
.readonly {background:#ddd}

/* PC */
#wrapper {width:100%;min-width:990px;height:1000px;background:url(../img/main_bg.jpg) no-repeat 50% 50%}
#wrapper .container {width:990px;height:1000px;margin:0 auto;background:url(../img/ipad.png) no-repeat 242px 32px}
#wrapper .container .iframe {margin:138px 0 0 328px;border:0;background-color:#fff}

/* 모바일 */
html {width:100%;height:100%}
body {height:100%;font-family:sans-serif}
body.login_bg {background:#ece8d8 url(../mobile/images/login_bg_pattern.png) repeat 36px -10px;background-size:25px auto}

/* 헤더 */
#header .gnb li {float:left;width:50%;position:relative;height:34px;background-color:#ece8d8;text-align:center}
#header .gnb li.link_register:before {position:absolute;left:0;top:11px;width:1px;height:12px;background-color:#b6b3a7;content:""}
#header .gnb li a {display:block;width:100%}
#header .gnb li span {display:inline-block;height:100%;padding-left:25px;font-size:1.083em;line-height:34px;background:url(../mobile/images/icon_gnb.png) no-repeat;background-size:15px auto !important;color:#343740;letter-spacing:-0.5px}
#header .gnb li.clk_notice span {background-position:5px 13px}
#header .gnb li.link_register span {background-position:5px -12px}

#header .hd_logo {margin:0 auto;text-align:center}
#header .hd_logo a {display:inline-block;width:250px;padding:10px 35px}

#header .main_menu li {float:left;width:25%;border-right:1px solid #6688c0;background-color:#17458f;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#header .main_menu li.menu3 {width:50%;border-right:0}
#header .main_menu li.on {border-right:0;background-color:#65ae5b}
#header .main_menu li a {display:block;width:100%;height:45px;font-size:1.25em;line-height:45px;color:#fff;letter-spacing:-0.5px;text-decoration:none}
#header .sub_menu li {float:left;width:25%;border-right:1px solid #ccc; background-color:#e5e5e5; text-align:center; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#header .sub_menu.menu_02 li{width:33.33%}
#header .sub_menu li.on {border-right:0;background-color:#839a99}
#header .sub_menu li a {display:block;width:100%;height:37px;font-size:1.167em;line-height:37px;color:#555;letter-spacing:-0.5px;text-decoration:none}
#header .sub_menu li.on a {color:#fff}

/* 서브 콘텐츠 */
.wrap_sub {position:relative;margin:15px 0}
.wrap_sub h2.tit {position:relative;padding:5px 40px;border-bottom:4px solid #e6e6e6;font-size:2em;line-height:1.5;background:url(../mobile/images/tit_bullet.gif) no-repeat 10px 50%;background-size:20px auto;color:#444}
.wrap_sub h2.tit:after {position:absolute;left:0;bottom:-4px;width:145px;height:4px;background-color:#f79c1b;content:""}
.wrap_sub .page {overflow:hidden;min-height:300px;padding:35px 15px}
.wrap_sub .link_member {position:absolute;right:10px;top:10px}
.wrap_sub .link_member a {display:inline-block;margin-left:5px;padding:5px;font-size:1.167em;line-height:1.5;color:#333}
.org_area{width:100%; overflow-x:scroll}
.org_box{*width:450px; margin:0 auto;}
.org_box img{width:100%;}


/* 회원찾기 */
#mb_sch {padding:0 0 10px}
#mb_sch select {height:34px;border:1px solid #003956;background-color:#fff}
#mb_sch .area_sch {display:inline-block;border:1px solid #003956;background-color:#fff; width:calc(100% - 180px);}
#mb_sch #stx {height:32px;border:0;background:#fff !important; width:calc(100% - 42px);}
#mb_sch .btn_submit {width:36px;height:32px;background:#003956 url(../mobile/images/icon_sch.png) no-repeat 55% 50%;background-size:18px auto;text-indent:-9999px}

#mb_group_list {overflow:hidden;margin:10px 0 0;padding:25px 0 0;border-top:1px solid #acacac}
#mb_group_list li {float:left;width:32%;margin:0 2% 2% 0;border:1px solid #acacac;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#mb_group_list li:nth-child(3n) {margin-right:0}
#mb_group_list li.empty_list {width:100%;margin:0;border:0}
#mb_group_list li a {display:block;width:100%;height:45px;font-size:1.167em;line-height:3;background-color:#fff;color:#626262;text-align:center}

#mb_list li {margin:10px 0;padding:10px 15px;border-top:2px solid #65ae5b;border-bottom:1px solid #ddd;background-color:#fff}
#mb_list .mb_photo {display:table-cell;width:80px;padding-right:15px; padding-bottom:4px; border-right:1px dashed #a1a1a1;vertical-align:top}
#mb_list .mb_photo img{box-shadow:4px 4px #e5e5e5}
#mb_list .mb_info {display:table-cell;padding-left:15px;vertical-align:top}
#mb_list .mb_info .name {font-weight:bold;font-size:1.333em;line-height:1.5}
#mb_list .mb_info .name a {color:#003956}
#mb_list .mb_info .grad {display:inline-block;margin-left:3px;padding:0 5px;border-radius:3px;font-weight:normal;font-size:0.813em;background-color:#64ae5b;color:#fff}
#mb_list .mb_info .tel, #mb_list .mb_info .addr {position:relative;padding:1px 0 1px 8px;font-size:1.083em;line-height:1.5}
#mb_list .mb_info .tel:before, #mb_list .mb_info .addr:before {position:absolute;left:0;top:8px;width:3px;height:3px;*border-radius:50%;background-color:#ff7800;content:""}

#mb_view {overflow:hidden;padding:0 15px}
#mb_view .mb_photo {float:left;width:30%;margin-right:5%}
#mb_view .tbl_frm01 {float:left;width:65%;margin:0;font-size:1.083em;line-height:1.5;border-top:2px solid #17458f;}

#mb_view .tbl_frm01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}

.container_btn {overflow:hidden;padding:15px}
.container_btn ul {float:right}
.container_btn li {float:left;margin-left:5px}

#mb_write .frm_input {height:28px}
#mb_write #mb_email, #mb_write .frm_address {width:100%;margin:5px 0 0}
#mb_write .btn_frmline {height:2.4em;vertical-align:middle}
#mb_write #mb_photo {width:100%;height:22px}
#mb_write .mb_photo {width:50%;max-width:300px}

/* 내용 페이지*/
#ctt, #ctt_con {padding:0}

.stit{font-size:1.667em; background:url(../mobile/images/bullet01.png) left center no-repeat; padding-left:30px; color:#333; margin:7% 0 3%; background-size:22px; *padding-bottom:2px}
.txt_or{margin-top:20px;font-weight:bold; color:#f79c1b; margin-bottom:5px; font-size:1.38em}
.txt_n{font-size:1.35em; line-height:1.6; *margin-bottom:20px; color:#444}
.ul_sty01 > li {font-size:1.35em; color:#444; margin-bottom:20px}
.ul_sty01 > li .txt_o{font-weight:bold; color:#f79c1b; margin-bottom:5px;}
.ul_sty01 > li > ul > li{padding-left:15px; margin-bottom:5px}
.txt_b{font-size:1.35em; line-height:1.6; font-weight:bold; color:#444}
.m_rule .txt_b{margin-top:20px;}
.m_rule .txt_b:first-child{margin-top:0}
.m_rule .ul_sty02 li{padding-left:15px; font-size:1.35em; line-height:1.6; color:#444; margin-bottom:5px}
.ul_sty02 li{padding-left:15px; font-size:1.35em; line-height:1.6; color:#444; margin-bottom:5px}
.m_rule .ul_sty02 li span{width:90px;display:inline-block;}
.m_rule .txt_n{padding-left:15px;}
.txt_ac{text-align:center; margin-top:30px; font-size:1.35em; color:#444}
.history > ul > li{padding-left:23px; margin-bottom:20px; font-size:1.35em; color:#444; letter-spacing:-0.2px; background:url(../mobile/images/bullet02.png) left 7px no-repeat; background-size:15px}
.history > ul > li .h_date{width:100%; position:relative; font-weight:bold; font-size:1.1em; margin-bottom:5px}
.ul_sty03 li{margin-left:20px; position:relative; padding-left:12px; font-size:1.35em; line-height:1.6; color:#444; margin-bottom:5px; overflow:hidden}
.ul_sty03 li:after{position:absolute; left:2px; top:10px; width:4px; height:4px; border-radius:45px; background:#f79c1b; content:''}
.txt_bb{font-size:1.4em; text-align:center; color:#444; margin-top:25px; font-weight:bold}
.txt_bbb{font-size:1.35em; text-align:center; color:#17458f; margin-top:25px; font-weight:bold}
.bor_b{border-bottom:1px dashed #ddd; padding-bottom:25px}

/* 푸터 */
#footer {padding:20px 10px;border-top:1px solid #d0d0d0;background-color:#f3f3f3}
#footer .ft_logo {width:250px}
#footer .ft_info {margin:15px 0 5px;line-height:1.5}
#footer .ft_info address {font-style:normal;margin-bottom:10px;color:#696969}
#footer .ft_info small {font-size:0.917em;color:#939393;word-break:keep-all}

/* 필독사항 */
#container_notice {display:none;position:absolute;left:0;top:0;z-index:500;width:100%;height:100%;}
#container_notice > div {position:relative;width:85%;max-width:500px;height:auto;margin:100px auto;padding:15px;border:2px solid #ababab;background-color:#fff}
#container_notice .btn_close {position:absolute;right:15px;top:10px;z-index:510;padding:5px 20px 5px 5px;font-size:1.333em;line-height:1.5;background:url(../mobile/images/icon_close.gif) no-repeat 100% 50%;background-size:16px 16px;cursor:pointer}
#container_notice h2 {margin-bottom:20px;font-size:1.5em;line-height:1.5;color:#17458f}
#container_notice li {position:relative;margin-bottom:10px;padding-left:10px;font-size:1.25em;line-height:1.5}
#container_notice li:before {position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background-color:#f7a81b;content:""}


/*테이블*/
.tbl01{width:100%;border-bottom:2px solid #f79c1b; border-spacing:0px;font-size:1.2em; text-align:center;}
.tbl01 td{border-bottom:1px solid #ddd;border-right:1px solid #ddd;padding:5px 10px;color:#666;}
.tbl01 th{padding:8px 10px; background-color:#f79c1b;color:#fff; border-right:1px solid rgba(255,255,255,0.5);line-height:20px;}
.tbl01 tr th:last-child{border-right:0}
.tbl01 tr th:nth-child(3){border-right:1px solid #f1f1f1}
.tbl01 tr td:first-child{color:#555;background-color:#f1f1f1; }
.tbl01 tr td:nth-child(3){border-right:1px solid #f79c1b}
.tbl01 tr td:nth-child(4){color:#555; background-color:#f1f1f1; }
.tbl01 tr td:last-child{border-right:0}
.tbl01 tr:last-child td{border-bottom:0}
.tbl01.tbl01_sty01 tr td:nth-child(3){border-right:1px solid #ddd}
.tbl01.tbl01_sty01 tr td:first-child, .tbl01.tbl01_sty01 tr td:nth-child(4){color:#666; background-color:#fff; }
.bor_r{border-right:1px solid #ddd !important;}
.nborb{border-bottom:0 !important;}
.bg01{background:#f1f1f1}

.mb_leave {background:#ffecec !important;}
.readonly {background-color:#ccc !important;}