/*
 * [[ Korea Development Institute - ENG ]]
 * 2019-01-21
 * cubeA & ��âȣ(Chang Ho. Lee) / ����
 * goldlch@cubea.co.kr
*/

#ui_contents .page_contents.line{border-top:5px solid #3d3d3d;margin-top:30px}
.about_wrap{margin-top:30px}
.about_wrap .rpt_tab{border-bottom:5px solid #414141}
.about_wrap .rpt_tab li{width:25%}
/* 원장님 메뉴 생성되면, 25%로 변경할 것, 현재는 서브메뉴 3개라 33.33으로 잡음 */
.message_top{padding:50px;background:#000 url("../img/message_top3.jpg") right bottom no-repeat;background-size:auto 100%;color:#fff}
.message_top strong{display:block;margin-bottom:30px;width:60%;font-size:2em;line-height:1.3em;font-weight:500}
.message_top em{display:block;font-weight:600;color:#f08200}
.message_top span{display:block;margin-top:25px;font-size:1.5em;font-weight:500}
.message_wrap{position:relative;padding:140px 0 0 500px}
.message_wrap:before,
.message_wrap:after{content:"";display:block;position:absolute;left:265px}
.message_wrap:before{top:0;width:1px;height:100%;border-right:1px dashed #f08200;z-index:1}
.message_wrap:after{bottom:0;margin-left:-6px;width:14px;height:14px;background-color:#f08200;border-radius:50%;z-index:2}
.message_wrap h3{font-size:2em;line-height:1.2em}
.message_wrap h3.t{position:absolute;top:0;left:0;padding:45px 0 20px 50px;width:450px;background-color:#fff;z-index:3}
.message_wrap .message p{margin:20px 0;font-size:1.1em;line-height:2em}
.message_wrap .message p:first-child{margin-top:0}
.message_wrap .message p em{float:left;display:block;margin:8px 10px 0 0;font-size:3em;line-height:1em}
.message_wrap .message h3{margin:30px 0}

.president_top{position:relative;padding:40px 40px 40px 280px;min-height:340px;background-color:#f5f5f6;border-bottom:1px solid #cecfd3}
.president_top .photo{position:absolute;left:60px;top:60px;width:160px;height:160px;border-radius:50%;overflow:hidden}
.president_top .photo img{width:100%}
.president_top > em{display:block;font-size:1.5em;line-height:1.3em;color:#f08200;font-weight:600}
.president_top > strong{display:block;margin:15px 0;font-size:2em;font-weight:500;line-height:1.2em}
.president_top dl{position:relative;padding-top:20px;margin-left:8px}
.president_top dl:before{content:"";display:block;position:absolute;left:0;top:0;width:140px;height:5px;background-color:#f08200}
.president_top dl:after{content:"";display:block;clear:both}
.president_top dl dt{float:left;margin-top:20px;width:20%;font-weight:600}
.president_top dl dd{float:left;margin-top:20px;width:80%}
.president_top dl dd ul li{position:relative;margin-top:15px;padding-left:60px}
.president_top dl dd ul li:first-child{margin-top:0}
.president_top dl dd ul li em{position:absolute;left:0;top:0}
.president_contents dl{display:block;padding:50px 55px;border-bottom:1px solid #cecfd3}
.president_contents dl dt{font-size:2em;line-height:1em;font-weight:600}
.president_contents dl dd{margin-top:50px;padding-left:350px;font-size:1em;line-height:1.5em}
.president_contents dl.txt dd{margin-top:-28px}
.president_contents ul{position:relative}
.president_contents ul li{padding-left:20px;position:relative;margin-bottom:25px}
.president_contents ul li:last-child{margin-bottom:0}
.president_contents ul li:before{content:"";display:block;position:absolute;left:0;top:10px;width:8px;height:8px;border-radius:50%;background-color:#3d3d3d}
.president_contents ul.history{overflow:hidden}
.president_contents ul.history:before{content:"";display:block;position:absolute;left:3px;top:12px;width:1px;height:100%;background-color:#000}
.president_contents ul.history:after{content:"";display:block;position:absolute;left:0px;bottom:0;width:10px;height:28px;background-color:#fff}
.president_contents ul.history li{position:relative;padding-left:260px}
.president_contents ul.history li:before{display:none;top:12px;background-color:#000}
.president_contents ul.history li:first-child:before,
.president_contents ul.history li:last-child:before{display:block}
.president_contents ul.history li em{position:absolute;left:20px;top:0}

.goals_top{padding:60px 0}
.goals_top ul:after{content:"";display:block;clear:both}
.goals_top ul li{margin-left:-1px;width:33.3%;height:300px;float:left;border:1px solid #cecfd3;box-sizing:border-box}
.goals_top ul li a{position:relative;display:block;width:100%;height:100%;background-color:#fff;color:#000}
.goals_top ul li.on a{color:#fff;background-color:#414141}
.goals_top ul li.on a:after{display:block;content:"";position:absolute;left:50%;bottom:-28px;margin-left:-23px;width:45px;height:28px;background:url("../img/goal_arrow.png") center center no-repeat}
.goals_top ul li a span{display:block;margin:0 40px;padding:40px 0 90px;height:105px;font-size:1.4em;line-height:1.1em;font-weight:600;background:left bottom no-repeat}
.goals_top ul li a em{position:absolute;right:20px;bottom:3px;display:block;color:#ececec;font-size:5em;line-height:0.8em}
.goals_top ul li.t01 a span{background-image:url("../img/ico_goals01.png")}
.goals_top ul li.t02 a span{background-image:url("../img/ico_goals02.png")}
.goals_top ul li.t03 a span{background-image:url("../img/ico_goals03.png")}
.goals_top ul li.t04 a span{background-image:url("../img/ico_goals04.png")}
.goals_wrap{position:relative;padding-top:38px}
.goals_wrap .full_down{position:absolute;top:0;left:50%;margin-left:-200px;padding:24px 0;display:block;width:400px;text-indent:50px;text-align:center;font-size:1em;color:#fff;border-radius:50px;background:#f08200 url("../img/ico_pdf.png") 70px center no-repeat;z-index:1}
.goals_conts .g_title{padding:54px 0;border:solid #cecfd3;border-width:1px 0;background-color:#f5f5f6}
.goals_conts .g_title em{display:inline-block;width:28%;font-size:5em;text-indent:40px;line-height:0.78em;vertical-align:middle;background:104px center no-repeat;background-size:auto 100%}
.goals_conts .g_title strong{display:inline-block;width:71%;font-size:1.8em;line-height:1.2em;vertical-align:middle;font-weight:600}
.goals_conts .section01 .g_title{padding:59px 0}
.goals_conts .section01 .g_title em{background-image:url("../img/ico_goals01.png")}
.goals_conts .section02 .g_title em{background-image:url("../img/ico_goals02.png")}
.goals_conts .section03 .g_title em{background-image:url("../img/ico_goals03.png")}
.goals_conts .section04 .g_title em{background-image:url("../img/ico_goals04.png")}
.goals_conts .g_desc{padding:50px 0}
.goals_conts .g_desc li{margin-bottom:50px;padding-left:394px;position:relative}
.goals_conts .g_desc li:last-child{margin-bottom:0}
.goals_conts .g_desc li .order{position:absolute;left:0;top:0;width:394px;text-align:center;font-size:1.65em;line-height:1.4em;font-weight:600}
.goals_conts .g_desc li .order em{display:inline-block;padding:0 13px;height:30px;font-size:0.8em;line-height:30px;color:#fff;font-weight:400;border-radius:15px;background-color:#000}
.goals_conts .g_desc li dl dt{font-size:1.5em;line-height:1.4em;font-weight:600}
.goals_conts .g_desc li dl dd{position:relative;margin-top:20px;padding-left:18px;font-size:1.1em;line-height:1.8em}
.goals_conts .g_desc li dl dd:before{content:"";display:block;position:absolute;left:0;top:17px;width:5px;height:5px;border-radius:50%;background-color:#3d3d3d}

.prev_presidents{padding-top:60px}
.prev_presidents ul{margin-right:-2%}
.prev_presidents ul:after{content:"";display:block;clear:both}
.prev_presidents ul li{float:left;margin:0 2% 2% 0;width:48%;border:1px solid #cecfd3;box-sizing:border-box}
.prev_presidents ul li button{position:relative;padding:0 30px 0 60px;display:block;width:100%;min-height:260px;background-color:#fff;
	transition:background-color 0.2s, color 0.2s;-webkit-transition:background-color 0.2s, color 0.2s}
.prev_presidents ul li .th{position:absolute;left:30px;top:20px;display:block;font-size:40px;line-height:1em;color:#808080;font-weight:400;
	transition:color 0.2s;-webkit-transition:color 0.2s}
.prev_presidents ul li .th em{font-size:25px}
.prev_presidents ul li .img{position:absolute;left:0;top:50%;width:160px;height:160px;overflow:hidden;margin:-80px 0 0 0;border-radius:100%;border:1px solid #cecfd3}
.prev_presidents ul li .img img{width:100%;height:auto}
.prev_presidents ul li .info{position:relative;padding-left:180px;text-align:center}
.prev_presidents ul li .info strong{display:block;font-size:1.8em;line-height:1em;font-weight:600}
.prev_presidents ul li .info p{margin:15px 0 20px;font-size:1.1em;color:#808080;font-weight:600}
.prev_presidents ul li .info span{width:180px;padding:16px 0;display:inline-block;font-size:1.1em;color:#808080;font-weight:600;border:1px solid #d0d1d5;border-radius:30px;
	transition:color 0.2s, background-color 0.2s;-webkit-transition:color 0.2s, background-color 0.2s}
.prev_presidents ul li button:hover .th{color:#f08200}
.prev_presidents ul li button:hover .info span{color:#ececec;border-color:#f08200;background-color:#f08200}

.vision_wrap{padding-top:55px;border-top:5px solid #3d3d3d;margin-top:30px}
.vision_wrap dl{position:relative;margin-bottom:40px;padding-left:470px}
.vision_wrap dl dt{position:absolute;left:0;top:0;padding:0 40px;width:390px;font-size:2em;line-height:1.2em;color:#3d3d3d;font-weight:600}
.vision_wrap dl dt strong{display:block;font-size:0.5em;line-height:1.5em;color:#f08200;font-weight:600}
.vision_wrap dl.line dt{padding-top:30px}
.vision_wrap dl.line dd{border-top:1px solid #cecfd3;padding-top:40px}
.vision_wrap .img_txt{margin-bottom:70px}
.vision_wrap .img_txt.mj{margin:0}
.vision_wrap .img_txt span{margin-bottom:40px;display:block;border:1px solid #cecfd3}
.vision_wrap .img_txt span img{display:block;width:100%}
.vision_wrap .img_txt span img.vis_m{display:none}
.vision_wrap .img_txt p{line-height:1.8em}
.vision_wrap .img_txt p em{float:left;margin:10px 15px 0 0;font-size:3em;line-height:1em}
.vision_wrap .img_txt strong{margin-bottom:15px;display:block;color:#f08200}
.vision_wrap ul.lst{margin-bottom:30px}
.vision_wrap ul.lst li{position:relative;padding-left:18px;line-height:1.8em}
.vision_wrap ul.lst li:before{content:"";display:block;position:absolute;left:4px;top:13px;width:5px;height:5px;border-radius:50%;background-color:#3d3d3d}
.vision_wrap ul.lst li ol > li{padding-left:0}
.vision_wrap ul.lst li ol > li:before{display:none}
.vision_wrap ul.lst li ol > li ul li{margin:8px 0 8px 30px;padding-left:12px;font-size:16px;color:#808080}
.vision_wrap ul.lst li ol > li ul li:before{width:3px;height:3px;top:13px;left:2px}
.vision_wrap .line p{padding-bottom:30px;border-bottom:1px solid #cecfd3}
.vision_wrap .pdf_down{padding:20px 10px 0 10px;background-color:#e8e8e8;border-bottom:1px solid #cecfd3}
.vision_wrap .pdf_down strong{font-weight:600}
.vision_wrap .pdf_down ul{padding-top:20px}
.vision_wrap .pdf_down ul:after{content:"";display:block;clear:both}
.vision_wrap .pdf_down ul li{float:left;margin:0 10px 30px 0;width:88px;height:88px;border:1px solid #cecfd3}
.vision_wrap .pdf_down ul li a{display:block;width:100%;height:100%;text-align:center;color:#808080;background-color:#fff;transition:background-color 0.2s, color 0.2s;-webkit-transition:background-color 0.2s, color 0.2s}
.vision_wrap .pdf_down ul li a span{display:block;padding-top:58px;font-size:14px;font-weight:600;background:url("../img/ico_pdf_off.png") center 12px no-repeat;background-size:34px auto}
.vision_wrap .pdf_down ul li a:hover{background-color:#f08200;color:#fff}
.vision_wrap .pdf_down ul li a:hover span{background-image:url("../img/ico_pdf_on.png")}
.vision_wrap .pdf_down ul li:last-child{margin-right:0}
.vision_wrap .bro_list{position:relative;padding:0 0 50px 260px;min-height:270px;border-bottom:1px solid #cecfd3}
.vision_wrap .bro_list > span{position:absolute;left:0;top:0;display:block;width:100%}
.vision_wrap .bro_list .btn{position:relative;margin-top:30px;text-align:right;z-index:2}
.vision_wrap .bro_list .btn a{display:inline-block;padding:20px 0;width:210px;text-indent:40px;font-weight:600;color:#fff;text-align:center;border-radius:50px;background:#f08200 url("../img/ico_pdf.png") 30px center no-repeat;background-size:27px auto}
.vision_wrap .bro_list ul.lst{margin-bottom:0}

.h_list_box .his_top{margin:30px 0;height:190px;overflow:hidden}
.h_list_box .his_top .h_img{float:left;position:relative;margin:0 40px 18px 0;padding-left:180px;width:270px;border-top:10px solid #3d3d3d;background-color:#3d3d3d}
.h_list_box:first-child .his_top .h_img{border-color:#f08200;background-color:#f08200}
.h_list_box .his_top .h_img span{position:absolute;left:0;top:40px;width:180px;display:block;font-size:30px;line-height:0.9em;color:#fff;font-weight:600;text-align:center}
.h_list_box .his_top .h_img img{display:block;width:100%}
.h_list_box .his_top > em{display:block;font-size:1.7em;color:#f08200;font-weight:600}
.h_list_box .his_top > strong{padding:13px 0 12px;display:block;font-size:26px;line-height:32px;font-weight:600}
.h_list_box .his_top > p{padding-right:45px;font-size:1em;line-height:26px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.h_list_box .his_top .perform{margin-top:41px;padding:20px 30px;border:1px solid #c8c8c8;line-height:1.4em}
.h_list_box .his_top .perform > strong{display:block;margin-bottom:15px;font-size:1.05em;color:#000}
.h_list_box .his_top .perform ul{display:block}
.h_list_box .his_top .perform li{position:relative;margin-top:12px;padding-left:15px;font-size:0.95em;line-height:1.4em;color:#666}
.h_list_box .his_top .perform li .link{display:block;font-size:0.95em;line-height:1.5em;color:#666;padding-left:28px}
.h_list_box .his_top .perform li .link:hover{color:#f08200}
.h_list_box .his_top .perform li .link:before{content:"";display:block;position:absolute;left:15px;top:0;width:22px;height:22px;background:url("../img/btn_link.png") center center no-repeat}
.h_list_box .his_top .perform li:first-child{margin-top:0}
.h_list_box .his_top .perform li:before{content:"";display:block;position:absolute;left:2px;top:10px;width:3px;height:3px;background-color:#d2d2d2}

.h_show_more{position:relative;padding:0 50px;border-top:1px solid #cecfd3;background-color:#f3f3f4}
.h_show_more .h_hide{display:none}
.h_show_more button{position:absolute;top:-30px;right:0;display:block;padding:0 30px;width:300px;height:60px;text-align:left;border:1px solid #cecfd3;color:#808080;font-weight:600;line-height:60px;background-color:#fff}
.h_show_more button.b_close{top:auto;bottom:-30px}
.h_show_more button:after{content:"";display:block;position:absolute;top:0;right:30px;width:20px;height:60px;background:url("../img/ico_plus2.png") center center no-repeat;vertical-align:top}
.h_show_more .parts{padding:30px 0;border-bottom:1px solid #cecfd3}
.h_show_more .parts strong{display:block;font-size:2em;font-weight:600}
.h_show_more .parts ul{padding-left:200px;margin-top:-24px}
.h_show_more .parts ul li{position:relative;margin-top:18px;padding-left:15px}
.h_show_more .parts ul li:before{content:"";display:block;position:absolute;left:0;top:10px;width:5px;height:5px;border-radius:50%;background-color:#3d3d3d}
.h_show_more .parts ul li:first-child{margin-top:0}
.h_show_more .parts ul li em{color:#666}
.h_show_more .parts ul li .link{padding-left:28px;display:block}
.h_show_more .parts ul li .link:hover{color:#f08200}
.h_show_more .parts ul li .link:before{content:"";display:block;position:absolute;left:15px;top:0;width:22px;height:22px;background:url("../img/btn_link.png") center center no-repeat}
.h_list_box.open .his_top > p{padding-left:45px;display:contents;-webkit-line-clamp:initial}
.h_list_box.open .h_show_more button{color:#fff;background-color:#f08200}
.h_list_box.open .h_show_more button:after{background-image:url("../img/ico_mus2_on.png")}
.h_list_box.open .h_show_more > button.on{display:none}

.org_wrap{border-top:5px solid #3d3d3d;margin-top:30px}
.org_wrap .o_info{position:relative;margin-bottom:40px;padding:0 450px 0 50px;border-bottom:1px solid #cecfd3}
.org_wrap .o_info span{padding:34px 0;display:block}
.org_wrap .o_info strong{position:absolute;right:50px;top:50%;margin-top:-26px;display:block}
.org_wrap .o_info strong button{padding:14px 0;display:block;width:398px;text-indent:10px;text-align:center;color:#808080;font-weight:600;border:1px solid #cecfd3;border-radius:50px;background:url("../img/ico_print_off.png");background-position:50px center;background-repeat:no-repeat;
	transition:background-color 0.2s, color 0.2s;-webkit-transition:background-color 0.2s, color 0.2s}
.org_wrap .o_info strong button:hover{color:#fff;background-color:#f08200;background-image:url("../img/ico_print_on.png")}
.organi_conts{position:relative;margin:0 auto;overflow:hidden}
.organi_conts:after{content:'';display:block;clear:both;font-size:0;line-height:0;letter-spacing:0;overflow:hidden}
.organi_conts:before{content:"";display:block;position:absolute;top:-2px;left:50%;width:1px;height:46%;background-color:#cecfd3;z-index:0}
.organi_conts .section{position:relative;padding-bottom:290px}
.organi_conts .section.se02{float:right;width:50%;padding-bottom:380px}
.organi_conts .section.se03{float:left;width:50%;padding-bottom:380px}
.organi_conts .section:first-child .captain button{background-color:#f08200}
.organi_conts .section:after{content:"";display:block;clear:both}
.organi_conts .section button{position:relative;width:100%;color:#414141;font-size:16px;line-height:1em;text-align:left;font-weight:600;background-color:#fff;padding-left:16px}
.organi_conts .section button:after{content:"";display:block;position:absolute;left:0;top:6px;width:4px;height:4px;background-color:#cecfd3;border-radius:2px}
.organi_conts .section button.dot:after{top:8px}
.organi_conts .section button:hover{color:#f08200}
.organi_conts .section button.off{cursor:default}
.organi_conts .section button.off:hover{color:#414141}
.organi_conts .section .captain{position:relative;display:block;text-align:center;z-index:1}
.organi_conts .section .captain button{border:0;padding:11px 0;width:350px;font-size:18px;text-align:center;color:#fff;background-color:#3d3d3d;cursor:default}
.organi_conts .section .captain button:after{display:none}
.organi_conts .section .le button{padding-left:0;padding-right:16px;text-align:right}
.organi_conts .section .le button:after{left:auto;right:0}
.organi_conts .org_box{width:50%;position:absolute;top:70px}
.organi_conts .org_box.le{left:0}
.organi_conts .org_box.ri{right:0}
.organi_conts .org_box ul{position:relative;margin-bottom:30px}
.organi_conts .section.se02 .org_box.le ul{margin-top:10px}
.organi_conts .section.se02 .org_box.ri ul:before,
.organi_conts .section.se03 .org_box.ri ul:before{display:none}
.organi_conts .section.se03 .org_box.add{top:270px}
.organi_conts .section.se03 .org_box.add ul{margin-bottom:0}
.organi_conts .section.se03 .org_box.add ul:before{display:block;height:82px}
.organi_conts .org_box ul:before{content:"";display:block;position:absolute;top:10px;width:1px;height:82px;background-color:#cecfd3;z-index:0}
.organi_conts .org_box ul.no:before{display:none}
.organi_conts .org_box ul li{position:relative;margin-top:20px;width:100%;line-height:1em;padding-bottom:0px}
.organi_conts .org_box ul li:before{content:"";display:block;position:absolute;top:10px;width:100px;height:1px;background-color:#cecfd3;z-index:0}
.organi_conts .org_box ul li.m:before{width:50px}
.organi_conts .org_box ul li:first-child{margin-top:0}
.organi_conts .org_box.le ul{float:right;padding-right:100px}
.organi_conts .org_box.le ul:before,
.organi_conts .org_box.le ul:after{right:50px}
.organi_conts .org_box.le ul li:before{left:100%}
.organi_conts .org_box.le ul.mj01{margin-top:51px}
.organi_conts .org_box.le ul.mj02{margin-top:67px}
.organi_conts .org_box.ri ul{padding-left:100px}
.organi_conts .org_box.ri ul:before,
.organi_conts .org_box.ri ul:after{left:50px}
.organi_conts .org_box.ri ul li:before{right:100%}
.organi_conts .org_box.ri ul li ul{margin-bottom:0;padding-left:60px}
.organi_conts .org_box.ri ul li ul:before{left:30px;width:30px}
.organi_conts .org_box.ri ul li ul li{position:relative;margin-top:20px}
.organi_conts .org_box.ri ul li ul li button{color:#808080}
.organi_conts .org_box.ri ul li ul li button:hover{color:#fff}
.organi_conts .org_box.ri ul li ul li:before{content:"";display:block;position:absolute;top:-20px;left:-30px;width:1px;height:46px;background-color:#cecfd3}
.organi_conts .org_box.ri ul.oth01:before{height:39px}
.organi_conts .org_box.ri ul.oth01:after{content:'';width:50px;height:1px;background-color:#cecfd3;position:absolute;left:0;top:50%}
.organi_conts .section.se03:before{content:'';display:block;width:264px;height:1px;background-color:#cecfd3;position:absolute;left:461px;top:20px}
.organi_conts .section.se02:after,
.organi_conts .section.se03:after{position:absolute;left:140px;top:40px;width:1px;background-color:#cecfd3}
.organi_conts .section.se02:after{height:188px}
.organi_conts .section.se03:after{height:294px}
.organi_conts .section.se02 .org_box,
.organi_conts .section.se03 .org_box{width:87%}
.organi_conts .section.se02 .org_box ul li:before,
.organi_conts .section.se03 .org_box ul li:before{width:38px}
.organi_conts .section.se02 .org_box ul.oth02 li:before,
.organi_conts .section.se03 .org_box ul.oth02 li:before{width:22px}
.organi_conts .section.se02 .org_box ul.oth02:after,
.organi_conts .section.se03 .org_box ul.oth02:after,
.organi_conts .section.se02 .org_box ul.oth02:before,
.organi_conts .section.se03 .org_box ul.oth02:before{content:'';display:block;background-color:#cecfd3;position:absolute;left:0;top:0}
.organi_conts .section.se02 .org_box ul.oth02:before,
.organi_conts .section.se03 .org_box ul.oth02:before{height:68%;width:1px;left:77px;top:10px}
.organi_conts .section.se02 .org_box ul.oth02:after,
.organi_conts .section.se03 .org_box ul.oth02:after{width:15px;height:1px;left:62px;top:44%}
.organi_conts .section.se02 .org_box ul.oth02.bar01:before,
.organi_conts .section.se03 .org_box ul.oth02.bar01:before{height:84%}
.organi_conts .section.se03 .org_box ul.oth02.bar02:before{height:156px}
.organi_conts .section.se02 .org_box ul.oth02.bar03:before{height:129px}

.page_office{padding-top:50px}
.page_office > strong{display:block;background-color:#f08200;color:#fff;font-size:1.2em;font-weight:600;line-height:50px;border-top:3px solid #3d3d3d;text-align:center}
.page_office table td{border-bottom:1px solid #ccc;padding-top:12px;padding-bottom:12px}
.page_office table tr.bg{background-color:#e8e8e8}
.page_office table td:first-child{padding-left:200px}
.page_office table td strong{font-size:1.4em}
.page_office table td .name{background:url('../img/ico_man.png') left center no-repeat}
.page_office table td .name *{line-height:22px;display:block;padding-left:30px}
.page_office table td .name span{font-weight:600}
.page_office table td .name a{color:#787878}
.page_office table td .name a:hover{color:#f08200}

.location_info{margin-top:30px}
.location_info > .title{display:block;width:100%;border-top:5px solid #3d3d3d;border-bottom:1px solid #cecfd3;background-color:#f3f3f4}
.location_info > .title span{display:block;font-weight:700;font-size:26px;line-height:120px;padding-left:130px;background:url('../img/ico_map-point.png') 48px center no-repeat}
.location_info .other_tip{padding:50px 0 0 50px}
.location_info .other_tip li{color:#414141;margin-bottom:16px;position:relative;padding-left:20px}
.location_info .other_tip li:before{content:'*';display:inline-block;vertical-align:top;color:#f08200;width:20px;position:absolute;left:0;top:4px}
.location_info .address_box,
.location_info .transp_box{padding:30px 0 30px 50px;border-bottom:1px solid #cecfd3}
.location_info .address_box > strong,
.location_info .transp_box > strong{line-height:1em;color:#f08200;display:block;margin-bottom:20px}
.location_info .address_box p{display:block;font-size:24px;line-height:1.4em;font-weight:700}
.location_info .address_box ul{margin-top:30px}
.location_info .address_box ul li{display:inline-block;vertical-align:top;margin-right:54px}
.location_info .address_box ul li a{font-size:18px;color:#414141;line-height:40px}
.location_info .address_box ul li a:before{content:'';display:inline-block;vertical-align:top;width:40px;height:40px;margin-right:18px;background-repeat:no-repeat;background-image:url('../img/ico_location-all.png');text-indent:-99999em;overflow:hidden}
.location_info .address_box ul li:first-child a:before{background-position:center 0}
.location_info .address_box ul li a:before{background-position:center -50px}
.location_info .transp_box:after{content:'';display:block;clear:both;font-size:0;line-height:0;letter-spacing:0;overflow:hidden}
.location_info .transp_box > ul{float:left;width:48%}
.location_info .transp_box > ul > li strong{display:block;line-height:40px;color:#3d3d3d;font-size:20px}
.location_info .transp_box > ul > li strong:before{content:'';display:inline-block;vertical-align:top;width:40px;height:40px;margin-right:18px;background-repeat:no-repeat;background-image:url('../img/ico_location-all.png');background-position:center -100px;text-indent:-99999em;overflow:hidden}
.location_info .transp_box > ul > li ol{padding:0 0 20px 50px}
.location_info .transp_box > ul > li ol li{position:relative;color:#808080;padding-left:22px;line-height:1.8em}
.location_info .transp_box > ul > li ol li:before{content:'';display:block;position:absolute;left:2px;top:16px;width:6px;height:6px;background-color:#808080;border-radius:3px}
.location_info .transp_box .map{float:right;margin-top:10px;width:50%;height:668px;border:1px solid #f08200;position:relative;overflow:hidden}
.location_info .transp_box .map .area{width:100%;height:100%;position:relative}
.location_info .transp_box .map > a{display:block;position:absolute;right:0;bottom:0;width:90px;height:90px;background:url('../img/map_way.png') center center no-repeat;text-indent:-99999em;overflow:hidden;z-index:1}

@media all and ( max-width:720px ){
	#ui_contents .page_contents.line{margin-top:0;border-top-width:3px}
	.about_wrap{margin-top:0}
	.about_wrap .rpt_tab li{width:24%}
	.about_wrap .rpt_tab li a{font-size:12px}
	.message_top{padding:20px;background-image:url("../img/m/message_top.jpg")}
	.message_top strong{margin-bottom:20px;width:72%;line-height:1.3em;font-size:1.4em}
	.message_top span{margin-top:14px;font-size:1.3em}
	.message_wrap{padding:30px 0}
	.message_wrap:before, 
	.message_wrap:after{display:none}
	.message_wrap h3{color:#3d3d3d}
	.message_wrap h3.t{position:static;padding:0 0 16px 0;width:auto}
	.message_wrap .message p{font-size:12px}
	.message_wrap .message h3{margin:20px 0 15px}
	.president_top{padding:25px 15px;min-height:auto}
	.president_top .photo{position:static;width:120px;height:100%;margin:0 auto 20px}
	.president_top > strong{margin:15px 0}
	.president_top dl{padding-top:5px;margin-left:0}
	.president_top dl:before{width:50px;height:3px}
	.president_top dl dt{float:none;margin-top:15px;width:100%}
	.president_top dl dd{float:none;margin-top:10px;width:100%}
	.president_top dl dd ul li{margin-top:10px;padding-left:34px}
	.president_contents dl{padding:30px 0}
	.president_contents dl dd{padding-left:0;margin-top:20px;font-size:1.1em}
	.president_contents dl.txt dd{margin-top:20px}
	.president_contents ul li{margin-bottom:15px;padding-left:16px}
	.president_contents ul li:before{left:6px;top:6px;width:3px;height:3px}
	.president_contents ul.history:before,
	.president_contents ul.history:after{display:none}
	.president_contents ul.history li{padding-left:0}
	.president_contents ul.history li:before{display:none}
	.president_contents ul.history li:first-child:before, 
	.president_contents ul.history li:last-child:before{display:none}
	.president_contents ul.history li em{position:static;display:block;left:0}
	.goals_top{padding:35px 0 25px}
	.goals_top ul li{width:100%;height:150px}
    /* 4개일 경우 width값 50%로 하면 됨 */
	.goals_top ul li.t03,
	.goals_top ul li.t04{border-top:0}
	.goals_top ul li a:after{bottom:-14px;margin-left:-11px;width:23px;height:15px;background-size:23px auto;z-index:1}
	.goals_top ul li a span{margin:0 10px;padding:20px 0 50px;height:60px;font-size:1.2em;background-size:30px auto}
	.goals_top ul li a em{right:10px}
	.goals_wrap{padding-top:25px}
	.goals_wrap .full_down{margin-left:-100px;padding:12px 0;width:200px;text-indent:20px;background-position:30px center;background-size:14px auto}
	.goals_conts .g_title{padding:20px 0}
	.goals_conts .g_title em{width:90px;text-indent:10px;line-height:0.78em;background-position:40px 0;background-size:36px auto}
	.goals_conts .g_title strong{width:68%;font-size:1.5em}
	.goals_conts .section01 .g_title{padding:23px 0}
	.goals_conts .g_desc{margin-left:15px;padding:27px 0}
	.goals_conts .g_desc li{margin-bottom:25px;padding-left:0}
	.goals_conts .g_desc li .order{position:static;display:block;width:100%;text-align:left}
	.goals_conts .g_desc li .order em{padding:0 8px;height:18px;line-height:20px}
	.goals_conts .g_desc li dl dt{margin:15px 0 20px;line-height:1.3em}
	.goals_conts .g_desc li dl dd{margin-top:10px;padding-left:8px}
	.goals_conts .g_desc li dl dd:before{top:6px;width:3px;height:3px}
	.prev_presidents{padding-top:30px}
	.prev_presidents ul{margin:0}
	.prev_presidents ul li{float:none;margin-right:0;width:100%}
	.prev_presidents ul li button{padding-left:7%;min-height:180px}
	.prev_presidents ul li .th{left:10px;top:15px;font-size:20px}
	.prev_presidents ul li .th em{font-size:20px}
	.prev_presidents ul li .info{padding-left:90px}
	.prev_presidents ul li .img{margin-top:-45px;width:90px;height:90px}
	.prev_presidents ul li .info strong{font-size:1.8em}
	.prev_presidents ul li .info span{width:90px;padding:7px 0}
	.vision_wrap{padding-top:25px;border-top-width:3px;margin-top:0}
	.vision_wrap dl{padding-left:0;margin-bottom:25px}
	.vision_wrap dl dt{padding:0 0 25px;position:static;width:100%}
	.vision_wrap dl dt strong {line-height:2em}
	.vision_wrap .img_txt{margin-bottom:30px}
	.vision_wrap .img_txt span{margin-bottom:25px}
	.vision_wrap .img_txt span img.vis_w{display:none}
	.vision_wrap .img_txt span img.vis_m{display:block}
	.vision_wrap .img_txt p{font-size:1.1em}
	.vision_wrap .img_txt p em{margin:4px 10px 0 0}
	.vision_wrap .img_txt strong{font-size:11px}
	.vision_wrap ul.lst li{padding-left:12px;font-size:12px}
	.vision_wrap ul.lst li:before{width:3px;height:3px;top:9px}
	.vision_wrap ul.lst li ol{margin:10px 0}
	.vision_wrap ul.lst li ol > li ul li{margin-left:0;font-size:12px;line-height:1.5em}
	.vision_wrap ul.lst li ol > li ul li:before{top:8px}
	.vision_wrap .line p{font-size:11px}
	.vision_wrap .pdf_down{padding-bottom:15px}
	.vision_wrap .pdf_down ul{padding-top:15px}
	.vision_wrap .pdf_down ul li{margin:0 5px 10px 0;width:60px;height:60px}
	.vision_wrap .pdf_down ul li a span{padding-top:40px;font-size:10px;background-size:20px auto;background-position:center 10px}
	.vision_wrap .bro_list{padding:0 0 30px 120px;min-height:auto}
	.vision_wrap .bro_list > span{width:105px}
	.vision_wrap .bro_list > span img{display:block;width:100%;height:auto}
	.vision_wrap .bro_list .btn{text-align:left}
	.vision_wrap .bro_list .btn a{padding:12px 0;width:110px;text-indent:28px;font-size:10px;background-position:20px center;background-size:14px auto}
	.vision_wrap dl.line dt{border-top:1px solid #cecfd3;padding-top:20px}
	.vision_wrap dl.line dd{border-width:0;padding-top:0}
	.h_list_box .his_top{margin:30px 0;height:310px}
	.h_list_box:first-child .his_top .h_img,
	.h_list_box .his_top .h_img{float:none;margin:0 0 25px;padding:0 165px 0 0;width:auto;height:110px;border-top-width:5px}
	.h_list_box .his_top .h_img img{position:absolute;right:0;top:0;height:100%;width:auto}
	.h_list_box .his_top .h_img span{position:static;display:block;width:auto;margin-top:25px;font-size:20px;line-height:0.9em}
	.h_list_box .his_top > strong{padding:5px 0 15px;font-size:15px;line-height:1.3em}
	.h_list_box .his_top > p{padding-right:0;font-size:12px;-webkit-line-clamp:6;line-height:20px}
	.h_list_box .his_top .perform{margin-top:25px;padding:15px 10px}
	.h_list_box .his_top .perform li{padding-left:10px}
	.h_list_box .his_top .perform li:before{top:7px}
	.h_list_box .his_top .perform li .link{padding-left:22px}
	.h_list_box .his_top .perform li .link:before{background-size:14px auto;left:12px;width:14px;height:16px}
	.h_show_more{padding:0}
	.h_show_more button{top:-15px;padding:0 15px;width:160px;height:30px;line-height:30px}
	.h_show_more button.b_close{bottom:-15px}
	.h_show_more button:after{right:15px;width:10px;height:28px;background-size:10px auto}
	.h_show_more .parts{padding:15px 10px}
	.h_show_more .parts strong{line-height:1.6em;font-size:18px}
	.h_show_more .parts ul{padding-left:0;margin-top:0}
	.h_show_more .parts ul li{margin-top:10px;padding-left:15px;font-size:11px;line-height:1.8em}
	.h_show_more .parts ul li:before{top:9px;margin-top:0;left:6px;width:3px;height:3px}
	.h_show_more .parts ul li .link{padding-left:20px}
	.h_show_more .parts ul li .link:before{background-size:14px auto;left:16px;width:14px;height:17px}
	.h_list_box.open .his_top > p{padding-left:0}
	.h_list_box.open .h_show_more button{color:#fff;background-color:#f08200}
	.h_list_box.open .h_show_more button:after{background-image:url("../img/ico_mus2_on.png")}
	.org_wrap{border-top-width:3px}
	.org_wrap .o_info{margin-bottom:20px;padding:0 0 15px}
	.org_wrap .o_info span{padding:15px 10px 10px 10px;margin-left:8px;text-indent:-8px;line-height:1.2em}
	.org_wrap .o_info strong{margin:0;position:static}
	.org_wrap .o_info strong button{margin:0 auto;padding:7px 0;width:200px;font-size:10px;background-position:20px center;background-size:12px auto}
	.page_office{padding-top:20px}
	.page_office > strong{line-height:40px}
	.page_office table td{padding:10px}
	.page_office table td:first-child{padding-left:10px;padding-right:10px}
	.page_office table td strong{font-size:1.2em}
	.page_office table td .name{background-size:10px auto}
	.page_office table td .name *{padding-left:15px;line-height:16px}
	
	.organi_conts:before{left:10px;top:17px;bottom:0;height:69%;border-bottom:1px solid #6f6f6f;border-left:1px solid #6f6f6f;width:22px;background-color:#fff}
	.organi_conts:after{content:"";display:block;position:absolute;left:0;bottom:0;width:30px;height:8px;background-color:#fff;z-index:2}
	.organi_conts .section,
	.organi_conts .section.se02,
	.organi_conts .section.se03{padding-bottom:0}
	.organi_conts .section button{min-width:auto;width:100%;font-size:12px;padding-left:6px;background:none;line-height:16px;vertical-align:top}
	.organi_conts .section button:after{right:10px;background-size:10px auto}
	.organi_conts .section .le button{text-align:left;padding-left:12px;padding-right:0}
	.organi_conts .section .le button:after{right:auto;left:0}
	.organi_conts .section .captain{padding-bottom:15px;text-align:left}
	.organi_conts .section .captain button{padding:6px 20px;width:auto;min-width:150px;font-size:13px}
	.organi_conts .org_box{position:relative;width:100%;left:0;top:0}
	.organi_conts .org_box:after{content:'';display:block;width:20px;height:18px;background-color:#fff;position:absolute;left:30px;top:22px}
	.organi_conts .org_box ul{width:auto !important;padding-left:20px;margin-left:11px;margin-bottom:15px;overflow:hidden;padding:0 0 0 40px}
	.organi_conts .org_box ul:before{top:8px;height:100%}
	.organi_conts .org_box ul:after{display:none}
	.organi_conts .org_box ul li{margin-bottom:10px;z-index:2;margin-top:10px}
	.organi_conts .org_box ul li:last-child{margin-bottom:0}
	.organi_conts .org_box ul.no li{margin-bottom:0}
	.organi_conts .org_box.le ul{float:none;padding:0 0 0 40px}
	.organi_conts .section.se02 .org_box.le:after{top:-9px}
	.organi_conts .section.se02 .org_box.ri:after{top:-9px}
	.organi_conts .section.se03 .org_box.add{top:0}
	.organi_conts .section.se02 .org_box.ri ul:before{height:100%}
	.organi_conts .section.se03 .org_box.le ul{margin-bottom:15px}
	.organi_conts .section.se03 .org_box:after{height:31px;top:-23px}
	.organi_conts .section.se02 .org_box.le ul{margin-top:0}
	.organi_conts .org_box.le ul:before,
	.organi_conts .org_box.le ul:after{right:auto;left:22px}
	.organi_conts .org_box.ri ul{padding-left:20px}
	.organi_conts .org_box.ri ul:before,
	.organi_conts .org_box.ri ul:after{left:22px}
	.organi_conts .org_box.ri ul li:before,
	.organi_conts .org_box.le ul li:before{left:auto;right:100%;top:8px;width:40px}
	.organi_conts .org_box.ri ul li:first-child:before,
	.organi_conts .org_box.le ul li:first-child:before{display:block}
	.organi_conts .org_box.ri ul li ul{padding-left:20px}
	.organi_conts .org_box.ri ul li ul:before{left:0;width:22px;top:15px}
	.organi_conts .org_box.ri ul li ul li{margin-top:10px}
	.organi_conts .org_box.ri ul li ul li:before{top:-10px;left:-20px;height:26px}
	.organi_conts .org_box.ri ul li.m:before,
	.organi_conts .org_box.le ul li.m:before{width:18px}
	.organi_conts .section.se03 .org_box.add:before{content:'';display:block;background-color:#fff;position:absolute;left:25px;top:50%;height:100%;width:10px;margin-top:1px}
	.organi_conts .section.se02,
	.organi_conts .section.se03{float:none;width:98%;margin-left:20px}
	.organi_conts .section.se02:after, 
	.organi_conts .section.se03:after{left:6px;top:26px}
	.organi_conts .org_box.le ul.mj01,
	.organi_conts .org_box.le ul.mj02{margin-top:0}
	.organi_conts .section.se01 .org_box ul{padding-left:20px}
	.organi_conts .section.se01 .org_box ul li:before{width:20px}
	.organi_conts .section.se01 .org_box ul.oth01{padding-left:42px}
	.organi_conts .section.se01 .org_box ul.oth01:after{content:'';display:block;width:22px;height:1px;background-color:#cecfd3;position:absolute;left:0;top:50%}
	.organi_conts .section.se01 .org_box ul.oth01:before{height:27px}
	.organi_conts .section.se01 .org_box ul.mbar01{padding-left:42px}
	.organi_conts .section.se01 .org_box ul.mbar01 li:before{width:42px}
	.organi_conts .section.se03:before{display:none}
	.organi_conts .section.se02 .org_box, 
	.organi_conts .section.se03 .org_box{width:100%}
	.organi_conts .section.se02 .org_box ul,
	.organi_conts .section.se03 .org_box ul{margin-left:7px}
	.organi_conts .section.se02 .org_box ul.oth02:before, 
	.organi_conts .section.se03 .org_box ul.oth02:before{left:10px;top:8px}
	.organi_conts .section.se02 .org_box ul.oth02.bar01:before,
	.organi_conts .section.se03 .org_box ul.oth02.bar01:before{height:87%}
	.organi_conts .section.se03 .org_box ul.oth02.bar02:before{height:83%}
	.organi_conts .section.se02 .org_box ul.oth02:after,
	.organi_conts .section.se03 .org_box ul.oth02:after{left:0;margin-top:-1px;width:10px}
	.organi_conts .section.se02:after{height:137px}
	.organi_conts .section.se02 .org_box ul.oth02.bar03:before{height:56px}
	.organi_conts .section.se02 .org_box ul.bar02:before{height:28px}
	.organi_conts .section.se03 .captain:after{content:'';display:block;width:9px;height:1px;background-color:#6f6f6f;position:absolute;left:-9px;top:14px}
    .organi_conts .section.se02 .org_box ul.oth02 li:before, 
	.organi_conts .section.se03 .org_box ul.oth02 li:before{width:10px}
	.organi_conts .section button.dot:after{top:6px}

	.location_info{margin-top:0}
	.location_info > .title{border-top-width:3px}
	.location_info > .title span{font-size:15px;line-height:65px;padding-left:50px;background-position:10px center;background-size:30px auto}
	.location_info .other_tip,
	.location_info .address_box, 
	.location_info .transp_box{padding:24px 10px}
	.location_info .address_box > strong,
	.location_info .transp_box > strong{margin-bottom:10px;font-size:12px}
	.location_info .address_box p{font-size:15px}
	.location_info .address_box ul{margin-top:15px}
	.location_info .address_box ul li{display:inline-block;vertical-align:top;margin-right:6px}
	.location_info .address_box ul li a{font-size:14px;line-height:20px}
	.location_info .address_box ul li a:before{width:20px;height:20px;background-size:20px auto;margin-right:8px}
	.location_info .address_box ul li a:before{background-position:center -25px}
	.location_info .other_tip li{font-size:12px;padding-left:10px;margin-bottom:8px;line-height:1.4em}
	.location_info .other_tip li:before{top:3px}
	.location_info .transp_box .map{float:none;width:auto;height:300px;margin-bottom:15px}
	.location_info .transp_box .map img{width:100%}
	.location_info .transp_box .map .area{width:auto}
	.location_info .transp_box .map > a{width:45px;height:45px;background-size:25px auto}
	.location_info .transp_box > ul{float:none;width:auto}
	.location_info .transp_box > ul > li strong{font-size:12px;line-height:20px}
	.location_info .transp_box > ul > li strong:before{width:20px;height:20px;margin-right:8px;background-size:20px auto;background-position:center -50px}
	/*.location_info .transp_box > ul > li.bus strong:before{background-size:center -75px}*/
	.location_info .transp_box > ul > li ol{padding:10px 0 10px 20px}
	.location_info .transp_box > ul > li ol li{padding-left:11px}
	.location_info .transp_box > ul > li ol li:before{width:3px;height:3px;border-radius:2px;top:8px}
}