﻿body{font-family:'Noto Sans KR',Sans-serif;text-align:center;font-weight:400;line-height:1em;background:#1c1d21}
/*Common*/
#wrap{width:100%;position:relative;display:block;overflow: hidden;}
#container, section{width:100%;display:inline-block;position:relative}
#container{background:#fff}
article{width:960px;display:inline-block}
/*Header*/
header{width:100%;height:108px;position:relative;background:url(../images/common/header_bg.gif) repeat-x;z-index:1}
    header .top_menu{height:40px}
    header .top_menu li{float:left;line-height:40px}
    header .top_menu a{font-size:11px;color:#bdbcbc;text-transform:uppercase}
    header .top_menu li.line{margin:0 8px}
    header .top_menu ul.menu1{float:left}
    header .top_menu ul.menu2{float:right}
    /*GNB*/
    nav{width:100%;height:68px;position:absolute;left:0;top:40px;background:url(../images/common/nav_bg.png) repeat-x}
    nav article{position:relative}
    nav .logo{float:left;margin-top:12px}
    nav ul{float:right}
    nav .d1{float:left;line-height:67px;margin-left:28px}
    nav .d1 > a{font-size:16px;font-weight:700;color:#222}
    nav .d1 > a:hover{color:#0f723b}
    nav .d1 > a.on{color:#0f723b}
    nav .d1:first-child{margin-left:0}
    nav ol{width:630px;height:69px;position:absolute;right:0;top:69px;text-align:right;display:none}
    nav ol li{display:inline-block}
    nav ol li.line{margin:0 13px;line-height:16px}
    nav ol li.line img{vertical-align:baseline}
    nav ol li a{font-size:16px;font-weight:500}
    nav ol li a:hover{color:#0f723b}
    nav ol.al_left{text-align:left}

/*Contents*/
    /*Common(Local Navigation Bar)*/
    .lnb{width:150px;float:left}
    .lnb h4{text-align:left;margin-top:30px;margin-bottom:20px;color:#016e34;font-weight:500}
    .lnb ul{width:100%;float:left}
    .lnb ul li{margin-bottom:14px;text-align:left}
    .lnb ul li a{line-height:16px;font-weight:100;color:#777}
    .lnb ul li a.on{color:#343434;font-weight:400}
    .lnb ul li a:hover{text-decoration:underline}
    /*Common(Location)*/
    .loaction{width:100%;display:inline-block;text-align:right;margin-top:10px}
    .loaction li{display:inline-block;font-size:11px;line-height:14px;color:#777}
    .loaction li a{color:#777}
    .loaction li.arrow{margin:0 5px}
    .loaction li.arrow img{vertical-align:top;margin-top:4px}
    .loaction li.now{color:#ff7350}
    /*Common(Title)*/
    h3.menu_tit{width:100%;display:inline-block;margin:47px 0 57px 0;color:#016e34;font-weight:500;text-align:left;font-size:14px}
    h2.page_tit{width:100%;display:inline-block;color:#343434;font-weight:700;text-align:left;font-size:26px;line-height:26px;padding-bottom:18px}
    h2.page_tit span{font-size:14px;font-weight:300;margin-left:10px}
    h4.subject_tit{width:100%;display:inline-block;margin:40px 0 30px 0;color:#016e34;font-weight:500;text-align:left;font-size:18px}
    /*Common(Table)*/
    .tb_style1{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;border-top:1px solid #bfbfbf}
    .tb_style1 th{text-align:left;padding:25px 0 20px 22px;border-bottom:1px solid #eee;font-weight:400;color:#353535;font-size:14px;vertical-align:top}
    .tb_style1 td{padding:10px 0;text-align:left;border-bottom:1px solid #eee}
    .tb_style2{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;border-top:1px solid #bfbfbf}
    .tb_style2 th{background:#f2f2f2;border-bottom:1px solid #eee;font-weight:400;color:#777;font-size:14px;padding:17px 0}
    .tb_style2 td{font-size:13px;color:#343434;padding:18px 0;border-bottom:1px solid #eee}
    /*Common(Text Type)*/
    .text_type1{text-align:left}
    .text_type1 li{line-height:24px;color:#777;font-size:15px;font-weight:100}
    .text_type1 li span.space{padding-left:15px}
    .text_type1 li.sub_tit{color:#343434;font-size:16px;font-weight:400}
    /*Common(Radio Button)*/
    .radio_btn{width:12px;height:12px;display:inline-block;vertical-align:middle;background:url(../images/common/radio_off.png);cursor:pointer}
    .radio_btn input{visibility:hidden}
    .radio_btn.on{background:url(../images/common/radio_on.png)}
    /*Common(Button)*/
    .bottom_btn{margin-top:35px}
    .bottom_btn a{line-height:48px;display:inline-block;margin:0 5px}
    .bottom_btn a.orange{color:#ff7350;border:1px solid #ff7350;padding:0 58px;}
    .bottom_btn a.cancel{width:140px;border:1px solid #343434}
    .bottom_btn a.contact_us{width:140px;color:#fff;background:#0e7339;border:1px solid #0e7339}
    /*Common(Paging)*/
    .paging{margin:30px 0 90px 0}
    .paging a{width:30px;height:30px;display:inline-block;vertical-align:middle;line-height:30px}
    .paging a.page{line-height:0}
    .paging ul{display:inline-block;vertical-align:middle}
    .paging ul li{width:30px;height:30px;display:inline-block;vertical-align:middle}
    .paging ul li.now{border:1px solid #ff7350}
    .paging ul li.now a{line-height:28px}
    .paging ul li.prev a{background:url(../images/paging_prev_btn.gif)no-repeat center center;width:30px;height:30px;text-indent:-9999px}
    .paging ul li.next a{background:url(../images/paging_next_btn.gif)no-repeat center center;width:30px;height:30px;text-indent:-9999px}
    /*****INDEX*****/
    /*Visual*/
    .idx .visual{width:100%;display:inline-block;overflow:hidden;position:relative}
    .idx .big ul.slides li{width:100%;height:539px}
    .idx .big .sd1{background:url(../images/main_bn1.jpg)no-repeat center center;background-size:cover}
    .idx .big .sd2{background:url(../images/main_bn2.jpg)no-repeat center center;background-size:cover}
    .idx .big .sd3{background:url(../images/main_bn3.jpg)no-repeat center center;background-size:cover}
    .idx .big h3{width:960px;margin:0 auto;text-align:left;padding-top:63px;font-size:40px;color:#fff;line-height:60px;display:block}
    .idx .big .count{width:960px;position:absolute;top:270px;left:50%;margin-left:-480px;z-index:1}
    .idx .big .count div{position:absolute;top:48px;left:119px;color:#fff}
    .idx .big .flex-direction-nav a{display:inline-block;height:50px;position:absolute;left:0;text-indent:-9999px}
    .idx .big .flex-direction-nav a.flex-prev{width:49px;background:url(../images/btn_prev.png)no-repeat center center}
    .idx .big .flex-direction-nav a.flex-next{width:50px;background:url(../images/btn_next.png)no-repeat center center;left:49px}
    .idx .big .flex-control-nav li{display:inline-block}
    .idx .big .flex-control-nav a{color:#fff;position:absolute;left:109px;top:48px;display:none}
    .idx .big .flex-control-nav a.flex-active{display:block}
    .idx .small{width:960px;position:absolute;top:320px;left:50%;margin-left:-480px;z-index:3;padding-left: 630px}
    .idx .small .flex-viewport{width:330px;height:172px;overflow:hidden;border:1px solid #fff;}
    .idx .small .slides li{height:172px;text-align:left;position:relative}
    .idx .small .slides li a.cnt{font-size:42px;color:#fff;background:url(../images/bg_white.png)repeat center center;display:inline-block;padding:75px 0 0 60px;width:100%;height:100% }
    .idx .small .slides li a.cnt:hover{background:url(../images/bg_green.png)repeat center center}
    .idx .small .slides li a.more{position:absolute;background:url(../images/sm_bn_more.png)no-repeat center center;width:11px;height:12px;right:12px;top:10px;display:inline-block}
    .idx .small .slides li div{font-size:18px;display:inline-block;margin-left:8px}
    .idx .small .slides li div span{display:block;font-size:12px;margin-top:3px}
    .idx .small .count2{position:absolute;right:350px;top:50%;width:45px;max-height:172px;display:inline-block}
    .idx .small .count2 .num{color:#fff;width:100%;display:inline-block;text-align:right;padding-right:7px}
    .idx .small .count2 .paging{margin:18px 0;width:100%;display:inline-block}
    .idx .small .count2 .total{color:#fff;text-align:right;display:inline-block}
    .idx .small .count2 .total span{display:inline-block}
    .idx .small .flex-control-paging a{background:url(../images/sm_bullet_off.png)no-repeat right center;height:2px;width:37px;display:block;margin-bottom:7px;text-indent:-9999px}
    .idx .small .flex-control-paging li:last-child a{margin-bottom:0}
    .idx .small .flex-control-paging a.flex-active{background:url(../images/sm_bullet_on.png)no-repeat right center}
    /*Quick Check*/
    .idx .q_check{padding-bottom:55px}
    .idx .q_check h3{font-size:30px;margin:60px 0 55px 0;text-transform:uppercase;font-weight:900}
    .idx .q_check ul{width:100%;display:inline-block}
    .idx .q_check ul li{display:inline-block;width:180px;vertical-align:top}
    .idx .q_check ul li span{width:100%;display:block;margin-bottom:35px}
    .idx .q_check ul li a{color:#0c733b;font-weight:500;text-transform:uppercase;line-height:18px;font-size:14px}
    /*Exam Schedule Guide*/
    .idx .exam_skd{padding:24px 0;background:#dfe3e7}
    .idx .exam_skd .tit_menu{width:300px;height:354px;float:left;background:#0c733b;padding:0 38px}
    .idx .exam_skd h3{width:100%;position:relative;color:#fff;font-weight:900;font-size:30px;text-align:left;line-height:36px;margin-top:25px;margin-bottom:30px}
    .idx .exam_skd h3 a{font-size:12px;font-weight:500;position:absolute;right:0;bottom:5px;color:#fff;padding-bottom:5px;border-bottom:1px solid #fff;line-height:12px}
    .idx .exam_skd ul li{border-bottom:1px dashed #198349;text-align:left}
    .idx .exam_skd ul li a{padding:18px 15px;display:block;font-size:14px;color:#fff;background:url(../images/arrow_right_w.png) no-repeat 210px center}
    .idx .exam_skd ul li a:hover{background:#0b6333 url(../images/arrow_right_w.png) no-repeat 210px center}
    .idx .exam_skd .data{width:630px;float:right;margin-top:45px}
    .idx .exam_skd .data h4{font-size:20px;font-weight:900;text-transform:uppercase;text-align:left;margin-bottom:12px}
    .idx .exam_skd .data table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;border-top:2px solid #777;border-bottom:2px solid #777}
    .idx .exam_skd .data table th{padding:10px 0;font-weight:400;font-size:14px;color:#777;text-align:center}
    .idx .exam_skd .data table td{padding:24px 0;border-top:1px solid #ccc;font-size:13px}
    .idx .exam_skd .data table td a{color:#ff7350;font-size:11px;border:1px solid #ff7350;line-height:26px;padding:0 5px;display:inline-block}
    .idx .exam_skd .data table td a img{margin-left:2px}
    /*Latest - Notice & FAQ*/
    .idx .latest h3{font-size:16px;font-weight:700;text-align:left;margin-bottom:22px}
    .idx .latest h3 a{font-size:11px;font-weight:500;float:right}
    .idx .latest article>div{width:300px;display:inline-block;margin-right:30px;float:left;padding:60px 0}
    .idx .latest div.notice ul,
    .idx .latest div.faq ul{border-top:1px solid #eee;text-align:left}
    .idx .latest div.notice li,
    .idx .latest div.faq li{height:50px;border-bottom:1px solid #eee;padding:16px 0}
    .idx .latest div.notice a,
    .idx .latest div.faq a{font-weight:100}
    .idx .latest div.notice a:hover,
    .idx .latest div.faq a:hover{border-bottom:1px solid #a1a1a1}
    .idx .latest div.notice ul li:before{content:'ㆍ';color:#777;padding:0 8px 0 3px}
    .idx .latest div.faq ul li:before{content:'Q.';color:#ff7350;padding:0 18px 0 5px;font-family:'Arial'}
    /*Latest - Reference Room*/
    .idx .latest div.ref_ro{margin-right:0px;padding:60px 0 52px 0;overflow:hidden;text-align:left;position:relative}
    .idx .latest div.ref_ro .slides li{position:relative}
    .idx .latest div.ref_ro h3{font-size:14px;font-weight:500;text-align:left;margin:25px 0}
    .idx .latest div.ref_ro h3 span{color:#ff7350}
    .idx .latest div.ref_ro a.cnt{font-weight:100;line-height:23px;height:105px;display:block}
    .idx .latest div.ref_ro a.view{position:absolute;right:0;bottom:-35px;font-size:12px;border-bottom:1px solid #343434}
    .idx .latest div.ref_ro .flex-direction-nav a{position:absolute;right:0;top:60px;display:inline-block;width:29px;height:30px;text-indent:-9999px}
    .idx .latest div.ref_ro .flex-direction-nav a.flex-prev{background:url(../images/ref_prev.gif)no-repeat left center;right:29px}
    .idx .latest div.ref_ro .flex-direction-nav a.flex-next{background:url(../images/ref_next.gif)no-repeat left center}
    
    /*Sub Contents*/
    .sub_contents{width:810px;float:right;border-left:1px solid #eee;padding-left:39px;padding-bottom:100px}
        /*My Page - Receptionist*/
        .rcptn{border-top:1px solid #bfbfbf}
        /*My Page - Acquisition Details*/
        .acquist_details{border-top:1px solid #bfbfbf}
        .acquist_details .tb_style2 a{width:70px;height:23px;vertical-align:middle;text-align:center;line-height:21px;font-size:11px;font-family: 'Open Sans', sans-serif;font-weight:400;display:inline-block;margin-left:10px}
        .acquist_details .tb_style2 a.on{border:1px solid #f67f21;color:#f67f21}
        .acquist_details .tb_style2 a.off{border:1px solid #bfbfbf;color:#bfbfbf}
        .acquist_details .tb_style2 .result{width:35px;line-height:23px;display:inline-block;vertical-align:middle}
        .acquist_details .btn_area{width:100%;display:inline-block;margin-top:35px}
        .acquist_details .btn_area a{width:139px;height:50px;display:inline-block;line-height:48px;border:1px solid #ff7350;color:#ff7350;font-family: 'Open Sans', sans-serif;font-weight:400;}
        .acquist_details .btn_area a img{margin-left:5px}
        /*My Page - Member Information*/
        .mem_mgt input[type=text],
        .mem_mgt input[type=password]{width:300px;height:40px;border:1px solid #bfbfbf;line-height:38px;padding:0 18px;color:#777;border-radius:2px}
        .mem_mgt input[type=radio]{color:#f67f21}
        .mem_mgt label{line-height:40px;display:inline-block;color:#666;margin:0 40px 0 15px}
        .mem_mgt input.mb{margin-bottom:5px}
        .mem_mgt .btn_area{width:100%;display:inline-block;margin-top:35px}
        .mem_mgt .btn_area a{width:139px;height:50px;display:inline-block;line-height:48px;margin:0 7px;vertical-align:middle}
        .mem_mgt .btn_area a.btn1{border:1px solid #ff7350;color:#ff7350}
        .mem_mgt .btn_area a.btn2{background:#76838f;color:#fff}
        /*Certification - Common*/
        .crft h2{font-size:32px}
        .crft .tab{display:inline-block;width:100%;height:50px;border-bottom:1px solid #bfbfbf;border-top:1px solid #bfbfbf}
        .crft .tab li{float:left}
        .crft .tab a{display:inline-block;font-size:16px;color:#777;line-height:47px;margin-right:60px}
        .crft .tab a.on{color:#00682b;border-bottom:3px solid #00682b}
        /*Certification - Exam Introduction*/
        .intro #auditor{display:block}
        .intro .cnt{width:100%;padding:33px 105px 0 20px;text-align:left;display:none}
        .intro .cnt h4{font-size:18px;color:#046e35;font-weight:400;margin-bottom:15px}
        .intro .cnt div{font-size:15px;color:#343434;font-weight:100;margin-bottom:33px;line-height:25px}
         /*Certification - Exam Schedule*/
         .sch .tb_style2 td{color:#666}
         .sch a.view{display:inline-block;width:74px;height:27px;line-height:27px;font-size:11px;color:#fff;background:#76838f}
         .sch a.receipt{display:inline-block;width:74px;height:27px;line-height:27px;border:1px solid #ff7350;color:#ff7350;font-size:11px}
         .sch a.receipt img{margin-left:2px}
         .sch a.orange{width:140px;padding:0}
         .sch a img{margin-left:7px}
         .sch .popup_area{background:url(../images/black_bg.png)repeat center center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;display:none}
         .sch .popup_area .popup{width:640px;height:580px;background:#fff;position:absolute;top:50%;left:50%;margin-left:-320px;margin-top:-290px; z-index:11;display:none}
         .sch .popup_area h2{font-size:24px;color:#0f723c;padding:26px 0 16px 30px;width:100%;border-bottom:1px solid #e8e8e8;text-align:left}
         .sch .popup_area span.close{position:absolute;top:20px;right:20px;cursor:pointer}
         .sch .popup_area .cnt{width:580px;margin:20px auto;text-align:left}
         .sch .popup_area .cnt li{color:#353535;font-size:15px;font-weight:500}
         .sch .popup_area .cnt li.txt{margin-bottom:20px}
         .sch .popup_area .cnt li span{display:block;color:#777;font-weight:400;margin:10px 0 0 10px}
         .sch .popup_area .cnt li.map{width:580px;height:318px;margin:15px 0 20px 0}
         .sch .popup_area .cnt li.map img{width:100%;height:100%}
         .sch .popup_area .cnt li div{display:inline-block;font-size:16px;color:#353535}
         .sch .popup_area .cnt li select{width:150px;height:30px;margin:0 30px 0 15px;border:1px solid #8c8c8c;color:#777}
         /*Certification - References*/
         .rfr select{color:#777}
         .rfr td.title{text-align:left;padding-left:5%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
         /*Certification - Examination - Common*/
        .exam .area{text-align:left;display:none}
        .exam .area .step_img{width:100%;;height:110px;background:#f2f2f2;text-align:center;line-height:110px;margin-top:-1px}
        .exam .area h4{font-size:18px;font-weight:500;margin:32px 0 35px 0}
        .exam .area .btn_area{text-align:center;margin-top:35px}
        .exam .area .btn_area a{width:140px;height:50px;line-height:50px;border:1px solid #ff7350;display:inline-block;margin:0 6px;color:#ff7350}
        .exam .area .btn_area a.prev{background:url(../images/exam_prev_ar.png)no-repeat 31% 56%}
        .exam .area .btn_area a.next{background:url(../images/exam_next_ar.png)no-repeat 66% 56%;text-indent:-10px}
        /*Certification - Examination - Step1*/
        .exam #step1{display:block}
        .exam .step1 form ul{width:100%;display:inline-block;padding:0 20px}
        .exam .step1 form li{display:inline-block}
        .exam .step1 li.select{float:left;margin-right:35px}
        .exam .step1 li.select span{font-size:16px;color:#353535;display:inline-block;width:50px}
        .exam .step1 li.select div{margin-bottom:13px}
        .exam .step1 li.select div span{width:128px}
        .exam .step1 li.select select{width:150px;height:30px;border:1px solid #8c8c8c;padding-left:10px;color:#777}
        .exam .step1 li.map{margin-top:8px;width:720px;height:320px}
        .exam .step1 li.map img{width:100%}
        /*Certification - Examination - Step2*/
        .exam .step2 table{width:540px;margin:0 auto;text-align:center;border-bottom:1px solid #eee}
        .exam .step2 th{background:#f2f2f2;border-bottom:1px solid #e5e5e5;padding:20px 0;font-weight:400;border-top:1px solid #bfbfbf;}
        .exam .step2 td{padding:30px 0 10px 0;vertical-align:top}
        .exam .step2 td.time{display:none}
        .exam .step2 #t1{display:block}
        .exam .step2 td.br_right{border-right:1px solid #e5e5e5}
        .exam .step2 li{display:block;margin-bottom:20px}
        .exam .step2 label{font-size:13px;color:#777;margin-left:18px}
        /*Certification - Examination - Step3*/
        .exam .step3 table.style1{width:100%;border-top:1px solid #bfbfbf;border-bottom:1px solid #eee;text-align:center}
        .exam .step3 table.style1 th{padding:20px 0;color:#777;background:#f2f2f2;border-bottom:1px solid #e5e5e5;font-weight:400}
        .exam .step3 table.style1 div.thum_photo{width:140px;height:128px;border:1px solid #bfbfbf;background:#eee;margin:0 auto}
        .exam .step3 table.style1 div.thum_photo img{width:100%;height:100%}
        .exam .step3 table.style1 div.add_file{width:100px;position:relative;display:inline-block;margin-top:9px;overflow:hidden}
        .exam .step3 table.style1 div.add_file input{width:100px;position:absolute;height:30px;left:0;top:0;opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0";cursor:pointer}
        .exam .step3 table.style1 div.add_file a{width:100px;height:30px;line-height:30px;color:#fff;background:#959595;display:block}
        .exam .step3 table.style1 td.img_info{padding:30px 0}
        .exam .step3 table.style1 td.img_info ul{text-align:left}
        .exam .step3 table.style1 td.img_info li{margin-bottom:14px;line-height:16px}
        .exam .step3 table.style2{margin-top:30px;border-top:1px solid #bfbfbf;width:100%}
        .exam .step3 table.style2 th{color:#353535;font-weight:400;border-bottom:1px solid #eee;padding-left:22px;text-align:left}
        .exam .step3 table.style2 td{border-bottom:1px solid #eee;padding:10px 0}
        .exam .step3 table.style2 input{width:300px;height:40px;line-height:40px;padding-left:18px;color:#777;border:1px solid #bfbfbf}
        .exam .step3 table.style2 label{margin:0 45px 0 14px;font-size:13px;color:#666}
        .exam .step3 table.style2 li.mg_btm{margin-bottom:6px}
        /*Certification - Examination - Step4*/
        .exam .step4 table{border-top:1px solid #bfbfbf;width:100%}
        .exam .step4 th{border-bottom:1px solid #eee;background:#f2f2f2;font-weight:400;color:#353535;padding:26px 0 19px 20px;text-align:left}
        .exam .step4 td{padding-left:40px;border-bottom:1px solid #eee}
        .exam .step4 td.gender{width:104px;padding-left:22px;background:#f2f2f2}
        /*Certification - Examination - Step4*/
        .exam .step5 .text{width:100%;height:205px;border-top:1px solid #bfbfbf;background:#f2f2f2;padding:58px 0 0 0;text-align:center}
        .exam .step5 h5{font-size:16px;font-weight:400;color:#353535;line-height:20px}
        .exam .step5 .btn_area a{width:168px}
        .exam .step5 .btn_area a.btn1{background:#76838f;border:1px solid #76838f;color:#fff}
        /*Certification - Examination - Guide*/
        .exam .guide h4{font-size:18px;color:#046e35;font-weight:400;margin-bottom:15px}
        .exam .guide div{font-size:15px;color:#343434;font-weight:100;margin-bottom:33px;line-height:25px}
        /*Board(common)*/
        .list_search{text-align:right;margin-bottom:20px}
        .list_search select{display:inline-block;width:100px;height:30px;border:1px solid #959595;padding-left:10px}
        .list_search fieldset{width:210px;display:inline-block;position:relative}
        .list_search input[type=text]{width:100%;height:30px;border:1px solid #959595;line-height:28px;padding:0 30px 0 10px}
        .list_search button{position:absolute;width:13px;height:13px;background:url(../images/search_btn.gif) no-repeat center center;border:none;top:50%;margin-top:-7px;right:10px;text-indent:-99999px}
        /*Board Notice*/
        .notice .list td.title{text-align:left;padding-left:5%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
        .notice .view table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;border-top:1px solid #bfbfbf}
        .notice .view th{text-align:left;padding:13px 0 13px 18px;background:#f2f2f2;color:#777;font-weight:400;border-bottom:1px solid #eee}
        .notice .view th.date{padding:13px 0;text-align:center}
        .notice .view td{padding:13px 0 13px 20px;border-bottom:1px solid #eee;text-align:left;color:#353535}
        .notice .view td.cnt{padding:0;vertical-align:top;border-bottom:1px solid #bfbfbf}
        .notice .view .detail{width:100%;min-height:300px;display:inline-block;padding:25px 10px}
        .notice .view dl{width:100%;display:inline-block;border-bottom:1px solid #eee}
        .notice .view dl dt{float:left;padding:13px 0;width:80px;color:#777}
        .notice .view dl dd{float:left;width:690px;padding:13px 20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:left}
        .notice .view dl dd a{color:#353535}
        /*Board FAQ*/
        .faq .list table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;border-top:1px solid #bfbfbf}
        .faq .list .question th{padding:20px 0 20px 20px;color:#ff7350;text-align:left;font-weight:400;border-bottom:1px solid #eee} 
        .faq .list .question td{padding:20px 0;border-bottom:1px solid #eee;background:url(../images/faq_arrow_down.gif) no-repeat 98% center}
        .faq .list .question td.open{background:url(../images/faq_arrow_up.gif) no-repeat 98% center}
        .faq .list .question ul{width:100%;float:left}
        .faq .list .question li{float:left}
        .faq .list .question li.part{margin-right:10px;text-align:center;color:#0e733c;font-size:15px}
        .faq .list .question li.cnt{max-width:540px;cursor:pointer}
        .faq .list .answer .data{width:100%;padding:35px 92px;display:none;background:#f2f2f2 url(../images/faq_answer_icon.gif) no-repeat 35px 35px;text-align:left;border-bottom:1px solid #eee}
        /*Board 1:1 Contact*/
        .one_to_one .write table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;border-top:1px solid #bfbfbf}
        .one_to_one .write th{padding:10px 0 10px 20px;text-align:left;font-weight:400;border-bottom:1px solid #eee;color:#353535}
        .one_to_one .write td{padding:10px 23px 10px 0;text-align:left;border-bottom:1px solid #eee;color:#666;line-height:40px}
        .one_to_one .write td .radio_btn{margin-right:10px}
        .one_to_one .write td label{margin-right:25px}
        .one_to_one .write td input[type=text]{width:100%;height:40px;border:1px solid #bfbfbf;padding:0 20px;color:#777;border-radius:2px}
        .one_to_one .write td textarea{width:100%;height:160px;border:1px solid #bfbfbf;padding:15px;color:#777;border-radius:2px;resize:none;font-family:'Noto Sans KR',Sans-serif}
        .one_to_one .add_file{position:relative}
        .one_to_one .add_file button{position:absolute;display:block;width:100px;height:30px;color:#fff;background:#959595;top:17px;text-align:center;border:none;cursor:pointer}
        .one_to_one .add_file input[type=file]{z-index:1;opacity:0;position:absolute;top:20px}
        .one_to_one .add_file input.file_name{border:none!important;padding-left:110px!important;color:#b5b5b5!important;font-weight:100}
        /*Member Login*/
        .login h2{font-size:28px;color:#353535;font-weight:700;padding:143px 0 55px 0}
        .login form{width:400px;margin:auto}
        .login input[type=text]{border:none;border-bottom:1px solid #dedede;width:400px;display:block;height:40px;line-height:40px;color:#959595;margin-bottom:10px}
        .login .chk_box{width:100%;height:36px;line-height:36px;display:inline-block;text-align:left;background:url(../images/chk_off.gif)no-repeat left 60%;cursor:pointer}
        .login .chk_box.on{background:url(../images/chk_on.gif)no-repeat left 60%}
        .login input[type=checkbox]{visibility:hidden}
        .login label{font-size:13px;color:#777}
        .login button{margin:10px 0 30px 0;width:100%;height:50px;line-height:50px;color:#fff;background:#0e7339;border:none}
        .login div{margin-bottom:145px}
        .login div a{color:#777;font-size:13px}
        .login div a:first-child{background:url(../images/login_line.gif)no-repeat right center;padding-right:15px;margin-right:20px}
        /*Member - Common*/
        .mbr form{width:480px;text-align:left;margin:80px auto}
        .mbr h2{font-size:28px;margin-bottom:33px;color:#353535}
        .mbr h3{font-size:18px;margin:48px 0 15px 0;font-weight:400;color:#353535}
        .mbr h4{font-size:14px;font-weight:100;color:#353535;line-height:16px;margin-bottom:35px}
        .mbr ul{width:100%;display:inline-block}
        .mbr li{width:239px;height:50px;float:left;text-align:center}
        .mbr li.on{width:240px;height:50px}
        .mbr li.on a{color:#00682a}
        .mbr li a{line-height:50px;height:50px;font-size:16px;display:block}
        .mbr input[type=text]{color:#959595;border:none;border-bottom:1px solid #dcdcdc;width:100%;height:40px;line-height:40px;margin-bottom:10px}
        .mbr .mail{position:relative}
        .mbr .mail input{padding-right:105px}
        .mbr .id_is{position:relative;width:100%;height:50px;line-height:50px;margin:25px 0 10px 0;color:#959595;border-bottom:1px solid #dcdcdc}
        .mbr .id_is span{color:#353535;font-weight:700;margin-left:5px}
        .mbr button{background:#76838f;border:none;color:#fff;width:100px;height:28px;position:absolute;right:0;top:6px;font-size:12px}
        .mbr .btn{margin-top:53px;text-align:center}
        .mbr .btn a{display:inline-block;width:233px;height:50px;line-height:50px;border:1px solid #343434}
        .mbr .btn a.sty2{border:none;background:#0e7339;color:#fff;margin-left:10px}
        /*Member - ID - Find*/
        .id li{border-top:1px solid #bfbfbf;border-right:1px solid #bfbfbf;border-bottom:2px solid #00682a}
        .id li.on{border:2px solid #00682a;border-bottom:none}
        /*Member - ID - Result*/
        .id a.btn{width:100%;height:50px;display:block;background:#0e7339;line-height:50px;color:#fff}
        .id h3.df_lh{line-height:20px}
        /*Member - Password - Find*/
        .pw li{border-left:1px solid #bfbfbf;border-top:1px solid #bdbdbd;border-bottom:2px solid #00682a}
        .pw li.on{border:2px solid #00682a;border-bottom:none}
        /*Member - Password - Reset*/
        .pw h4{margin:13px 0 23px 0;padding-bottom:23px;border-bottom:1px solid #dcdcdc;line-height:18px}
        /*Join -Common*/
        .join .step{width:100%;border-top:1px solid #eee;border-bottom:1px solid #eee;text-align:center;height:50px;margin-top:25px}
        .join .step ul{width:650px;margin:auto;display:inline-block}
        .join .step li{width:216px;float:left;line-height:50px;height:50px;color:#777;border-right:1px solid #eee}
        .join .step li:first-child{border-left:1px solid #eee}
        .join .step li.on{color:#fff;background:#016e34;border:none}
        .join  form{width:650px;margin:auto;text-align:left;margin-top:60px;display:inline-block}
        .join  h2{font-size:32px;color:#343434;margin-bottom:28px}
        .join  h3{font-size:18px;color:#343434;font-weight:500;margin:30px 0}
        .join  h4{font-size:14px;line-height:18px;color:#343434;font-weight:100;padding-bottom:20px;border-bottom:1px solid #bfbfbf}
        .join .btn{width:100%;text-align:center;margin-bottom:100px}
        .join .btn a{display:inline-block;width:140px;height:50px;line-height:50px}
        .join .btn a.cancle{border:1px solid #343434;color:#343434}
        .join .btn a.next{border:1px solid #ff7350;color:#ff7350;background:url(../images/join_next.png)no-repeat 89px 55%;margin-left:13px;text-indent:-10px}
        .join .btn a.prev{border:1px solid #ff7350;color:#ff7350;background:url(../images/join_prev.png)no-repeat 43px 55%}
        .join .btn a.main{color:#fff;background:#76838f;width:160px}
        .join .btn a.login{color:#fff;background:#0f723b;margin-left:13px;width:160px}
        /*Join -Accept terms*/
        .join.acp .cnt{border-top:1px solid #bfbfbf;background:#f2f2f2;width:100%;height:330px}
        .join.acp .cnt ul{padding:25px 15px 0 15px}
        .join.acp .cnt ul li{color:#777;line-height:17px;margin-bottom:12px}
        .join.acp .chk_box input{visibility:hidden}
        .join.acp .chk{width:100%;text-align:right;margin-bottom:23px}
        .join.acp .chk_box{width:125px;display:inline-block;height:36px;line-height:36px;background:url(../images/chk_off.gif)no-repeat left 60%;cursor:pointer;text-align:left}
        .join.acp .chk_box.on{background:url(../images/chk_on.gif)no-repeat left 60%}
        /*Join -Enter member information*/
        .join.ent table{width:100%;margin-bottom:35px}
        .join.ent th{color:#353535;font-weight:400;padding:23px 0 23px 22px;border-bottom:1px solid #bfbfbf}
        .join.ent td{border-bottom:1px solid #bfbfbf}
        .join.ent td input{width:300px;height:40px;line-height:40px;border:1px solid #bfbfbf;padding-left:18px;color:#777}
        .join.ent td.gender label{margin:0 45px 0 14px;color:#666}
        .join.ent td.address ul{margin:10px 0}
        .join.ent td.address ul li{margin-bottom:5px}
        /*Join -Enter Completed membership*/
        .join.cmp .cnt{border-top:1px solid #bfbfbf;background:#f2f2f2;width:100%;height:182px;text-align:center;font-size:18px;font-weight:500;padding:55px 0;line-height:38px;margin-bottom:45px}
        /*Introduction to Organization*/
        .int .cnt{width:100%;border-top:1px solid #e5e5e5;text-align:left;font-size:15px;font-weight:100;color:#343434;line-height:30px;padding:30px 40px 0 20px}
/*Footer*/
footer{background:#1c1d21}
    /*Family Site*/
    .fml_st{width:100%;height:115px;background:#f5f5f5}
    .fml_st article{display:inline-block;height:100%;padding:43px 60px}
    .fml_st .flex-viewport{width:100%;display:inline-block;overflow:hidden}
    .fml_st .flex-direction-nav{position:absolute;left:50%;top:44px;width:960px;margin-left:-480px}
    .fml_st .flex-direction-nav a{position:absolute;width:29px;height:30px;text-indent:-9999px}
    .fml_st .flex-direction-nav a.flex-next{right:0;background:url(../images/fm_next.png)no-repeat center center;}
    .fml_st .flex-direction-nav a.flex-prev{left:0;background:url(../images/fm_prev.png)no-repeat center center;}
    footer .footer_cnt{padding:29px 0}
    footer address{float:left;color:#777;font-size:12px;font-weight:100}
    footer ul.link{float:right}
    footer ul.link li{float:left}
    footer ul.link li.line{margin:0 10px}
    footer ul.link li a{color:#777;font-size:12px;font-weight:100}
