@charset "UTF-8";

/*-------------------------------------------------
sub.css  /  2020-10-30
-------------------------------------------------*/

/* 레이아웃 */
#main:before{ position: absolute; top: 5.6rem; left: 0; content: ''; display: block; width: 100%; height: 1px; background-color: #ddd; }
.main_wrap { width: 140rem; max-width: calc(100% - 4rem); padding-top: 14rem; margin-left: auto !important; margin-right: auto !important; position: relative; }

/* 텍스트 */
.red{ color: #ED1B28; }
h4.txt_title{ display: block; font-size: 2.1rem; line-height: 4.1rem; color: #000; letter-spacing: -0.1rem; margin-bottom: 2.2rem; }
.point_red{ color: #E00B0B; font-size: 1.6rem; font-weight: 300; }

/* 리스트 */
.list_bar { display: inline-block; width: 100%; margin-bottom: 10px; text-align: left;}
.list_bar > li { position: relative; display: inline-block; width: 100%; margin-bottom: 10px; padding-left: 23px; color: #555; line-height: 1.4; word-break: keep-all;}
.list_bar > li:before { position: absolute; top: 11px; left: 9px; content: ""; display: inline-block; width: 5px; height: 1px; background-color: #555; color: #555; line-height: 1.2;}
.list_dot > li { position: relative; display: inline-block; width: 100%; margin-bottom: 10px; padding-left: 14px; color: #555; line-height: 1.4;}

.list_dot { display: inline-block; width: 100%; margin-bottom: 10px; text-align: left; font-weight: 400;}
.list_dot > li:before { position: absolute; top: 11px; left: 6px; content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background-color: #E22631; color: #999; line-height: 1.2;}
.list_number { display: inline-block; width: 100%; margin-bottom: 10px; text-align: left;}
.list_number > li { position: relative; display: inline-block; width: 100%; margin-bottom: 15px; padding-left: 75px; color: #555; line-height: 1.4; word-break: keep-all; }
.list_number > li .num { position: absolute; top: 0px; left: 9px; display: inline-block; width: 55px; height: 24px; background-color: #f0f1f3; border-radius: 25px; text-align: center; line-height: 24px; }
/* 리스트 */

/* margin-bottom */
.mb10{ margin-bottom: 10px; }
.mb20{ margin-bottom: 20px; }
.mb30{ margin-bottom: 30px; }
.mb40{ margin-bottom: 40px; }
.mb50{ margin-bottom: 50px; }
.mb50{ margin-bottom: 50px; }
.mb60{ margin-bottom: 60px; }
.mb70{ margin-bottom: 70px; }
.mb80{ margin-bottom: 80px; }
.mb90{ margin-bottom: 90px; }
.mb100{ margin-bottom: 100px; }
/* margin-bottom */

/* 발간물 탑박스 */
.pub_topbox{ position: relative; border: 4px solid #EBEBEB; padding: 3rem 2rem; margin-bottom: 6rem; text-align: center; }
.pub_topbox:before{ position: absolute; top: -4px; left: -4px; content: ""; display: inline-block; width: 2.2rem; height: 2.1rem; background: url(/main/img/sub/pub_before.png) no-repeat; background-size: contain; }
.pub_topbox:after{ position: absolute; bottom: -4px; right: -4px; content: ""; display: inline-block; width: 2.2rem; height: 2.1rem; background: url(/main/img/sub/pub_before.png) no-repeat; background-size: contain; transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.pub_topbox_tit{ font-size: 1.7rem; font-weight: 400; color: #454545; letter-spacing: -0.085rem; word-break: keep-all; }
.pub_topbox_tit .point { color: #E20A17; text-decoration: underline; }
.pub_topbox_tit .arrow{ display: inline-block; width: 3rem; height: 3rem; border-radius: 50%; margin-left: .5rem; background-color: #454545; vertical-align: middle; color: #fff; font-size: 1.9rem; text-align: center; }

/* 테이블 */
.table_box { position: relative; margin-bottom: 30px;}
.table_box::after { content: ''; width: 100%; height: 1px; background: #9ca7b2; position: absolute; bottom: 0; left: 0; }
.table.left th,
.table.left td { text-align: left; padding: 1rem .5rem; }
.table { display: table; width: 100%; border-top: 2px solid #555; border-bottom: 1px solid #9ca7b2; border-collapse: collapse; letter-spacing: 0; }
.table th { padding: 17px 0; line-height: 1; border-bottom: 1px solid transparent; vertical-align: middle; word-wrap: break-word; word-break: keep-all; color: #222;}
.table td { padding: 17px 0; border-bottom: 1px solid transparent; vertical-align: middle; word-wrap: break-word; word-break: keep-all; text-align: center; font-weight: 300; }
.table th { background: #fff }
.table th:first-child,
.table td:first-child { border-left: 0; color: #000; }
.table tbody th,
.table thead th { vertical-align: middle; }
.table tbody th { text-align: center; }
.table tfoot th,
.table tfoot td { background-color: #f8f9fa; border-bottom: 0 }
.table tbody th { color: #222; font-size: 1.6rem; font-weight: 500; line-height: 1.2 }
.table thead th { color: #222; font-size: 1.6rem; font-weight: 500; line-height: 1.2; text-align: center; background-color: #F7F7F7; }
.table th.left,
.table td.left { text-align: left; }
.table th.center,
.table td.center { text-align: center; }
.table th:last-child,
.table td:last-child { border-right: 0 }
.table th { border-left-color: #ddd; border-bottom-color: #aaa }
.table tbody th{ border-bottom-color: #ddd; }
.table td { border-left-color: #ddd; border-bottom: 1px solid #ddd; color: #555; font-size: 1.6rem; }
.table.row th,
.table.row td{ border-left: 0; } 
.table_scroll_icon i { font-size: 1.25rem; color: #333; }
.table_box--scroll { border-top: none; }
.table_desc{ text-align: right; font-size: 1.5rem; margin-bottom: 1rem; }

.sub050802 .table td{ vertical-align: top; }


/* 입력 테이블 */
.set_table{ border-top: 2px solid #434343; text-align: left; margin-bottom: 2.5rem; }
.set_table li{ position: relative; padding: 14.5px 62px 14.5px 1rem; border-bottom: 1px solid #ddd; font-weight: 400; overflow: hidden; }
.set_table li > label{ position: relative; float: left; width: 220px; display: inline-block; font-size: 1.7rem; color: #434343; }
.set_table li > input,
.set_table li > select{ float: left; width: calc( 100% - 220px ); height: 3rem; padding: .2rem .5rem; border: 1px solid #CECECE; border-radius: 0; }
.set_table li > textarea{ width: calc( 100% - 22rem); height: 30rem; padding: .2rem .5rem; border: 1px solid #CECECE; border-radius: 0; margin-top: 1rem; }
.set_table li > label .red{ position: absolute; top: 0; left: -1rem; }
.set_table li.file_wrap{ height: auto; }
.set_table .sm_input{ float: none; width: auto; max-width: 18rem; }
.set_table .sm_input + .sm_input{ margin-left: .5rem; }
.set_table .g-recaptcha_wrap{ display: inline-block; }
.set_table .g-recaptcha{ display: inline-block; vertical-align: bottom; }
.set_table .recaptcha{ display: inline-block; padding: .5rem 2.5rem; border: 1px solid #999; background-color: #fff; font-size: 1.6rem; vertical-align: bottom; }
.set_table .form_file{ width: auto; height: auto; }
.set_table .file_wrap .txt{ top: auto; bottom : 0; width: auto; padding-left: 9rem; border: 0; }
.set_table .file_wrap .form_file .txt::before{ display: inline-block; top: auto; bottom: 0; height: auto; line-height: 3rem; }

.set_table .file_wrap img { width: 2.5rem; margin-right: 0.5rem; }
.set_table .file_wrap .btn_del, 
.set_table .file_img .btn_del { font-size: 2rem; display: inline-block; overflow: hidden; width: 2rem; height: 2rem; color: #888; text-align: center; line-height: 2rem; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; }
.set_table .file_wrap .btn_del::before, 
.set_table .file_img .btn_del::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; content: ''; }
.set_table .file_wrap .btn_del:hover, 
.set_table .file_wrap .btn_del:focus, 
.set_table .file_wrap .btn_del:hover, 
.set_table .file_wrap .btn_del:focus { color: #116eb4; }

.file_wrap { overflow: hidden; position: relative; z-index: 0; width: 100%; height: 3.5rem; max-height: 100%; text-align: left; line-height: 3.5rem; }
.file_wrap input[type="file"] { width: 8rem; height: 7rem; margin-top: -3.5rem; margin-right: 1rem; border: 0 none; opacity: 0; cursor: pointer; }
.file_wrap input[type="file"]:hover + .txt::before,
.file_wrap input[type="file"]:focus + .txt::before { background-color: #999; color: #fff; }
.file_wrap .txt{ position: absolute; left: 0; top: -.5rem; z-index: -1; width: 8rem; border: 1px solid #999; font-size: 1.5rem; color: #333; text-align: center; cursor: pointer; transition: all 0.2s; }

/* 체크박스 형 라디오 버튼 */
.custom_input { display: inline-block; }
.custom_input label { position: relative; display: inline-block; cursor: pointer; }
.custom_input input[type="radio"],
.custom_input input[type="checkbox"] { position: absolute; width: 18px; height: 18px; top: 3px; opacity: 0; z-index: 1; cursor: pointer; }
.custom_input input[type="radio"]~span:before,
.custom_input input[type="checkbox"]~span:before { content: ""; font-family: 'xeicon'; display: inline-block; line-height: 1; border: 1px solid #707070; z-index: -1; color: #F0F0F0; background-color: #F0F0F0; margin-right: 6px; transition: all .2s; -webkit-transition: all .2s; }
.custom_input input[type="radio"]:checked ~ span:before,
.custom_input input[type="checkbox"]:checked ~ span:before { border-color: #E20915; background-color: #E20915; }
.custom_input input[type="radio"]:focus ~ span,
.custom_input input[type="checkbox"]:focus ~ span { outline: 1px dotted #000; }
.custom_input span{ font-weight: 400; }

/* 탑박스 */
.top_box{ position: relative; margin-bottom: 6.4rem; }
.top_box.img_type1{ padding: 4.8rem 6.2rem 5rem; }
.top_box.img_type1 .top_box_en_tit{ display: block; font-family: 'mtsr'; font-size: 2.3rem; font-weight: 600; color: #E61B27; line-height: 4.8rem; letter-spacing: -0.02rem; margin-bottom: 1.2rem; }
.top_box.img_type1 .top_box_tit{ display: block; font-weight: 500; color: #2F2F2F; font-size: 1.9rem; line-height: 2.6rem; letter-spacing: -0.12rem; margin-bottom: 1.7rem; word-break: keep-all; }
.top_box.img_type1 .top_box_tit + ul > li:nth-child(2){ font-weight: 500; }
/* .top_box.img_type1 .top_box_tit:after{ position: absolute; content:""; display: inline-block; width: 1.2rem; height: 1.2rem; background-color: #DD0A0A; border-radius: 50%;} */
.top_box.img_type1 .top_box_txt{ font-size: 1.6rem; font-weight: 400; color: #2F2F2F; line-height: 2.6rem; letter-spacing: -0.06rem; word-break: keep-all; }
.top_box.img_type1 .top_box_list{}
.top_box.img_type1 .top_box_list li{ position: relative; display: block; padding-left: 1rem; margin-bottom: .6rem; font-size: font-size: 1.7rem; font-weight: 400; color: #2F2F2F; line-height: 2.4rem; letter-spacing: -0.06rem; word-break: keep-all; }
.top_box.img_type1 .top_box_list li:before{ position: absolute; top: 1rem; left: 0; content: ""; display: inline-block; width: .4rem; height: .4rem; border-radius: 50%; background-color: #E61B27; }

.top_box.img_type2{ padding: 0 5rem 23rem; border-bottom: 0.15rem solid #5C667F; background: url(/main/img/sub/sub010404_topbox_img01.png) bottom -2px center no-repeat; }
.top_box.img_type2 .top_box_en_tit{ display: block; text-align: center; font-family: 'mtsr'; font-size: 3.5rem; font-weight: 600; color: #EE1C23; line-height: 4.3rem; margin-bottom: 2.7rem; letter-spacing: -0.07rem; }
.top_box.img_type2 .top_box_txt{ font-size: 1.6rem; line-height: 2.6rem; letter-spacing: -0.05rem; word-break: keep-all; }
.top_box.img_type3{ padding: 11.3rem 0 10.8rem; text-align: center; }
.top_box.img_type3 .icon_wrap{ position: relative; top: auto; left: auto; display: block; width: 9.3rem; height: 9.3rem; margin: 0 auto 1rem; background-color: #E61B27; border-radius: 50%; text-align: center; }
.top_box.img_type3 .icon_wrap img{ position: absolute; top: 50%; left: 50%; transform: translate( -50%, -50% ); -webkit-transform: translate( -50%, -50% ); }
.top_box.img_type3 .top_box_en_tit{ display: block; font-family: 'mtsr'; font-size: 2.8rem; font-weight: 600; line-height: 3.6rem; color: #fff; }
.t_bottom_text{ font-size: 1.7rem; line-height: 2.7rem; letter-spacing: -0.05rem; margin-bottom: 4.4rem; color: #000; word-break: keep-all; }

.top_box.img_type4{ padding: 5rem 2rem 5rem 8rem; margin-bottom: 2.3rem; background: url(/eng/img/contents/sub0402_img01.png) 50% 50% no-repeat; background-size: cover;}
.top_box.img_type4 .top_box_tit{ position: relative; display: block; font-weight: 500; word-break: keep-all; font-size: 2.4rem; line-height: 4rem; letter-spacing: -0.05rem; word-break: keep-all; color: #fff; }
.top_box.img_type4 .top_box_tit:before{ position: absolute; top: 0; left: -2.5rem; content: ""; display: inline-block; width: .5rem; height: 8rem; background-color: #DC0916; }

/* 메뉴별 탑박스 배경 */
.sub010101 .top_box.img_type1{ background: url(/main/img/sub/sub010101_topbox_img01.png) 50% 50% no-repeat; background-size: cover; }
.sub020101 .top_box.img_type1{ background: url(/main/img/sub/sub020101_topbox_img01.png) 50% 50% no-repeat; background-size: cover; }
.sub0308 .top_box.img_type1{ background: url(/main/img/sub/sub0308_topbox_img01.png) 50% 50% no-repeat; background-size: cover; }
.sub040202 .top_box.img_type1{background: url(/main/img/sub/sub040202_topbox_img01.png) 50% 50% no-repeat; background-size: cover; padding-right: 35rem; }
.sub050101 .top_box.img_type1{background: url(/main/img/sub/sub050101_topbox_img01.png) 50% 50% no-repeat; background-size: cover; }
.sub020201 .top_box.img_type3{background: url(/main/img/sub/sub020201_topbox_img01.png) 50% 50% no-repeat; background-size: cover; }
.sub020301 .top_box.img_type3{background: url(/main/img/sub/sub020301_topbox_img01.png) 50% 50% no-repeat; background-size: cover; }
.sub020401 .top_box.img_type3{background: url(/main/img/sub/sub020401_topbox_img01.png) 50% 50% no-repeat; background-size: cover; }
.sub020501 .top_box.img_type3{background: url(/main/img/sub/sub020501_topbox_img01.png) 50% 50% no-repeat; background-size: cover; }
.sub020601 .top_box.img_type3{background: url(/main/img/sub/sub020601_topbox_img01.png) 50% 50% no-repeat; background-size: cover; }
.sub020701 .top_box.img_type3{background:url(/main/img/sub/sub020701_topbox_img01.png) 50% 50% no-repeat; background-size: cover; }
.sub020801 .top_box.img_type3{background:url(/main/img/sub/sub020801_topbox_img01.png) 50% 50% no-repeat; background-size: cover; }
.sub020901 .top_box.img_type3{background:url(/main/img/sub/sub020901_topbox_img01.png) 50% 50% no-repeat; background-size: cover; }
/* 메뉴별 탑박스 배경 */

.sub010101 .top_box:after{ position: absolute; right: 4rem; bottom: -4rem; content: "Mission"; font-size: 0; text-indent: -9999px; display: none; width: 41.1rem; height: 12.5rem; background: url(/main/img/sub/sub010101_topbox_img02.png) no-repeat;background-size: contain; vertical-align: middle; }
.sub020101 .top_box.img_type1 .top_box_tit,
.sub020101 .top_box.img_type1 .top_box_txt{ color: #fff; }
.sub020101 .top_box.img_type1 .top_box_txt{ font-weight: 100; }
.sub020101 .top_box.img_type1 .top_box_en_tit{ font-weight: 500; }

.top_box.icon_type1{ border-top: 2px solid #272727; border-bottom: 1px solid #ddd; padding: 4.7rem 2rem 5rem 18rem; }
.top_box.icon_type1 .top_box_tit{ display: block; font-size: 2rem; margin-bottom: 1rem; line-height: 2.6rem; letter-spacing: -0.08rem; color: #030303; }
.top_box.icon_type1 .top_box_txt{ font-size: 1.6rem; line-height: 2.6rem; letter-spacing: -0.06rem; color: #030303; word-break: keep-all; }
.top_box.icon_type1 .icon_wrap{ top: 4.5rem; left: 4rem; }

.sub050801 .top_box.icon_type1 .icon_wrap,
.sub050802 .top_box.icon_type1 .icon_wrap{ left: 0; }
.sub050801 .top_box.icon_type1 .list_dot > li,
.sub050802 .top_box.icon_type1 .list_dot > li{ padding-left: 1rem; }
.sub050801 .top_box.icon_type1 .list_dot > li:before,
.sub050802 .top_box.icon_type1 .list_dot > li:before{ background-color: #A8A8A8; left: 0; }

.top_box.icon_type2{ padding: 5rem 5.8rem 6rem 21rem; border-top: 2px solid #272727; border-bottom: 1px solid #ddd; }
.top_box.icon_type2 .icon_wrap{ position: absolute; top: 4rem; left: 1.5rem; width: 13.3rem; height: 13.8rem; }
.sub020504 .top_box.icon_type2 .icon_wrap{ top: 6rem; }
.top_box.icon_type2 .icon_wrap img{ width: 100%; height: auto; }
.top_box.icon_type2 .top_box_tit{ display: none; font-size: 2.2rem; line-height: 2.7rem; letter-spacing: -0.07rem; margin-bottom: 2.2rem; color: #DC0916; font-family: 'mtsr'; }
.top_box.icon_type2 .top_box_txt{ font-size: 1.7rem; line-height: 2.7rem; color: #030303; word-break: keep-all; }

.top_box.icon_type3{ padding: 0 0 8rem 27rem; border-bottom: 2px dotted #C3C3C3; }
.top_box.icon_type3 .icon_wrap{ position: absolute; top: 0; left: 0; width: 22.2rem; height: 29rem; }
.top_box.icon_type3 .icon_wrap img{ width: 100%; height: auto; }
.top_box.icon_type3 .top_box_tit{ display: block; font-size: 2.6rem; line-height: 4.8rem; letter-spacing: -0.1rem; margin-bottom: 2.4rem; color: #030303; }
.top_box.icon_type3 .top_box_txt{ font-size: 1.7rem; line-height: 2.7rem; letter-spacing: -0.085rem; color: #030303; word-break: keep-all; }

.mid_box{ position: relative; border-top: 1px solid #272727; padding: 5.5rem 4rem 6rem 31.5rem; border-bottom: 1px solid #ddd; margin-bottom: 4.8rem; }
.mid_box_tit{ position: absolute; top: 5rem; left: 4rem; display: block; font-size: 2.6rem; font-weight: 600; line-height: 2.7rem; letter-spacing: -0.1rem; color: #0D0D0D; }
.mid_box_en_tit{ display: block; font-size: 1.8rem; color: #E0000D; font-weight: 500; line-height: 2.7rem; letter-spacing: -0.06rem; margin-bottom: 1rem; }
.mid_box_txt{ font-size: 1.7rem; font-weight: 300; color: #030303; line-height: 2.8rem; letter-spacing: -0.06rem; }

.mid_box.type2{ border-top: 1px solid #D9D9D9; }
.mid_box.type2 .mid_box_tit:before{ position: absolute; top: -5.1rem; left: 0; content: ""; display: inline-block; width: 18.5rem; height: 1px; background: #DC0916; }

.sub050101 .mid_box{ border: 0; padding: 5rem 0 5.6rem 28rem; }
.sub050101 .mid_box_tit{ left: 0; }
.sub050101 .mid_box.type2{ border-top: 1px solid #D9D9D9; padding-top: 7rem; padding-bottom: 0; margin-bottom: 6rem; }
.sub050101 .mid_box.type2 .mid_icon{ overflow: hidden; }
.sub050101 .mid_box.type2 .mid_icon li{ float: left; width: 33.33%; text-align: center; }
.sub050101 .mid_box.type2 .mid_icon li .cir{ display: block; width: 15.4rem; height: 15.4rem; border-radius: 50%; background-color: #EFEFEF; margin: 0 auto 2.2rem; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.1rem; }
.sub050101 .mid_box.type2 .mid_icon li:nth-child(2) .cir{ background-color: #E22631; color: #fff; }
.sub050101 .mid_box.type2 .mid_icon li:nth-child(3) .cir{ background-color: #494C4E; color: #fff; }
.sub050101 .mid_box.type2 .mid_icon li p{ font-size: 1.65rem; letter-spacing: -0.136rem; line-height: 2.6rem; color: #030303; }
.sub0507 .top_box.icon_type3 .top_box_tit{ font-size: 2.5rem; letter-spacing: -0.2rem; margin-bottom: 1rem; }
.sub0507 .top_box.icon_type3 .top_box_tit .red{ text-decoration: underline; }
.sub0507 .top_box.icon_type3 .top_box_txt p{ margin-bottom: 1rem; }
.sub0507 .top_box.icon_type3 .gray_box{ margin-bottom: 1rem; }

/* 아이콘 박스 */
/* 세로형 */
.icon_box {
	position:relative;
	overflow:hidden;
	margin-bottom:4.4rem;
    }
.icon_box.type1 {
	text-align:center;
    }
.icon_box .col2,
.icon_box .col3,
.icon_box .col4 {
	display: flex; flex-flow: row wrap;
	margin: 0 -1rem;
	}
.icon_box > ul > li {
	border:1px solid #ddd;
    }
.icon_box .col2 > li,
.icon_box .col3 > li,
.icon_box .col4 > li {
	width:calc( 50% - 2rem);
	margin: 0 1rem 2rem;
	padding:6.5rem 4.25rem 6rem;
    }
.icon_box .col3 > li {
	width:calc( 33.33% - 2rem );
    }
.icon_box .col4 > li {
	width:calc( 25% - 2rem );
    }
.icon_box.type1 .col3 > li,
.icon_box.type1 .col4 > li {
	min-height:35rem;
    }
.icon_box_tit{ display: block; font-size: 2.2rem; font-weight: 600; line-height: 2.8rem; letter-spacing: -0.08rem; margin-bottom: .3rem; color: #DC0916; }
.icon_box_sub_tit{ display: block; font-size: 1.9rem; line-height: 2.8rem; font-weight: 400; letter-spacing: -0.07rem; color: #030303; }
.icon_box_sub_tit .red{ text-decoration: underline; }
.icon_box_txt{ font-size: 1.7rem; color: #030303; font-weight: 300; line-height: 2.5rem; letter-spacing: -0.06rem; }
.icon_box .col3 .icon_box_sub_tit,
.icon_box .col4 .icon_box_sub_tit{ font-size: 1.6rem; }
.sub020203 .icon_box .col3 .icon_box_sub_tit,
.sub020504 .icon_box .col3 .icon_box_sub_tit{ font-size: 1.5rem; line-height: 2.5rem; }
.icon_box_desc { }
.icon_box.type1 .icon_box_desc{ margin-top: 3.35rem; border-top: 2px dotted #C6C6C6; padding: 2.45rem 1rem 0; text-align: center; }
.icon_box_desc > li{ display: inline-block; font-size: 1.8rem; font-weight: 300; color: #030303; line-height: 2.8rem; letter-spacing: -0.07rem; vertical-align: middle; }
.icon_box_desc > li:nth-child(n+2){ margin-left: 5.5rem; }
.icon_box_desc > li > a{ display: inline-block; vertical-align: middle; }
.icon_box_desc > li > i{ vertical-align: middle; margin-right: .7rem; color: #5A5A5A; }
.cir{ position: relative; width: 12.6rem; height: 12.6rem; border-radius: 50%; background-color: #F6F6F6; margin: 0 auto 2rem; }
.cir > img,
.cir > .img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.cir > .img img{ display: block; margin: 0 auto; margin-bottom: 1rem; }

/* 가로형 */
.icon_box.type2 > ul > li{ position: relative; min-height: 16.5rem; padding: 3.8rem 3.8rem 3.8rem 15.6rem; }
.icon_box.type2 .icon_box_tit{ margin-bottom: .9rem; }
.icon_wrap{ position: absolute; top: 3.8rem; left: 5.5rem; display: inline-block; }
.icon_box.type2 .icon_box_desc > li{}
.icon_box.type2 .icon_box_desc > li:before{ content: ""; display: inline-block; width: 3px; height: 3px; background-color: #555; border-radius: 50%; vertical-align: middle; margin-right: .5rem; }

.icon_box.type3{}
.icon_box.type3 li{ position: relative; padding: 0; }
.icon_box.type3 li a{ display: block; padding: 2.3rem 6.2rem 2.3rem 3rem; }
.icon_box.type3 .icon_box_tit{ display: block; font-size: 1.7rem; font-weight: 600; color: #1F1F1F; line-height: 2.6rem; letter-spacing: -0.09rem; }
.icon_box.type3 .icon_box_txt{ display: block; border-left: 1px solid #ddd; padding-left: .8rem; line-height: 1; color: #555; }
.icon_box.type3 .icon_wrap{ position: absolute; top: 2.3rem; left: auto; right: 3rem; background-color: #131C33; border-radius: 50%; color: #fff; display: block; width: 3.2rem; height: 3.2rem; line-height: 3rem; text-align: center; transition: all .2s; -webkit-transition: all .2s; }
.icon_box.type3 li a:hover .icon_wrap,
.icon_box.type3 li a:focus .icon_wrap{ background-color: #e20915; }

/*메뉴별 스타일*/
.sub020302 .icon_box.type1 .col3 > li{ min-height: 30rem; }
.sub020602 .icon_box.type1 .col3 > li{ min-height: 48rem; word-break: keep-all; }
.sub020603 .icon_box.type1 .col3 > li{ min-height: 52rem; }

/* 텍스트형 */
.icon_txt{ position: relative; margin-bottom: 3rem; }
.icon_txt .cir{ display: inline-block; width: 5.4rem; height: 5.4rem; margin: 0 1.3rem 0 0; vertical-align: middle; }
.icon_txt em{ display: inline-block; font-style: normal; vertical-align: middle; font-size: 1.7rem; color: #434343; font-weight: 400; }

/* 보더 박스 */

.border_box{ border: 1px solid #E0E0E0; padding: 4rem; margin-top: .9rem; }
.border_box > b{ display: block; font-size: 1.7rem; line-height: 2.7rem; letter-spacing: -0.1rem; text-decoration: underline; margin-bottom: 2.4rem; word-break: keep-all; }
.border_box > strong{ display: inline-block; }

.gray_box{ padding: 2.6rem 3.2rem; background-color: #F2F2F2; }
.gray_box .list_bar li,
.gray_box .list_dot li{ font-size: 1.6rem; margin-bottom: 0; color:#030303; }
.gray_box .list_dot > li:before{ background-color: #666; }

/* 기본 버튼 */
.btn_wrap{ text-align: center; }
.common_btn.bd_btn{ position: relative; display: inline-block; margin: 0 auto; padding: 1.8rem 8.8rem 1.8rem 2.8rem; border: 2px solid #ED0917; text-align: left; color: #ED0917; font-size: 1.7rem; font-weight: 500; transition: all .2s; -webkit-transition: all .2s; }
.common_btn.bd_btn i{ position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 2.8rem; font-size: 2.1rem; }
.common_btn.bd_btn:hover,
.common_btn.bd_btn:focus{ background-color: #ED0917; color: #fff; }
.common_btn.bg_btn{ position: relative; display: inline-block; margin: 0 auto; padding: 1.8rem 8.8rem 1.8rem 3.4rem; background-color: #ED0917; border: 2px solid transparent; text-align: left; color: #fff; font-size: 1.7rem; font-weight: 500; transition: all .2s; -webkit-transition: all .2s; }
.common_btn.bg_btn i{ position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 2.8rem; font-size: 2.1rem; }
.common_btn.bg_btn:hover,
.common_btn.bg_btn:focus{ background-color: #fff; color: #ED0917; border: 2px solid #ED0917; }
.common_btn + .common_btn{ margin-left: 1rem; }

.privacyPolicy{ opacity: 0; position: relative; height: 0; background-color: #F7F7F7; margin-bottom: 4.7rem; text-align: center; overflow: hidden; transition: all .4s; -webkit-transition: all .4s; }
.privacyPolicy.on{ opacity: 1; min-height: 101rem; padding: 7rem 9rem 6rem; margin-top: 4.6rem; }
.privacyPolicy_wrap{ background-color: #fff; padding: 4.5rem 7.5rem; margin-bottom: 3.5rem; }
.privacyPolicy_tit{ display: block; font-size: 2.1rem; font-weight: 500; margin-bottom: 3.7rem; line-height: 2.6rem; letter-spacing: -0.08rem; }
.privacyPolicy_category{ overflow: hidden; margin-bottom: 2.4rem; }
.privacyPolicy_category .custom_input{ float: left; display: inline-block; width: 50%; font-size: 1.7rem; font-weight: 400; color: #434343; }

/* 새창 링크 박스 */
.homepage_link_box{ position: relative; border: 4px solid #EFEFEF; padding: 9.4rem 6rem 9.4rem 47rem; margin-bottom: 15rem; }
.homepage_link_box.type2{ padding-left: 36.5rem; padding-bottom: 12rem; border-top: 2px solid #555555; border-bottom: 1px solid #ddd; border-left: 0; border-right: 0; }
.homepage_link_box .img_wrap{ position: absolute; top: 7.4rem; left: 8.5rem; width: 34rem; min-height: 24rem; overflow: hidden; }
.homepage_link_box.type2 .img_wrap{ left: 0;}
.homepage_link_box .num{ display: block; font-size: 1.8rem; color: #DB0016; line-height: 4rem; letter-spacing: -0.03rem; font-weight: 600; margin-bottom: 1rem; }
.homepage_link_box .author{ display: block; font-size: 1.7rem; font-weight: 400; color: #A5A5A5; line-height: 4rem; letter-spacing: -0.1rem; margin-bottom: .7rem; }
.homepage_link_box .list_dot{ margin-bottom: 3.6rem; }
.homepage_link_box .list_dot > li{ margin-bottom: 0; }
.homepage_link_box .list_dot > li:before{ top: .9rem; left: 0; width: 5px; height: 5px; background-color: #9D9D9D; }
.homepage_link_tit{ display: block; font-size: 2.6rem; letter-spacing: -0.15rem; line-height: 2.6rem; margin-bottom: 1.5rem; color: #030303; }
.homepage_link_txt{ font-size: 1.7rem; line-height: 2.6rem; letter-spacing: -0.1rem; color: #030303; margin-bottom: 3.4rem; }
.homepage_link_btn{ display: inline-block; padding: 1.8rem 2.6rem; line-height: 2.4rem; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.05rem; color: #ED0917; text-align: left; border: 2px solid #E20915; }
.homepage_link_btn i{ margin-left: 2.6rem; }
.homepage_link_btn i.xi-download{ font-size: 2.1rem; margin-left: 8.5rem; }

/* 조직도 시작 */
.org-tree {
	position: relative;
	margin-bottom: 7rem;
	text-align: center;
	overflow: hidden;
    }
.org-tree > li {
	position: relative;
	overflow: hidden;
	}	
.org-tree a,
.org-tree span {
	display: block;
	padding: .6rem 0;
	letter-spacing:0;
    }
.org-tree .board-director {
	display: flex; display: -webkit-flex; flex-flow: column wrap; align-items: center; align-content: center;  justify-content: center;
	position: relative;
	width: 13.3rem;
	height: 13.1rem;
	margin: 0 auto;
    padding: 0;
	background-color:#dc0916;
	color:#fff;
	line-height:2.7rem;
	text-align:center;
	font-size: 2.1rem;
	font-weight: 500;
    z-index: 1;
    }
.org-tree .auxiliary-org,
.org-tree .future-org {/* 감사, 미래전략팀 */
    position: absolute;
    top: 1.5rem;
    left: 50%;
    width: 50%;
    padding-left: 29.6%;
    overflow: hidden;
	}
.org-tree .future-org {
    padding-left: 25.9%;
	}	
.org-tree .auxiliary-org a,
.org-tree .future-org a,
.org-tree .future-org span {	
   /*  width: 22.4rem; */
    padding: 1.5rem 0;
	}
.org-tree .future-org a,
.org-tree .future-org span {
	padding: 1rem 0;
	}	
.org-tree .auxiliary-org > ul {
	position: relative;
	padding-top: 2rem;
	}
.org-tree .audit2 {
	background-color:#364C78;
	border:1px solid #3E3E3E;
	color:#fff;
    }
.org-tree .audit3 {
	position: relative;
	background-color:#fff;
	border:1px solid #a2a3ad;
	color:#333;
	font-weight:400;
	}
/* 감사 라인 */
.org-tree .auxiliary-org::before,
.org-tree .future-org::before {	
    position: absolute;
    top: 2.85rem;
    left: 0;
    width: 60%;
    height: 1px;
    border-top: 1px dashed #a2a3ad;
    content: "";
    z-index: -1;
	}
.org-tree .future-org::before {
    top: 44%;
    width: calc(100% - 26.5rem);
	}	
.org-tree .auxiliary-org > ul::before {	
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    border-left: 1px dashed #a2a3ad;
    content: "";
    z-index: -1;
	}
.org-tree .advisory {
	position: relative;
	width: 50%;
	}
.org-tree .advisory::before {	
    position: absolute;
    top: 50%;
    right: 0;
    width: 100%;
    height: 1px;
    border-top: 1px dashed #a2a3ad;
    content: "";
    z-index: -1;
	}
.org-tree .advisory .audit,
.org-tree .audit2_2 {
	display: block;
    width: 22.4rem;
    padding: 1rem;
    background-color: #3E3E3E;
    color: #fff;
	}
.org-tree .deputy-director {
	position: relative;
    overflow: hidden;
	}
.org-tree .audit2_2 {
	position: relative;
    width: 13.3rem;
    margin: 5.1rem auto 10rem;
    font-size: 1.9rem;
    font-weight: 500;
    z-index: 1;
	}
.org-tree .future-org li {
	position: relative;
	padding: 0.5rem 0 0.5rem 4rem;
	background-color: #fff;
	}	
.org-tree .future-org li::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 50%;
    height: 1px;
    border-top: 1px dashed #a2a3ad;
    content: "";
 }
.org-tree .future-org li::after  {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    border-left: 1px dashed #a2a3ad;
    content: "";
 }	
.org-tree .future-org li:first-child:after {
    top: 50%;
    height: 50%;
	}
.org-tree .future-org li:last-child:after { 
	height: 50%;
	}
.org-tree .sub-org {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    margin: 0 -1rem;
    font-weight: 500;
    overflow: hidden;
    padding: 0 4rem;
    justify-content: flex-end;
	}
.org-tree .sub-org > li {
	position: relative;
	padding: 5.5rem 1rem 0;
    vertical-align: top;
	}
.org-tree .sub-org > li.hq {
    display: flex;
    flex-flow: row wrap;
    width: 39%;
    margin-right: 5.2rem;
	}
.org-tree .sub-org > li.hq [class^="quarter"] {
	width: 33.33%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
	}
.org-tree .sub-org > li.lab {
    width: 28%;
    padding-top: 11.5rem;
	}
.org-tree [class^="quarter"] {
	position: relative;
	display: flex; flex-flow: row wrap; justify-content: center;
	padding-top: 3rem;
	}
.org-tree [class^="quarter"] > li {
    position: relative;
	height: 37rem;
    padding: 3rem .5rem 0;
    color: #000;
	}
.org-tree .quarter01 > li {
    width: 100%;
	}
.org-tree .quarter03 > li {
	width: 25%;
	height: 23.8rem;
	}
.org-tree [class^="quarter"] > li a {
	display: flex; flex-flow: row wrap; align-items: center; align-content: center;  justify-content: center;
    width: 100%;
    height: 100%;
    margin: auto;
    border: 1px solid #ddd;
    background-color: #fff;
    text-align: center;
    writing-mode: vertical-rl;
     -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -moz-writing-mode: vertical-rl;
	}
.org-tree .lab .head {
	display: block;
    width: 20rem;
    max-width: 100%;
	margin: 0 auto;
    padding: 1rem;
    background-color: #fff;
    border: 1px solid #ddd;
    color: #000;
	}
.org-tree .sub-org > li::before	{	
    width: 1px;
	border-top: none;
    border-left: 1px dashed #a2a3ad;
    transform: inherit;
	}
.org-tree [class^="quarter"] > li::before {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 50%;
    border-top: 1px dashed #a2a3ad;
    border-left: 1px dashed #a2a3ad;
    content: "";
    z-index: -1;	
	}
.org-tree [class^="quarter"] > li:last-child::before {
    border-top-color: transparent;
	}
.org-tree > li::before {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1px;
	height: 43rem;
	border-left: 1px dashed #a2a3ad;
	content: "";
	z-index: -1;	
	}
.org-tree .sub-org > li::before,
.org-tree .sub-org > li::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-top: 1px dashed #a2a3ad;
    border-left: none;
    content: '';
    z-index: -1;
	}
.org-tree .sub-org > li::after {
    left: 50%;
    width: 1px;
	height: 5.5rem;
    border-top: none;
    border-left: 1px dashed #a2a3ad
	}
.org-tree .sub-org > li.lab::after {
	height: 11.5rem;
	}	
.org-tree .sub-org > li:first-child::before,	
.org-tree .sub-org > li:last-child::before,
.org-tree .quarter01:first-child::before,
.org-tree .quarter01:last-child::before {
	width: 50%;
	}
.org-tree .sub-org > li:first-child::before,
.org-tree .quarter01:first-child::before {
	left: 50%;
	}
.org-tree [class^="quarter"]::after,
.org-tree .quarter01::before {
	position: absolute;
	top: 0;
	left: 50%;
	width: 50%;
	height: 3rem;
    border-left: 1px dashed #a2a3ad;
	content: '';
	}
.org-tree .sub-org > li:first-child::before{
	width:calc(50% + 5.2rem);
}
.org-tree .quarter01::before {
    left: 0;
    width: 100%;
    height: 1px;
    border-top: 1px dashed #a2a3ad;
    border-left: none;
	}
	
.org-member-info td[aria-label="E-mail"] .passNum{ display: block; font-weight: 500; margin-bottom: .5rem; }
.org-member-info td[aria-label="E-mail"] input{ display:block; border: 1px solid #ccc; padding: .5rem; margin-bottom: 1rem; }
.org-member-info td[aria-label="E-mail"] button.email_y,
.org-member-info td[aria-label="E-mail"] button.email_n{ display: inline-block; padding: .5rem 1rem; background-color: #dc000c; color: #fff; font-size: 1.4rem; }
.org-member-info td[aria-label="E-mail"] button.email_n .sr-only{ position: static; font-weight: 300; margin: 0; }
.org-member-info td[aria-label="E-mail"] button.email_n i{ display: none; }
.org-member-info td[aria-label="E-mail"] button.email_n{ background-color: #333; }

.org-detail { margin-top: 4rem;}
.org-detail .point-orange{ display: inline-block; }
.org-detail .org-search { position: relative; border:1px solid #D9D9D9; padding: 3rem; text-align: center; margin-bottom: 40px; box-shadow: 0px 3px 5px #0000001D; }
.org-detail .org-search .org-search-wrap{ position: relative; display: inline-block; margin:0 auto; }
.org-detail .org-search select{ width: 14rem; height: 3.6rem; padding: .6rem 1.6rem; vertical-align: top; line-height:1; border: 1px solid #ddd; border-radius: 0; }
.org-detail .org-search .org-select_wrap{ position: relative; display: inline-block; vertical-align: top; }
.org-detail .org-search .org-select_wrap:before{ position: absolute; top: .5rem; right: 1.6rem; content: ""; display: inline-block; font-family: 'xeicon'; font-size: 1.8rem; }
.org-detail .org-search input[type="text"] { height: 3.6rem; padding: .6rem 1.6rem; vertical-align: top; line-height:1; border: 1px solid #ddd; border-radius: 0; }
.org-detail .org-search label{ position: absolute; left: -80px; font-size: 1.8rem; font-weight: 400; line-height: 3.6rem;}
.org-detail .org-search button{ display: inline-block; padding: 1rem 2.5rem; color:#fff; line-height:1; font-size: 1.6rem; }
.org-detail .org-search button.btn-search{background-color:#DC0916; margin-right: 5px;}

.org-detail .no-search{ display: block; padding:65px 20px 75px 20px; margin-bottom: 50px; background-color:#f9f9f9; border:1px solid #D9D9D9; text-align: center; font-size: 1.8rem; font-weight: normal; color:#666;}
.org-detail .no-search i{display: block; font-size: 5rem; margin:0 auto 1.5rem; color: #ED0917;}

/* 조직도 끝 */

/* 브로슈어 */
.galleryList.book_style2 > ul li .btn-line{ min-width: 11.5rem; border-width: 2px; border-color: #999999; }
.galleryList.book_style2 > ul li .btn-line i{ font-size: 1.2rem; }
.galleryList.book_style2 > ul li .btn-line:hover,
.galleryList.book_style2 > ul li .btn-line:focus{ background-color: transparent; border-color: #DC0916; color: #dc0916; }
.galleryList.book_style2 > ul li .btn-line:hover i,
.galleryList.book_style2 > ul li .btn-line:focus i { color: #DC0916; }
.galleryList .Brochure_cate{ position: absolute; top: 0; left: 0; z-index: 1; background-color:  #DC0916; color: #fff; font-size: 1.5rem; padding: 0.6rem; width: 8rem; text-align: center; line-height: 2.2rem; }
.galleryList .Brochure_cate.cate2{ background-color: #0A2F6C; }

/* 협약현황 */
.agree_status .content_view_tab .depth4{ max-width: 80.2rem; margin: 0 auto 5rem; }
.agree_status div.tstyle_list > div.dbody > ul > li a{ width: 100%; }

/* 뉴스레터 신청  */
.sub040202 .category-wrap{ border-top: 1px solid #6C6C6C; border-bottom: 1px solid #D0D0D0; padding: 3.2rem 3rem; margin-bottom: 4.5rem; overflow: hidden; }
.sub040202 .category-wrap .custom_input{ float: left; width: 16.66%; }
.sub040202 .set_table{ margin-bottom: 5.7rem; }
.sub040202 .btn_wrap .common_btn{ min-width: 20.5rem; }
#layer-popup{ display: none; opacity: 0; position: fixed; top:0; left:0; z-index:20; width: 100%; height: 100%; background-color:rgba(0,0,0,0.5); text-align: center; transition: 0.3s;-webkit-transition: 0.3s;}
#layer-popup.on{ display: table; opacity: 1;}
#layer-popup.on .pop_wrap{ display: none;}
#layer-popup.on .pop_wrap.on{ display: table-cell; vertical-align: middle; text-align: center;}
#layer-popup.on .pop_inner{ position: relative;display:inline-block; width: 62rem; margin: 0 auto; overflow: hidden; background-color:#fff; padding: 7.15rem 8rem; text-align: left; border: 4px solid #E20A17; text-align: center; }
#layer-popup.on .list_dot{ max-height: 590px; overflow-y: auto;}
#layer-popup.on .list_dot li:first-child{ margin-bottom: 5rem; }
#layer-popup.on .pop_icon{ margin: 0 auto 1.4rem; }
#layer-popup.on .pop_tit{ display: none; font-size: 2.6rem; color: #EA1C29; font-weight: 600; line-height: 3.8rem; margin-bottom: .5rem;}
#layer-popup.on .pop_text p{ font-size: 1.7rem; line-height: 2.5rem; letter-spacing: -0.05rem; font-weight: 500; color:#292929; margin-bottom: 2rem; }
#layer-popup.on .close_wrap{ position: absolute; top: 2.5rem; right: 3rem; }
#layer-popup.on .close_wrap a{ position: static; font-size: 0; color:#EA1C29;}
#layer-popup.on .close_wrap a i{font-size: 3.7rem; vertical-align:middle; margin-left: 10px; margin-top:-0.4rem;}


/* 채용 Q&A 시작 */
#layer-popup.on .pass_wrap{}
#layer-popup.on .pass_wrap input{ display: block; width: 100%; padding: 1rem; border: 1px solid #ddd; margin-bottom: 4rem; }
#layer-popup.on .pass_wrap .common_btn{ width: 13rem; text-align: center; padding: 1.3rem; }


/* 연구보고서 시작 */
.sub0301 #layer-popup.on .pop_inner{ text-align: left; padding: 5rem 5rem 10.2rem; }
.sub0301 #layer-popup.on .pop_tit{ margin-bottom: 2.5rem; }
.sub0301 #layer-popup.on .clipboard_copy{ display: block; font-size: 1.6rem; line-height: 2.4rem; font-weight: 300; word-break: keep-all; color: #292929; letter-spacing: -0.095rem; margin-bottom: 1.5rem; }
.sub0301 #layer-popup.on .clipboard_copy .pop_sub_tit{ display: block; font-size: 1.7rem; font-weight: 600; line-height: 2.5rem; margin-bottom: 0.3rem; }
.sub0301 #layer-popup.on .bottom_copy{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 1.5rem; text-align: center; font-size: 1.6rem; line-height: 2.4rem; letter-spacing: -0.095rem; vertical-align: middle; background-color: #F5F5F5; }


/* 정보공개제도 시작 */
.sub050101 .top_box.img_type1{ padding: 10rem; margin-bottom: 0; }
.sub050101 .top_box.img_type1 .top_box_tit,
.sub050101 .top_box.img_type1 .top_box_txt{ display: block; font-size: 3.3rem; font-weight: 600; color: #fff; letter-spacing: -0.2rem; line-height: 5rem; vertical-align: top; }
.sub050101 .top_box.img_type1 .top_box_txt{ position: absolute; top: 10rem; right: 10rem; display: inline-block; line-height: 4.3rem; text-decoration: underline; }
.sub050101 .top_box.img_type1 .top_box_tit:after{ content: ""; display: inline-block; width: calc( 100% - 544px); height: 1px; background-color: #fff; vertical-align: middle; margin: 0 5.5rem; }

.bottom_director_info{ border-top: 1px solid #C1C1C1; margin-top: 7rem; margin-bottom: 9.8rem; padding-top: 3.8rem; }
.bottom_director_info ul{ overflow: hidden; }
.bottom_director_info ul li{ float: left; width: calc( 50% - .5rem ); margin-left: 1rem; text-align: center; padding: 2.5rem; border: 1px solid #ddd; font-size: 1.7rem; color: #555555; line-height: 2.6rem; letter-spacing: -0.085rem; }
.bottom_director_info ul li:first-child{ margin-left: 0; }
.bottom_director_info ul li b{ position: relative; display: inline-block; font-size: 1.8rem; font-weight: 600; line-height: 2.6rem; letter-spacing: -0.09rem; color: #1F1F1F; }
.bottom_director_info ul li b:after{ content: ""; display: inline-block; width: 1px; height: 1.2rem; background-color: #CBCBCB; vertical-align: middle; margin: 0 .8rem 0 1rem; }


/* 공공데이터 개방 개요 시작 */
.sub050201 .top_img{ border-top: 2px solid #272727; text-align: center; padding: 8.5rem 0 2.7rem; }
.sub050201 .top_img_txt{ text-align: center; font-size: 1.7rem; color: #222; line-height: 2.6rem; letter-spacing: 0.06rem; }
.sub050201 .data_portal{ border-top: 1px solid #ddd; padding-top: 3.6rem; margin-top: 6.7rem; margin-bottom: 18rem; text-align: center; }
.sub050201 .data_portal .inner{ display: inline-block; width: auto; overflow: hidden; vertical-align: middle; }
.sub050201 .data_portal .img_wrap{ float: left; display: inline-block; }
.sub050201 .data_portal .list_bar{ float: left; display: inline-block; width: auto; }
.sub050201 .data_portal .list_bar > li{ display: block; width: auto; margin-bottom: 0; font-weight: 400; color: #030303; }
.sub050201 .bottom_director_info{border-top: 0; margin-top: 0;}

.sub0503 .content_view_tab .depth4{ max-width: 80.2rem; margin: 0 auto 5rem; }

/* 아코디언 시작 */
.accordion > ul{ overflow: hidden; border-top: 2px solid #000;}
.accordion .item{ position: relative; display: block; width: 100%; overflow: hidden; border-bottom: 1px solid #ddd; padding: 1.8rem 2rem 1.8rem 7rem; cursor: pointer; font-size: 1.7rem; font-weight: 500; color: #222222;}
.accordion .item::after{  float: right; font-family: 'xeicon'; content: "\e943"; font-size: 2.2rem; transition: all .35s; -webkit-transition: all .35s; }
.accordion .item .cir{ position: absolute; left:2rem; top: 1.5rem; width: 3.6rem; height: 3.6rem; line-height: 3.6rem; border-radius: 50%; background-color: #555555; color: #fff; font-size: 1.5rem; font-weight: 500; text-align: center; }
.accordion .item.ov .cir{ background-color: #DC0916; }
.accordion .inner{ position: relative; padding: 2rem 2rem 2rem 7.2rem; background: #fafafa; transition: all .35s; line-height: 1.5; }
.accordion .inner:before{ position: absolute; top: 2rem; left: 4.5rem; content: ""; font-family: 'xeicon'; font-size: 2rem; color: #999; }
.accordion .inner b{ position: absolute; top: .8rem; left: 3.3rem; width: 36px; height: 36px; line-height: 36px; background-color: #fff; border-radius: 50%; text-align: center;}
.accordion .inner b:before{ position: absolute; left: -1.5rem; top:0; content: "\e981"; display: inline-block; font-family: 'xeicon'; font-size: 1.2rem; color:#999;}

.accordion .item.ov::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
	}
.accordion .item.ov  ~ .accordion .inner {
    display: block;
	}
.charter_wrap{ position: relative; border: 2px solid #868686; padding: 1.2rem 1.4rem; }
.charter_inner{ border: 2px solid #ea0b18; padding: 10.4rem 7.1rem 12rem; text-align: center; }
.charter_wrap:before,
.charter_wrap:after,
.charter_inner:before,
.charter_inner:after{ position: absolute; top: 1.2rem; left: 1.4rem; content: ""; display: inline-block; width: 3.9rem; height: 3.9rem; background: url(/main/img/sub/sub050401_img01.png) no-repeat; background-size: cover; }
.charter_wrap:after{ left: auto; right: 1.4rem; transform: rotate( 90deg ); -webkit-transform: rotate( 90deg ); }
.charter_inner:before{ top: auto; bottom: 1.2rem; transform: rotate( -90deg ); -webkit-transform: rotate( -90deg ); }
.charter_inner:after{ top: auto; bottom: 1.2rem; left: auto; right: 1.4rem; transform: rotate( 180deg ); -webkit-transform: rotate( 180deg ); }
.charter_en_tit{ display: block; width: 23.2rem; height: 4.8rem; background: url(/main/img/sub/sub050401_img02.png) no-repeat; background-size: cover; line-height: 4rem; color: #fff; font-size: 1.7rem; letter-spacing: 0.17rem; margin: 0 auto 4.5rem; }
.charter_tit{ display: block; font-size: 3.5rem; line-height: 5.2rem; letter-spacing: -0.14rem; color: #0B0B0B; margin-bottom: 2rem; word-break: keep-all; }
.charter_tit .red{ text-decoration: underline; }
.charter_txt{ font-size: 1.8rem; line-height: 2.9rem; letter-spacing: -0.1rem; color: #3E3E3E; font-weight: 500; padding-bottom: 4.5rem; margin-bottom: 4.5rem; border-bottom: 1px solid #A0A0A0; word-break: keep-all; }
.charter_list{ display: inline-block; text-align: left; }
.charter_list > li{ position: relative; padding-left: 4.2rem; font-size: 1.7rem; font-weight: 500; color: #3e3e3e; letter-spacing: -0.1rem; line-height: 2.8rem; margin-bottom: 3rem; word-break: keep-all; }
.charter_list > li .num{ position: absolute; left: 0; display: inline-block; width: 3.6rem; height: 3.6rem; border-radius: 50%; background-color: #484848; color: #fff; font-size: 1.6rem; font-family: 'mtsr'; font-weight: 600; line-height: 3.6rem; text-align: center; }
.charter_btn > a{ display: inline-block; border: 1px solid #333; width: 19.5rem; padding: 1.7rem 2.8rem; text-align: left; font-size: 1.7rem; vertical-align: middle; transition: all .2s; -webkit-transition: all .2s; }
.charter_btn > a:first-child{ background-color: #333; color: #fff; }
.charter_btn > a:hover,
.charter_btn > a:focus,
.charter_btn > a:first-child:hover,
.charter_btn > a:first-child:focus{ background-color: #db0000; border-color: #db0000; color: #fff; }
.charter_btn > a > i{ float: right; font-size: 2rem; margin-top: .4rem; }

.sub050402 .list_dot{ width: 20rem; }
.sub050402 .list_dot .list_dot > li:before{ top: .9rem; }
.sub050402 .txt_title,
.sub050403 .txt_title{ margin-top: 4.15rem; }
.sub0505 .accordion > ul > li{ position: relative; }
.sub0505 .accordion .item{ padding: 4rem 0 4rem 2rem; }
.sub0505 .accordion .item > a{ display: inline-block; width: calc( 100% - 200px ); color: #E30412; margin-bottom: 1rem; word-break: break-all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.sub0505 .accordion .item.ov::after,
.sub0505 .accordion .item::after{ display: none; }
.sub0505 .accordion .item > a:after{ content: ""; font-family: 'xeicon'; display: inline-block; width: 4.4rem; height: 4.4rem; border: 1px solid #ddd; line-height: 4.4rem; text-align: center; position: absolute; right: 0; top: 5rem; color: #333333; }
.sub0505 .accordion .item.ov > a:after{ content:""; }
.sub0505 .accordion .item li{ display: inline-block; font-size: 1.6rem; font-weight: 300; color: #414141; line-height: 2.4rem; letter-spacing: -0.04rem; }
.sub0505 .accordion .item li b{ color: ##717171; font-weight: 400; }
.sub0505 .accordion .item li:before{ content: ""; display: inline-block; width: 1px; height: 1.4rem; background-color: #ddd; vertical-align: middle; margin: 0 1.2rem; }
.sub0505 .accordion .item li:first-child:before{ display: none; }
.sub0505 .accordion .inner b{ position: static; }
.sub0505 .accordion .inner b:before{ display: none; }
.sub0505 .acc_btn_wrap{ position: absolute; top: 5rem; right: 2rem; }
.sub0505 .acc_btn_wrap > a{ float: left; display: inline-block; width: 8rem; padding: 1.5rem; border: 1px solid #131C33; background-color: #131C33; color: #fff; font-size: 1.6rem; font-weight: 500; line-height: 2rem; letter-spacing: -0.06rem; text-align: center; word-break: keep-all; transition: all .2s; -webkit-transition: all .2s; }
.sub0505 .acc_btn_wrap > a.plan{ margin-right: .8rem; background-color: #fff; color: #101010; }
.sub0505 .acc_btn_wrap.down_btn{ right: 4rem; }
.sub0505 .acc_btn_wrap.down_btn > a{ width: 12rem; padding: 1.1rem 1.5rem; }
.sub0505 .acc_btn_wrap > a:hover,
.sub0505 .acc_btn_wrap > a:focus{ background-color: #fff; color: #101010; }
.sub0505 .acc_btn_wrap > a.plan:hover,
.sub0505 .acc_btn_wrap > a.plan:focus{ background-color: #131C33; color: #fff; }

.board_list .tstyle_list thead{ border-top: 2px solid #555; background-color: #F6F6F6; }
.board_list td .state{ display: inline-block; padding: 1rem 1.7rem; line-height: 1; font-weight: 400; border-radius: 3.5rem; color: #333333; }
.board_list td .state.waiting{ background-color: #DDDDDD; }
.board_list td .state.ing{ background-color: #08AECC; color: #fff; }
.board_list td .state.complete{ background-color: #3385D8; color: #fff; }
.board_list thead th{ font-weight: 500; }

.mission_wrap{ text-align: center; margin-bottom: 8rem; }
.mission_wrap ul{ position: relative; max-width: 98.2rem; overflow: hidden; margin: 0 auto; }
.mission_wrap ul:before{ position: absolute; top: 50%; left: 10%; margin-top: -4rem; content: ""; width: 80%; height: 1px; background-color: #F6F6F6; }
.mission_wrap li{ position: relative; float: left; width: 23.5rem; margin-left: calc( ( 100% - 70.5rem) / 2 ); }
.mission_wrap li:first-child{ margin-left: 0; }
.mission_wrap li:before{ position: absolute; left: 0; margin-left: -8rem; top: 50%; margin-top: -4.8rem; content: ""; display: inline-block; width: 1.8rem; height: 1.8rem; background: url(/main/img/sub/sub010101_cir.png) no-repeat; background-size: contain; }
.mission_wrap li .cir{ width: 19.7rem; height: 19.7rem; }
.mission_wrap li p{ font-size: 1.7rem; line-height: 2.7rem; letter-spacing: -0.095rem; font-weight: 500; color: #121212; }

.function_wrap{ position: relative; border: 1px solid #DBDBDB; padding: 7rem 2rem 10rem; text-align: center; }
.function_wrap .function_tit{ display: inline-block; font-size: 1.9rem; line-height: 2.8rem; color: #313131; letter-spacing: -0.076rem; margin-bottom: 5rem; }
.function_wrap .function_tit b { display: block; /*font-family: 'mtsr';*/ font-size: 2.3rem; font-weight: 600; letter-spacing: -.12rem; line-height: 1; }
.function_wrap .function_tit b:before,
.function_wrap .function_tit b:after{ content: ""; display: inline-block; width: 4.1rem; height: 3.5rem; background: url(/main/img/sub/sub010101_before.png) no-repeat; background-size: contain; transform: translateY(-15px); -webkit-transform: translateY(-15px); margin-right: 1.8rem; }
.function_wrap .function_tit b:after{ background: url(/main/img/sub/sub010101_after.png) no-repeat; background-size: contain; margin-right: 0; margin-left: 1.8rem; }
.function_wrap ul{ max-width: 89.8rem; margin: 0 auto; text-align: left; }
.function_wrap li{ position: relative; background-color: #F6F6F6; border-radius: 6rem; padding: 1.6rem 1.5rem 1.6rem 8rem; margin-bottom: 1.2rem; font-size: 1.6rem; font-weight: 400; letter-spacing: -0.09rem; }
.function_wrap li .num{ position: absolute; top: 50%; left: .5rem; display: inline-block; width: 4.6rem; height: 4.6rem; border-radius: 50%; font-family: 'mtsr'; font-size: 1.6rem; line-height: 5rem; color: #fff; font-weight: 500; background-color: #EA222F; border-radius: 50%; text-align: center; transform: translateY(-50%); -webkit-transform: translateY(-50%); }


/* 연혁 */
.history{ position: relative; }
.history_tit{ display: block; font-family: 'mtsr'; font-size: 2.6rem; font-weight: 600; color: #EA1B28; letter-spacing: -0.06rem; line-height: 4rem; margin-bottom: 2.7rem; }
.history_list{position: relative; padding-left: 47.75rem; margin-bottom: 10rem}
.history_list:before{ position: absolute; left: -1.3rem; top: 0; display: inline-block; }
.history_list.list1:before{ content: "제 5대 박소현 소장 취임식 사진"; top: 6rem; width: 51.5rem; height: 77.6rem; background: url(/main/img/sub/sub010103_img01.png) no-repeat; background-size: contain; font-size: 0; }
.history_list.list2:before{ content: "건축도시공간연구소 국가공공건축지원센터 개소식 사진"; top: 9rem; left: auto; right: 0; width: 45.7rem; height: 68.5rem; background: url(/main/img/sub/sub010103_img02.png) no-repeat; background-size: contain; font-size: 0; }
.history_list.list3:before{ content: "건축도시공간연구소 개소식 사진"; top: 9rem; width: 36.7rem; height: 44.3rem; background: url(/main/img/sub/sub010103_img03.png) no-repeat; background-size: contain; font-size: 0; }
.history_list.list2{ position: relative; padding-left: 0; padding-right: calc( 50% + 3rem ); }
.history_list .year{ position: relative; display: block; font-family: 'mtsr'; font-size: 1.9rem; letter-spacing: -0.07rem; padding-bottom: 1.2rem; padding-left: 1.5rem; color: #0B0B0B; border-bottom: 1px solid #959595; text-align: left; }
.history_list .year span{ display: inline-block; position: relative; }
/* .history_list .year span:after{ position: absolute; top: .5rem; right: -2rem; content: ""; display: inline-block; width: 1.1rem; height: 1.1rem; background-color: #EA1B28; } */
.history_list ul{ padding: 0.95rem 1rem 1.95rem 1rem; text-align: left; border-top: 1px dashed #CBCBCB}
.history_list li{ position: relative; display: block; margin-top: 1.25rem; letter-spacing: -0.048rem; color: #222; font-size: 1.6rem; font-weight: 200; line-height: 2.4rem; padding-left: 10.5rem; }
.history_list li b{ position: absolute; top: -0.4rem; left: 0; display: inline-block; width: 7.2rem; font-size: 1.9rem; font-weight: 600; color: #555555; line-height: 3.5rem; }
.history_list li p{ margin-top:.3rem;color: #898989; }
.history_list .float_txt{ position: absolute; top: 5rem; left: 50%; margin-left: 12rem; display: inline-block; font-size: 0; }
.history_list.list2 .float_txt{ display: none; width: 41.5rem; height: 7.4rem; background: url(/main/img/sub/sub010103_img04.png) no-repeat; background-size: contain; }
.history_list.list3 .float_txt{ display: none; left: 0; margin-left: 0; width: 35.2rem; height: 16.7rem; background: url(/main/img/sub/sub010103_img05.png) no-repeat; background-size: contain; }
.history_slider button{ position: absolute; z-index: 2; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); display: inline-block; width: 3.5rem; height: 3.5rem; background-color: rgba(0,0,0,0.5); border: none; font-size: 0; }
.history_slider button.slick-prev{ left: 0; }
.history_slider button.slick-next{ right: 0; }
.history_slider button:before{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); content: ""; display: inline-block; font-family: 'xeicon'; font-size: 2.5rem; color: #fff;  }
.history_slider button.slick-next:before{ content: "";}

/* 연혁 추가 */
.top_box.img_type1.history_top{ background: url(/main/img/sub/sub010103_topbox_img01.png) 100% 50% no-repeat; background-size: cover; }
.top_box.img_type1.history_top .top_box_txt{font-weight:300;width:55%}

.history_slider{ position: absolute; top: 0; left: 0; z-index: 1; }
.history_slider .item{ margin-bottom: 2.1rem; }
.history_slider .item img{ display: block; width: 100%; height: auto; }


/* 인사말 */
.greeting{ overflow: hidden; }
.greeting_top{ position: relative; border-top: 2px solid #1D1D1D; border-bottom: 1px solid #DDDDDD; padding-top: 2.25rem; padding-bottom: 1.8rem; margin-bottom: 5.8rem; text-align: right; }
.greeting_tit{ display: inline-block; vertical-align: bottom; font-size: 2.2rem; line-height: 3.5rem; font-weight: 400; letter-spacing: -0.1rem; margin-right: 4.3rem; }
.greeting_tit b{ display: block; font-size: 2.6rem; line-height: 4.6rem; margin-bottom: 1rem; color: #E20A17; }
.greeting_top .img_wrap{ display: inline-block; /* width: 20.2rem; */ height: auto; }
.greeting_top .img_wrap img{ width: 100%; height: auto; }
.greeting_txt_wrap{ float: left; width: calc( 100% - 517px ); margin-right: 77px; letter-spacing: -0.1rem; }
b.greeting_txt{ display: block; font-size: 2rem; line-height: 3.1rem; margin-bottom: 2.6rem; word-break: keep-all; }
p.greeting_txt{ margin-top: 2.4rem; font-size: 1.7rem; line-height: 2.8rem; }
.greeting_txt_wrap .red{ display: block; margin-top: 4.6rem; }
.greeting_txt_wrap .red img{ display: inline-block; margin-left: .9rem; }
.director_profile{ float: left; width: 44rem; border: 2px solid #EBEBEB; padding: 3rem 3.3rem; }
.director_profile strong{ display: block; font-size: 1.8rem; }
.profile_box{ margin-top: 1.4rem; }
.profile_box b{ display: block; font-size: 1.5rem; line-height: 2.2rem; margin-bottom: .4rem; font-size: 1.5rem; }
.profile_box p{ font-size: 1.5rem; }

.vision{ text-align: center; }
.vision_title{ position: relative; display: block; text-align: center; font-family: 'mtsr'; font-size: 3.7rem; color: #E80B18; line-height: 5.8rem; margin-bottom: 7.6rem; }
.vision_title:after{ position: absolute; bottom: -6.2rem; left: 50%; content: ""; display: block; width: 1px; height: 5.1rem; background-color: #B1B1B1; }
.vision_sub_title{ position: relative; display: inline-block; font-size: 3rem; font-weight: 500; letter-spacing: -0.2rem; line-height: 4.5rem; color: #000; text-align: center; margin-bottom: 7rem; word-break: keep-all; }
.vision_sub_title strong{ display: block; }
.vision_sub_title:before,
.vision_sub_title:after{ position: absolute; top: -1rem; left: -6.5rem; content: ""; display: inline-block; width: 4.1rem; height: 3.5rem; background: url(/main/img/sub/sub010101_before.png) no-repeat; background-size: contain; }
.vision_sub_title:after{ left: auto; right: -6.5rem; background: url(/main/img/sub/sub010101_after.png) no-repeat; background-size: contain; }
.mission_wrap{}
.mission_title{ position: relative; display: inline-block; font-size: 2.4rem; font-weight: 500; line-height: 4.5rem; margin-bottom: 4.2rem; letter-spacing: -0.14rem; color: #000; }
.mission_title:before{ position: absolute; left: -3.5rem; top: 0; content: ""; display: inline-block; width: 1.4rem; height: 4.7rem; background: url(/main/img/sub/sub010202_sub_tit_before.png) no-repeat; background-size: contain; }
.mission_title:after{ position: absolute; right: -3.5rem; top: 0; content: ""; display: inline-block; width: 1.4rem; height: 4.7rem; background: url(/main/img/sub/sub010202_sub_tit_before.png) no-repeat; background-size: contain; transform: rotate( -180deg); -webkit-transform: rotate( -180deg); }
.strategy_wrap{}
.strategy_title{ display: inline-block; font-size: 2.4rem; color: #E80B18; line-height: 4.5rem; letter-spacing: -0.01rem; margin-bottom: 5.6rem; vertical-align: middle; background-color: #fff; }
.strategy_title:before{ content: ""; display: inline-block; width: .7rem; height: .7rem; background-color: #E80B18; vertical-align: middle; margin: -.5rem 2.8rem 0; }
.strategy_title:after{ content: ""; display: inline-block; width: .7rem; height: .7rem; background-color: #E80B18; vertical-align: middle; margin: -.5rem 2.8rem 0; }
.strategy_wrap ul{ position: relative; }
.strategy_wrap ul:before{ position: absolute; top: -7.8rem; left: 0; z-index: -1; content: ""; display: inline-block; width: 100%; height: 1px; background-color: #DBDBDB; }
.strategy_wrap ul li{ float: left; width: 33.33%; min-height: 4.6rem; text-align: left; margin-bottom: 4rem; font-size: 1.5rem; font-weight: 400; color: #2E2E2E; letter-spacing: -0.1rem; padding-left: 5rem; }
.strategy_wrap ul li:nth-child(3),
.strategy_wrap ul li:nth-child(6),
.strategy_wrap ul li:nth-child(9){ padding-left: 10rem; }
.strategy_wrap ul li:nth-child(n+10){ margin-bottom: 6.4rem; }
.strategy_wrap ul li p{ position: relative; word-break: keep-all; }
.strategy_wrap ul li .num{ position: absolute; top: -.4rem; left: -5rem; display: inline-block; width: 4rem; height: 4rem; line-height: 3.8rem; font-family: 'mtsr'; font-weight: 500; font-size: 1.6rem; background-color: #484848; border-radius: 50%; margin-right: 1rem; text-align: center; color: #fff; }
.strategy_wrap ul:after{ clear: both; z-index: -1; content: ""; display: block; width: 100%; height: 1px; background-color: #DBDBDB; }

.previous_president{}
.president_wrap{ position: relative; border-top: 1px solid #D9D9D9; padding: 5rem 0 7rem 71rem; }
.president_wrap:before{ position: absolute; top: 0; left: 0; content: ""; display: inline-block; width: 37rem; height: 1px; background-color: #ED1B28; }
.president_wrap .generation{ position: absolute; top: 5rem; left: 1rem; display: block; font-size: 2rem; color: #ED1B28; line-height: 4.1rem; letter-spacing: -0.1rem; }
.president_info{}
.president_info .img_wrap{ position: absolute; top: 5rem; left: 44rem; border: 1px solid #ddd; }
.president_info .president_name{ display: block; font-size: 2rem; line-height: 3.8rem; letter-spacing: -0.1rem; color: #030303; padding-bottom: .5rem; }
.president_info b{ display: block; font-size: 1.8rem; line-height: 2.7rem; letter-spacing: -0.07rem; color: #ED1B28; margin-top: 2rem; margin-bottom: .5rem; }
.president_info .list_dot > li{ margin-bottom: 0; font-size: 1.7rem; }
.president_info .list_dot > li:before{ background-color: #292929; }

.auri_ci{ margin-bottom: 13.7rem; }
.ci_video{ position: relative; width: 100%; height: 0; padding-bottom: 56.2%; margin-bottom: 3.7rem; }
.ci_video video{ position: absolute; left: 0; width: 100%; height: 100%; }
.ci_txt{ margin-bottom: 3rem; font-size: 1.7rem; font-weight: 400; color: #535353; line-height: 2.8rem; letter-spacing: -0.07rem; word-break: keep-all; }
.ci_txt + .ci_txt{ margin-bottom: 5rem; }
.ci_txt .red{ text-decoration: underline; }
.ci_down{ display: block; width: 22rem; height: 6rem; margin: 5.4rem auto; border: 2px solid #E20915; padding: 1.8rem 3.6rem; line-height: 2rem; color: #E20915; font-size: 1.7rem; font-weight: 500; letter-spacing: -0.06rem;}
.ci_down i{ float: right; font-size: 1.8rem; }
.auri_ci .border_box_wrap{ overflow: hidden; margin-bottom: 5.3rem; }
.auri_ci .border_box,
.auri_ci .grid_box{ float: left; width: calc(50% - 1.2rem); margin-left: 2.4rem; text-align: center; padding: 5.8rem 4.5rem; }
.auri_ci .border_box:first-child,
.auri_ci .grid_box:first-child{ margin-left: 0; }
.auri_ci .border_box .img_wrap{ margin-bottom: 4.5rem; }
.auri_ci .border_box .color_list{ border-top: 2px dotted #ddd; padding: 5.75rem 5.75rem 0 5.75rem; text-align: left; }
.auri_ci .border_box .color_list > li{ margin-bottom: 3.2rem; overflow: hidden; }
.auri_ci .border_box .color_box{ float: left; display: inline-block; width: 8rem; height: 7rem; background-color: #D90915; margin-right: 1.5rem; }
.auri_ci .border_box .color_box.cb2{ background-color: #161615; }
.auri_ci .border_box .color_box.cb4{ background-color: #878786; }
.auri_ci .border_box .color_code{ float: left; display: inline-block; }
.auri_ci .border_box .color_code li{ font-size: 1.5rem; line-height: 2.3rem; letter-spacing: -0.045rem; font-weight: 400; }
.auri_ci .border_box .color_code li b{ display: inline-block; width: 10rem; color: #151515;}
.auri_ci .grid_box_wrap{ overflow: hidden; }
.auri_ci .grid_box{ text-align: left; padding: 0; }
.auri_ci .grid_box .img_wrap{ padding: 5.4rem 2rem; background: url(/main/img/sub/sub010401_grid.png) 50% 50% no-repeat; background-size: cover; text-align: center; }

.sub010403 .top_box.icon_type1{ padding: 4.7rem 2rem 5rem 28.7rem; }
.sub010403 .hongbo_video{ position: relative; width: 86.3rem; height: 0; padding-bottom: 44%; margin: 0 auto 10rem; }
.sub010403 .hongbo_video iframe{ position: absolute; left: 0; width: 100%; height: 100%; }


.list_box{ margin-bottom: 6.2rem; }
.list_box > ul{ }
.list_box > ul > li{ position: relative; min-height: 20rem; border-top: 2px dashed #ddd; padding: 5rem 22rem 4rem 18rem; }
.list_box > ul > li:first-child{ border-top: 1px solid #575757; }
.list_box > ul > li:last-child{ border-bottom: 1px solid #BABABA; }
.list_box > ul > li .num{ position: absolute; top: 50%; left: 6rem; font-size: 3.1rem; font-weight: 600; text-align: center; line-height: 4.4rem; color: #E61B27; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.list_box > ul > li .num em{ display: block; margin-bottom: 1.8rem; font-size: 1.6rem; font-weight: 400; line-height: 3rem; letter-spacing: -0.09rem; border-top: 1px solid #E61B27; border-bottom: 1px solid #E61B27; }
.list_box > ul > li .list_title{ display:  block; font-size: 2.3rem; line-height: 4.4rem; letter-spacing: -0.1rem; margin-bottom: 1.2rem; color: #2F2F2F; }
.list_box > ul > li p{ font-size: 1.7rem; line-height: 2.6rem; letter-spacing: -0.1rem; color: #030303; }
.list_box > ul > li .more{ position: absolute; top: 50%; right: 6rem; transform: translateY(-50%); -webkit-transform: translateY(-50%); display: inline-block; width: 9rem; height: 9rem; background-color: #2F2F2F; color: #fff; font-size: 1.7rem; letter-spacing: -0.1rem; text-align: center; padding: 2.2rem 0; transition: .2s; -webkit-transition: .2s; }
.list_box > ul > li .more:hover,
.list_box > ul > li .more:focus{ background-color: #e20915; }
.list_box > ul > li .more i{ display: block; font-size: 2rem; line-height: 2.6rem; }

.step_list_box {}
.step_list_box ul{ overflow: hidden; width: 100%; }
.step_list_box ul li{ position: relative; float: left; display: table; table-layout: fixed; width: calc(25% - 3.45rem); height: 11.7rem; margin-left: 4.6rem; text-align: center; border: 1px solid #d5d5d5; margin-bottom: 3.4rem; word-break: keep-all; font-size: 1.7rem; line-height: 2.2rem; letter-spacing: -0.06rem; }
.step_list_box ul li:nth-child(4n+1){ margin-left: 0; }
/* .step_list_box ul li:first-child{ border-color: #DC0916; color: #DC0916; font-weight: 500; } */
.step_list_box ul li:last-child{ border-color: #1C3255; background-color: #1C3255; color: #fff; }
.step_list_box ul li:before { position: absolute; left: -3.5rem; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); content: ""; display: inline-block; font-family: 'xeicon'; font-size: 2.4rem; color: #9B9A9A; }
.step_list_box ul li span,
.step_list_box ul li a{ display: table-cell; width: 100%; vertical-align: middle; padding: 0 2.1rem; }

.sub020102 .border_box{ border-width: 3px; text-align: center; padding-right: 0; padding-left: 10rem;}
.sub020102 .mid_box_tit{ left: 0; font-size: 2rem; line-height: 2.8rem; }

.terms .textarea { max-height: 21rem; overflow: auto; border: 1px solid #ddd; text-align: left; padding: 30px 30px 30px; }
.terms .textarea b{ display:  block; font-weight: 500; margin: 1rem 0 .25rem; }
.terms .textarea b:first-child{ margin-top: 0; }
.terms_radio{ margin-top: 10px; margin-bottom: 30px; text-align: right; }
.terms_radio label{ display: inline-block; margin-right: 25px; }
.terms_radio .pi-form-label-box input{ position: absolute; opacity: 0; width: 25px; height: 25px; z-index:1; cursor: pointer;}
.terms_radio .pi-form-label-box input ~ span:before{ content: "\e92b"; font-family:'xeicon'; display: inline-block; font-size: 2rem; color: #ddd; z-index:-1; vertical-align: middle; margin-right: 5px; }
.terms_radio .pi-form-label-box input:checked ~ span:before{ color: #DC0916; }
.terms_radio .pi-form-label-box input:focus ~ span:before{ outline: 1px dotted #000; }
.terms_radio .pi-form-label-box i { display: none; }
.terms .all_chk{ text-align: right; margin-bottom: 50px; background-color: #f7f7f7; padding: 15px; } 
.terms .all_chk label{ font-size: .8rem; font-weight: 400; }
.terms .all_chk input{ display: inline-block; margin-right: 5px;}
.terms-btn{ text-align: center; margin-bottom: 50px; }
.terms-btn .pi-btn{ display: inline-block; min-width: 108px; padding: 10px 20px; font-size: .8rem; background: #DC0916; color: #fff; border-color: #DC0916; border: none; margin-top: 15px; } 
.terms-btn .pi-btn.cancel{ background-color: #fff; color: #000; border: 1px solid #ddd; }
.terms-btn .pi-btn span{ padding: 0; }
.terms-btn .pi-btn:hover { background: #DC0916;}

.icon_vertical_list{ margin-bottom: 5rem; }
.icon_vertical_list .list{ position: relative; display: table; table-layout: fixed; width: 100%; min-height: 16.2rem; border: 1px solid #DEDEDE; margin-bottom: 1.1rem; padding: 4.3rem 2rem 4.3rem 25.2rem; }
.icon_vertical_list .list .inner{ display: table-cell; width: 100%; vertical-align: middle; }
.icon_vertical_list .list .inner p{ font-size: 1.7rem; letter-spacing: -0.1rem; word-break: keep-all; font-weight: 400; }
.icon_vertical_list .list .inner .table_box{ margin-top: 2rem; }
.icon_vertical_list .list .inner .table_box .table{ border-top: 1px solid #DEDEDE; }
.icon_vertical_list .list .inner .table_box .table thead th{border-bottom: 1px solid #DEDEDE}
.icon_vertical_list .list .inner .table_box .table tbody td{ padding: 3rem 5rem; }
.icon_vertical_list .list .inner .table_box .table thead th,
.icon_vertical_list .list .inner .table_box .table tbody td{ border-left: 1px solid #DEDEDE; }
.icon_vertical_list .list .inner .table_box .table th:last-child, 
.icon_vertical_list .list .inner .table_box .table td:last-child{ border-right: 1px solid #DEDEDE; }
.icon_vertical_list .list .inner .list_dot{ margin-top: 3rem; }
.icon_vertical_list .list .list_tit{ position: absolute; top: 3.5rem; left: 8rem; display: block; font-size: 1.8rem; }
.icon_vertical_list .list .list_tit i{ display: block; margin: 0 auto .9rem; text-align: center; }
.icon_vertical_list .list .inner .file_down{ display: inline-block; padding: 1.4rem 2.6rem; border: 1px solid #ddd; font-size: 1.5rem; font-weight: 500; -webkit-transition: all 0.2s; transition: all 0.2s;  }
.icon_vertical_list .list .inner .file_down i{ margin-left: .8rem; }
.icon_vertical_list .list .inner .file_down:hover,
.icon_vertical_list .list .inner .file_down:focus{ background-color: #444; border-color: #444; color: #fff; }
.icon_vertical_list .list .list_dot > li{ font-size: 1.7rem; margin-bottom: .5rem; }
.icon_vertical_list .list .list_dot > li:before{ background-color: #666; }

/* 지도 */
.map_wrap {}
.map_wrap .thumb{ width: 100%; border: 1px solid #ddd; text-align: center; padding: 2rem;}
.map_wrap .thumb img{}
.map_wrap .root_daum_roughmap { width: 100% !important; z-index: 0; }
.map_cont{ position: relative; padding: 4.5rem 2rem 4.5rem 29.6rem; background-color: #F5F5F5; border: 1px solid #D9D9D9; border-top: 0; margin-bottom: 2.6rem; }
.map_cont .map_logo{ position: absolute; top: 4.5rem;left: 7.3rem; width: 13rem; }
.map_cont .map_logo img{ width: 100%; height: auto; }
.map_cont p{ font-size: 1.7rem; line-height: 2.6rem; margin-bottom: 0.9rem; letter-spacing: 0.01rem; }
.map_cont ul{ overflow: hidden; }
.map_cont ul li{ position: relative; float: left; display: inline-block; margin-left: 3.2rem; }
.map_cont ul li:first-child{ margin-left: 0; }
.map_cont ul li b{ display: inline-block; margin-right: 1.2rem; font-weight: 600; }
.sub0105 .list_box > ul > li{ padding-right: 0; }
.sub0105 .list_box > ul > li:first-child{ border-top: 0; }
.sub0105 .list_box > ul > li:last-child{ border-bottom: 0; }
.sub0105 .list_box > ul > li .transport{ position: absolute; top: 5rem; left: 2.5rem; font-size: 2.6rem; color: #242424; display: block; line-height: 3.8rem; font-weight: 600; }
.sub0105 .list_box > ul > li .transport .icon{ display: block; margin-top: 2.5rem; text-align: center; }
.sub0105 .list_box > ul > li .list_title{ font-size: 2.1rem; line-height: 4.4rem; letter-spacing: -0.1rem; color: #DC0916; margin-bottom: 1.7rem; }
.sub0105 .list_box > ul > li > p{ margin-bottom: 1.7rem; word-break: keep-all;  }
.sub0105 .list_box > ul > li .border_box{ position: relative; padding-right: 19.5rem; }
.sub0105 .list_box > ul > li .border_box strong{ margin-bottom: .6rem; }
.sub0105 .list_box > ul > li .border_box .bus_info_link{ position: absolute; right: 3rem; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 1rem 2.4rem; background-color: #464646; color: #fff; font-size: 1.6rem; }
.sub0105 .list_box > ul > li .list_dot > li:before{ background-color: #999; }

.customoverlay {position:relative;bottom:20px;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;float:left;}
.customoverlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}
.customoverlay a {display:block;text-decoration:none;color:#000;text-align:center;border-radius:6px;font-size:14px;font-weight:bold;overflow:hidden;}
.customoverlay .title {display:block;text-align:center;background:#fff;padding:10px 15px;font-size:14px;font-weight:bold;}
.customoverlay:after {content:'';position:absolute;margin-left:-12px;left:50%;bottom:-12px;width:22px;height:12px;background:url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}

.sub020201 .icon_box .col4 > li .cir,
.sub020301 .icon_box .col4 > li .cir,
.sub020401 .icon_box .col4 > li .cir,
.sub020501 .icon_box .col4 > li .cir{ width: 9.6rem; height: 9.6rem; }

.sub040301 .icon_vertical_list .list{ padding-left: 37rem; }
.sub040301 .icon_vertical_list .list .list_tit{ top: 50%; left: 5.5rem; transform: translateY( -50%); -webkit-transform: translateY( -50%); width: 21rem; text-align: center; }
.sub040301 .icon_vertical_list .list b.red{ display: block; margin-top: 3rem; margin-bottom: 2rem; font-size: 1.8rem; }

.diagram3 { position: relative; margin-top: -3.5rem; display: inline-block; width: calc(100% + 5.5rem); }
.diagram3:before{ position: absolute; top: 5rem; left: 50%; margin-left: -42%; content: ""; display: inline-block; width: 80%; height: 1px; border-top: 1px dashed #B1B1B1; }
.diagram3 > * { clear: none; float: left; width: calc(20% - 5.5rem); margin: 3.5rem 5.5rem 0 0; }
.diagram3.col6 > * { width: calc(16.66% - 5.5rem); }
.diagram3 li { position: relative; }
.diagram3 .label { display: block; width: 3.5rem; height: 3.5rem; border-radius: 50%; margin: 0 auto .9rem; background-color:#959FA5 ; color: #fff; text-align: center; line-height: 3.5rem; }
.diagram3 .txt { text-align: center; word-break: keep-all; }
.diagram3 li:last-child .label{ background-color: #DC0916; }

/*탑박스*/
.top_box.icon_type1.right{padding:5rem 26rem 5rem 0}
.top_box.icon_type1.right .icon_wrap{left: inherit; right: 2rem;}
.top_box.icon_type1.txt{padding: 5rem 0}
.top_box.icon_type1.txt .top_box_tit{font-size: 2.6rem}

.sub_tit_red{font-size: 1.9rem; font-weight: 500; color:#DC0916; line-height: 2.6rem; padding-left: 3rem; position: relative; margin-bottom: 1.7rem; margin-top: 2rem; }
.num_cir{position: absolute; left:0; top: 50%; transform: translateY(-50%); color:#fff; text-align: center; width: 2.4rem; height: 2.4rem; line-height: 2.4rem; display: block; background: #DC0916; border-radius: 50%; font-size: 1.5rem; font-weight: 500}

/*.txt{font-size: 1.7rem; font-weight: 300; color:#030303; line-height: 2.6rem; margin-bottom: 2.5rem; }
.txt.gray{color: #3B3B3B}*/

.list_dot.type2 > li:before {background-color: #626262; color: #999; line-height: 1.2; top: 10px}

/*저작권정책*/
.sub0602 .box_wrap{margin: 5rem 0 3rem; }
.sub0602 .box{float: left; width: 33.33333%; min-height: 38.5rem;  border-top: 1px solid #D6D6D6; border-bottom: 1px solid #D6D6D6; border-left: 1px solid #D6D6D6; padding: 4rem 3rem; text-align: center; }
.sub0602 .box:last-of-type{border-right: 1px solid #D6D6D6; }
.sub0602 .box span{display: block; font-size: 1.9rem; font-weight: 500; color:#E8000F; margin-bottom: 2.7rem}
.sub0602 .box img{ max-width: 100%}
.sub0602 .box ul.list_dot.type2{padding: 2.5rem 1rem 1rem; background: #F4F4F4; margin-top: 2.5rem; min-height: 14rem}
.sub0602 .box ul.list_dot.type2 li{font-size: 1.6rem; margin-bottom: .5rem}
.sub0602 a.go{font-size: 1.6rem; font-weight: 400; text-decoration: underline; color: #E51D29; margin-bottom: 4rem; display: inline-block}
.sub0602 .box_radius_red{border: 1px solid #DDDDDD; padding: 3rem; position: relative; }
.sub0602 .box_radius_red:before{content:''; position: absolute; left:-1px; top:-1px; width: 4rem; height: 3rem; border-top: 1px solid #E51D29; border-left: 1px solid #E51D29; }
.sub0602 .box_radius_red:after{content:''; position: absolute; right:-1px; top:-1px; width: 4rem; height: 3rem; border-top: 1px solid #E51D29; border-right: 1px solid #E51D29; }
.sub0602 .box_radius_red .list_dot{margin-bottom: 0;}
.sub0602 .box_radius_red .list_dot.type2 li{float: left; margin-bottom: 0; font-size: 1.6rem; color:#030303; }
.sub0602 .box_radius_red .list_dot.type2 li:nth-of-type(1){width: 45%}
.sub0602 .box_radius_red .list_dot.type2 li:nth-of-type(2){width: 55%}
.sub0602 .box_radius_red .list_dot.type2 li span{display: inline-block; font-weight: 500; padding-right: 1rem}
.sub0602 .box_radius_red .list_dot.type2 li em{display: inline-block; font-weight: 300; font-style: normal}

/*이메일무단수집거부*/
.sub0603 .top_box.icon_type1 .icon_wrap{top: 5.5rem;}

/*웹접근성고지*/
.sub0604 .box_red_dot{border:3px solid #EBEBEB; padding: 5rem; position: relative; margin-top: 7rem}
.sub0604 .box_red_dot .tit{position: absolute; left: -2rem; top: -5rem; transform: translateY(-55%);  font-size: 2rem; font-weight: 500; display: inline-block; padding: 0 2rem; position: relative; background: #fff; line-height: 2rem}
.sub0604 .box_red_dot .tit:before{content: ''; position: absolute; right: 0 ; top: 46%; transform: translateY(-50%); width: 3px; height: 3px; background: #EA1B28}
.sub0604 .box_red_dot .txt{margin-bottom: 0; margin-top: -3rem}
.sub0604 .box_red_dot a{font-size: 1.6rem; color: #E51515; text-decoration: underline; display: block;}

/*주요업무 담당자*/
.sub0604 .box_wrap{margin-left: -1.6rem; margin-top: -1.6rem; width: calc(100% + 1.6rem); }
.sub0604 .box_wrap.type2{margin-bottom: 3rem}
.sub0604 .box_wrap:after{content: ''; display: block; clear: both; box-sizing: inherit}
.sub0604 .box_wrap .box{float: left; width: 50%; padding-left: 1.6rem; padding-top: 1.6rem;  }
.sub0604 .box_wrap .box > div{padding: 2.8rem 4rem; border: 1px solid #DDDDDD; position: relative}
.sub0604 .box.last{margin-top: 1.6rem; padding: 2.8rem 4rem; border: 1px solid #DDDDDD; position: relative; margin-bottom: 5rem}
.sub0604 .box.last.type2{margin-bottom: 1.6rem; margin-top: 0; border: 3px solid #DDDDDD; }
.sub0604 .box.last.type3{margin-bottom: 1.6rem; margin-top: 0;}
.sub0604 .box.last.type3 + .box.last.type2{margin-top: 3rem}
.sub0604 .box.last.type2 p > *{font-weight: 500}
.sub0604 .box p > *{display: inline-block; font-style: normal; font-size: 1.7rem;} 
.sub0604 .box p span br{display: none}
.sub0604 .box p span{font-weight: 400; padding-right: 3rem; position: relative; word-break: keep-all} 
.sub0604 .box p span:after{content: ''; position: absolute; right: 1.25rem; top: 50%; transform: translateY(-50%); width: 2px; height: 15px; background: #C6C6C6}
.sub0604 .box a{position: absolute; right: 4rem; top: 2.8rem; color: #656565}
.sub0604 .box a:hover, .sub0604 .box a:focus{color: #E50019}
.sub05010201 .table td .red,
.sub05010202 .table td .red{ text-decoration: underline; }

/* newsletter */
/* 1.Message from President */
.message_left{ float: left; width: 47%; line-height: 22px; }
.message_left strong.h{ font-weight: normal; color: #272727;  }
.message_right{ float: right; width: 47%; line-height: 20px;  }

.message_group .message_left{padding-top:0; width:61%;}
.message_group .message_right{width:33%;}

/* 1.profile */
.profile_left{ float: left; width: 59%; }
.profile_right{ float: right; width: 40%; text-align: right; }

/* 1.Previous President Profile */
.pastDirector{ margin-bottom: 70px; line-height: 21px; }
.pastDirector:after{display:block;clear:both;content:"";}
.pastDirector .img{ float: left; }
.pastDirector .img p{ margin-top: 10px; font-size: 16px; line-height: 21px;  color: #272727; }
.pastDirector .con{ margin-left: 179px;  }
.pastDirector .con h4{ font-size: 14px; margin-bottom: 10px; color: #272727; font-weight: normal;}

/*1.Organization & History  */
.orgchart1 img,.orgchart2 img{ max-width: 100%; }
.histroy_list td{padding-bottom: 10px;}
.histroy_list td.day{ color: #272727; }
.orgchart1{ display: block; }
.orgchart2{ display: none; }

/*1.auri 소개 _ auri는 _ 설립목적 및 기능 */
.purpose_list li{ float: left; width: 27%; background: url(/images/ico/ico_plus.gif) right 60px no-repeat; text-align: center;  font-size: 15px; padding-right: 6%;}
.purpose_list li img{ margin-bottom: 15px; }
.purpose_list li:last-child{ background: none; width: 32%; padding: 0;}

/*1.auri 소개 _ auri는 _ 비전 및 목표 */
.vision_problem{ margin-bottom: 40px; padding-left: 32px; line-height: 18px;}
.vision_strategy { line-height: 16px; padding-left: 32px; }
.vision_strategy strong{ display: block; color: #272727;  margin-bottom: 10px; font-weight: normal;font-size: 14px; line-height: 20px;  }
.vision_strategy strong .c4{ font-weight: normal; }
.vision_strategy>ul>li {margin-bottom: 20px;}
.vision_strategy .arr{ display: inline-block; *display: inline; *zoom: 1; background: url(../../images/ico/ico_arr6.gif) 5px 2px no-repeat; padding-left: 20px; }
.problem_bg{ background: url(/images/auoutAuri/bg_vision.jpg) right 250px no-repeat;  }

/* 1.auri 소개 _ auri는 _경영공시 */
.tab_disclosure li{ float: left; width: 16.3%; height: 45px; line-height: 45px; background-color: #fbfbfb; border-color: #eee #eee #c5c5c5; border-style: solid; border-width:1px; font-size: 15px; text-align: center;  }
.tab_disclosure li.fixed{  border-color: #eee #eee #fff; background-color: #fff;  }
.tab_disclosure li.fixed a{color: #272727; }

/*1.auri 소개 _ auri는 _ CI */
.symbol1 li{ float: left; width: 44%;  *width: 43%; text-align: center; padding: 3%;  }
.symbol1 li img{ max-width:100%;}
.symbol2 li{ float: left; width: 50%;  *width: 49%; text-align: center;}
.symbol2 li:first-child{ width: 49%; *width: 48%; margin-right: 1%;}
.symbol2 li img{ max-width: 100%; }
.symbol2 li h3{ font-size: 15px; font-weight: normal; margin-bottom: 20px; text-align: left; color: #272727;  }
/* 1.auri 소개 _ auri는 _브로셔  */
.brochure_list li{ float: left; width: 30%; margin-left: 3%; }
.brochure_list li:first-child{ margin-left: 0;  }
.brochure_list li img{ max-width: 100%; }
.brochure_list li .thmb{ display: block; position: relative; border: 1px solid #c7c7c7; margin-bottom: 15px; }
.brochure_list li .txt{ display: block; text-align: center; font-size: 15px; color: #272727; }
/* 1.auri 소개 _ auri는 _홍보동영상  */
.prMovie{ max-width: 640px;  margin: 0 auto;  }
/* 1.auri 소개 _ auri는 _찾아오시는길  */
.location_auri{ min-height:150px; padding-left: 133px; background-position: 0 0; background-repeat: no-repeat; font-size: 15px; line-height: 24px;  }
.location_auri strong{ display: block; margin-bottom: 5px; color: #242424; font-weight: normal;  }
.location_auri li{ margin-bottom: 15px;}
.location_auri.bus{ background-image:url(../../images/auoutAuri/ico_bus.gif) }
.location_auri.subway{ background-image:url(../../images/auoutAuri/ico_subway.gif) }
.location_auri.car{ background-image:url(../../images/auoutAuri/ico_car.gif) }


/*2.연구사업안내 _ 연구사업개요 _ 사업목표 및 추진방향 */
#research_obj .top{ text-align: center; margin-bottom: 30px; padding: 0 2% 50px;  border-bottom: 1px solid #eee; }
#research_obj .top img{ max-width: 100%;}
#research_obj .research_obj{ background-position: 100% 150px; background-image: url(../images/research/img_objective2.jpg); background-repeat: no-repeat; }
#research_obj ul.type1{ margin-bottom: 30px; }

/*2.연구사업안내 _ 연구관련사업 _ auri 건축도시포럼 */
.auriForumHistory>li{clear: both; margin-bottom: 30px; *zoom:1;}
.auriForumHistory>li:after{ content:""; clear: both; display: block; }
.auriForumHistory strong{  float: left; background: url(/images/ico/ico_arr5.gif) right 35px no-repeat; padding-right: 20px;   }
.auriForumHistory ul.list,.auriForumHistory p{margin-left: 115px; padding-top:17px; }
.auriForumHistory p.first{ padding-top:32px; }
/*.auriForumHistory .arr{ margin-bottom: 20px; padding-left: 15px; color: #272727; font-size: 15px; line-height: 24px;   }*/
.auriForumHistory dd{ line-height: 26px; padding-left: 15px; }

/* 3.조직및부서소개_조직도 */
.imagingTop2 .chart{ position: absolute; left:-372px; top: 100px;   }
.organizationChat{ text-align: center;}
.organizationChat_small{ display: none; text-align: center; position: relative; }
.organizationChat_small img{max-width: 100%;}
.auriLeader .leaderList{ width: 20%; padding-bottom: 30px; float: left; background-color: #fbfbfb; text-align: center; border: 1px solid #eee; }
.auriLeader .leaderList h4{ padding: 10px 0	; text-align: center; color: #272727; font-size: 15px;  background-color: #fff; border-bottom: 1px solid #eee; margin-bottom: 10px; }
.auriLeader .leaderList ul{ margin: 0 5%; }
.auriLeader .leaderList ul li a{ display: block; height: 30px; line-height: 30px;   }
.auriLeader .leaderList ul li a:hover,.auriLeader .leaderList ul li.fixed a{ color:#fff; background-color: #434343; }
.auriLeader .leaderView{ width: 75%; margin-left: 24%;  }
.auriLeader .leaderView .ico_mail{ display: inline-block; *display: inline; *zoom: 1; margin-left: 10px; vertical-align: 2px; }
.auriLeader .btn{ border-top: 1px solid #eee; position: relative; left: 0; top: 0; }
.auriLeader .btn input{ position: absolute; right: 0; top: -1px; }
/* 3.조직및부서소개_소장인사말 */
.imagingTop2 .greeting{ width: 460px; display: block; position: absolute; right:270px; top: 60px;  text-align: right;font-size: 13px; line-height: 22px;}
.imagingTop2 .greeting strong{ font-weight: normal; position: static; display: block; margin-bottom: 10px; font-size: 16px;  line-height: 24px; color: #ed1c24; }
.imagingTop2 .greeting strong span{ color: #272727; }

/* 4.참여공간_관련사이트 */
table.related{ width: 100%; }
table.related td{border: 1px solid #eee;}
table.related td a{ display: block; background: url(../images/ico/ico_arr3.gif) 93% 19px no-repeat; padding: 10px 20px; font-size: 13px; }

/* 4.참여공간_채용 및 인재DB등록*/
.talentList ul li{ display: inline-block; *display: inline; *zoom: 1; text-align: center; width: 120px; vertical-align: top; background: url(../images/ico/ico_arr2.gif) right 35px no-repeat; padding-right: 20px; margin-bottom: 15px;}
.talentList ul li.last{ padding-right: 0; background: none; }
.talentList ul li p{ margin-top: 5px; }

/* 4.Research & Division > Projects */
.tab_Projects{ background: url(../images/bg/bg_tab_line.gif) left bottom repeat-x; }
.tab_Projects li{ float: left; width: 13.3%; height: 45px; line-height: 45px; background-color: #fbfbfb; border-color: #eee #eee #c5c5c5; border-style: solid; border-width:1px; font-size: 15px; text-align: center;  }
.tab_Projects li.fixed{  border-color: #eee #eee #fff; background-color: #fff;  }
.tab_Projects li.fixed a{color: #272727; }

/*5.auri 소식 _ 발간출판 _ 발간출판현황 */
.reactiveRolling{ position: relative; left: 0; top: 0; }
.reactiveRolling .next,.reactiveRolling .prev{ position: absolute; top:80px; }
.reactiveRolling .prev{left:0; }
.reactiveRolling .next{ right: 0;  }
.reactiveRolling .area{ margin: 0 auto; width: 689px; overflow: hidden; position: relative; }
.reactiveRolling .area ul{ position: relative; left: 0; top: 0; width: 3000px;}
.reactiveRolling .area ul li{ float: left; width: 157px; padding: 1px; border: 1px solid #eee; margin-right:15px;  }
.reactiveRolling .area ul li img{max-width: 100%;}

.productListTop .list{ float: left; width: 45%; min-width: 260px; padding-right: 3%; margin:0 3% 50px 0; }
.productListTop .list:first-child{border-right:1px #eee solid  }
.productListTop .list.right{ float: left; width: 44%; padding:0; margin-right: 0; }
.productListTop .list .img{ width: 40%; position: relative; float: left; border: 1px solid #c7c7c7;  padding: 1px;   margin-bottom: 30px;}
.productListTop .list .txt{ margin-left: 48%; }
.productListTop .list .img img{ max-width: 100%; }
.productListTop .list .img .new{ display:block;position:absolute;top:-1px;left:-1px;width:34px;height:14px;font-size:0;}
.productListTop .list .division{margin-bottom: 16px;}
.productListTop .list .h{ margin-bottom: 21px; font-size: 15px; height: 74px; overflow: hidden; line-height: 18px; color: #272727;}
.productListTop .list .h strong{ font-weight: normal; }
.productListTop .list .author{ margin-bottom: 16px; }

.productListTop2 .list{  min-width: 260px; padding-right: 3%; margin:0 3% 50px 0; border:0; }
.productListTop2 .list .img{ width: 36%; position: relative; float: left; border: 1px solid #c7c7c7;  padding: 1px; text-align: center;  margin-bottom: 30px;}
.productListTop2 .list .txt{ margin-left: 39%; } 
.policyTrends .list .img{ width: 28%;}
.policyTrends .list .txt{ margin-left: 32%; }
.paperback .list .img{ width: 38%;}
.paperback .list .txt{ margin-left: 42%; }
.productListTop2 .list .txt .paperback{ min-height:344px; height: auto !important; height:344px;}

.productListTop2 .list ul.type1 li{ line-height: 24px;  background-position:7px 9px  }
.productListTop2 .list .img img{ max-width: 100%; }
.productListTop2 .list .img .new{ display:block;position:absolute;top:-1px;left:-1px;width:34px;height:14px;font-size:0;}
.productListTop2 .list .division{margin-bottom: 10px; font-size: 15px; }
.productListTop2 .list .division .short{ background-position: 0px 4px; }
.productListTop2 .list .h{margin-bottom: 21px; font-size: 20px; overflow: hidden; line-height: 23px; color: #272727; letter-spacing:-1px; }
.productListTop2 .list .h strong{ font-weight: normal; }
.productListTop2 .list .summary{  margin-bottom: 20px; line-height: 22px; }
.productListTop2 .list .author{ margin-bottom: 30px; }
.productListTop2 .list .btn img{ max-height: 30px; }
.productListTop2 .txt .hanbrief{ font-size: 15px; line-height: 22px; }
.productListTop2 .txt .hanbrief .Paragraph{ margin-bottom: 20px; }
.productListTop2 .txt h3.t1{ letter-spacing: -1px; font-size: 30px; font-weight: normal; margin-bottom: 28px; color: #272727; }
.productListTop2 .txt h3.t2{ letter-spacing: -1px; font-size: 20px; font-weight: normal; margin-bottom: 28px; color: #272727; }

.board_view .contents .box_letter .img{ margin-top: 0; }
.board_view .contents .box_letter img{ width: auto !important; }
.auriZoom{display:block;position:absolute;left:-1px;bottom:-1px;width:31px;height:31px;font-size:0}

.box_letter{ background: url(../images/letter/bg_line.jpg) 100% 0 repeat-y; padding-right: 6px; margin-bottom: 40px; text-align: left;}
.box_letter img{max-width: 100%; height: auto;}
.box_letter > .bg1{background: url(../images/letter/bg_line_hori.jpg) 0 0 repeat-x; border-left:1px #ccc solid; padding-top: 1px; position: relative;}
.box_letter > .bg1 > .bg2{position: absolute; left: 0; bottom: 0; width: 100%; height: 3px;  background: url(../images/letter/bg_line_hori.jpg) 0 0 repeat-x;}
.box_letter > .bg1 > .itop1{position: absolute; right: -6px; top: 0; background: url(../images/letter/img_linetop.jpg) 0 0 repeat-x; width: 6px; height: 8px;}
.box_letter > .bg1 > .itop1{position: absolute; left: -1px; top: 0; background: url(../images/letter/img_line_hori2.jpg) 0 0 repeat-x; width: 4px; height: 3px;}
.box_letter > .bg1 > .inner{border-top: 1px solid #fff; margin: 4% 3.3%;}
.box_letter .top_top{padding-bottom: 26px; margin-bottom: 15px; border-bottom: 1px solid #aaaaaa; position: relative; text-align: center;}
.box_letter .top_top h1{position: absolute; left: 0; top: 0; width: 27%; padding-top: 0.4%;}
.box_letter .top_top h2 img{width: 32.6%}
.box_letter .top_top .data{position: absolute; right: 0; top: 0;}
.box_letter .top_top .data span{display: block;text-align: right; }
.box_letter .top_top .data span.n2{font-size: 18px; letter-spacing: -1px;}
.box_letter .top_bot{background: url(../images/letter/bg_line2.gif) 0 100% repeat-x; padding-bottom: 25px; position: relative;}
.box_letter .top_bot:after{display: block;clear: both;content:"";height: 0;visibility: hidden; font-size: 0; line-height: 0;}
.box_letter .top_bot .cen{text-align: center;}
.box_letter .top_bot .sns{font-size: 0; line-height: 0; position: absolute; right: 0; top: 0;}
.box_letter .top_bot .sns > a{display: inline-block; *display: inline; *zoom: 1; margin-left: 5px;}

.box_letter .mid{padding-top: 4%; padding-bottom: 10%;}
.box_letter .mid .mov{margin-bottom: 5%;}
.box_letter .mid > .h1{ font-size: 21px; line-height: 27px; padding-left: 15px; position: relative; margin-bottom: 3%; color: #4c4c4c; }
.box_letter .mid > .h1:after{position: absolute; left: 0; top: 8px; width: 3px; height: 15px;  background-color: #ec161e; content:"";}
.box_letter .mid > .h2{background: url(../images/letter/dot1.gif) 0 0 repeat-x;  font-size: 15px;  margin-bottom: 3%;}
.box_letter .mid > .h2 .h2bg{padding: 15px; display: block; background: url(../images/letter/dot1.gif) 0 100% repeat-x; }
.box_letter .mid .productListTop2 .list{min-width: 260px;padding-right: 0;margin: 0 0 50px 0;border:0;}
.box_letter .mid .productListTop2 .list .img{width: 31%;}
.box_letter .mid .productListTop2 .list .txt{margin-left: 34%; position: relative;}
.box_letter .mid .productListTop2 .list .txt .more{position: absolute; right: 0; top: 0; color: #fff; width: 51px; height: 31px; background-color: #ec161e; text-align: center; border-radius: 60px; }
.box_letter .mid .productListTop2 .research{color: #000;}
.box_letter .mid .productListTop2 .research .h1 b{font-size: 15px; color: #7e7e7e;}
.box_letter .mid .lst_line{margin-top: 5px;}
.box_letter .mid .lst_line > *{padding-left: 9px; line-height: 18px; position: relative;}

.lst_line > *:after{position: absolute; left: 0; top: 8px; width: 3px; height: 3px; background-color: #7e7e7e; content:""; border-radius: 3px;}

.box_letter .bot{text-align: center; padding-top: 4.5%; border-top: 1px solid #dadada;}
.box_letter .bot .copy{margin-top: 3.9%; padding-bottom: 4.5%; color: #000;}
.box_letter .bot .btns{font-size: 0; line-height: 0;}
.box_letter .bot .btns a{display: inline-block; *display: inline; *zoom: 1; margin-left: 2%; margin-right: 2%;}

.lst_thumb {position: relative; min-height: 101px; margin-bottom: 7%;}
.lst_thumb .cb{display: block;clear: both;content:"";height: 0;visibility: hidden;}
.lst_thumb > .photo{position: absolute; left: 0; top: 0; width: 21%;}
.lst_thumb > .cont{padding-left: 23%;position: absolute;left: 0;bottom: -6px;}
.lst_thumb > .cont p{margin-bottom: 5px;}
.lst_thumb > .cont .t1{font-weight: bold; font-size: 17px; color: #000; margin-bottom: 12px;}

.wrap_space_research{position: relative;}
.wrap_space_research .inner:after{clear:both; display:block; content:""; height:0; visibility: hidden; }
.wrap_space_research .layer-lft{float: left; width: 240px; }
.wrap_space_research .layer-rgh{margin-left: 280px;}
.wrap_space_research .layer-rgh .sec{ margin-bottom: 40px; font-size: 15px; line-height: 1.73; }
.wrap_space_research .layer-rgh .pos{position: absolute; left: 0; bottom: 0;}

.wrap_space_research .h1_space{color: #bfbdbd; font-size: 28px; font-weight: 500;}
.wrap_space_research .layer-rgh .sec.wrap-box-link,
.wrap-box-link{text-align: left; font-size: 0; }
.box-link1{width: 48%; height: 500px; padding-bottom: 10px; padding-top: 10px; display: inline-block; vertical-align: top; background-color: #f9f9f9; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.box-link1 .more{position: absolute; left: 0;top: 0; width: 100%; height: 100%; background-color: transparent; border: 1px solid #eeecec; z-index: 2; text-indent: -9999px; overflow: hidden; text-align: left;}
.box-link1 .more:hover{border-color: #ed1c24;}
.box-link1 .vam{padding-left: 20px; padding-right: 20px; display: inline-block; vertical-align: top;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 15px; line-height: 1.8;}
.box-link1:after{display: inline-block; vertical-align: top; width: 0; height: 100%; content:"";}
.box-link1 .h3{text-align: center; color: #585858; font-weight: 700; margin-bottom: 15px; font-size: 12px;  }
.box-link1:first-child{margin-right: 4%;}

.lst_dot{}
.lst_dot li{ padding-left: 8px;position:relative; }
.lst_dot li:after{ position:absolute;left:0;top: 9px;width:2px;height:2px;background-color:#7e7e7e;content:""; }


/* 반응형 STYLE
-------------------------------*/
@media(max-width: 1449px){
.strategy_wrap ul li{ font-size: 1.6rem; }
.org-tree .auxiliary-org {
	padding-left: 27%;
	} 
 .org-tree .future-org {
	padding-left: 23%;
 	}
 	
 .org-tree .sub-org{
 	padding:0;
 	justify-content: center;
 }
 .org-tree .sub-org > li.hq{
 	margin-right:0;
 }
 .org-tree .sub-org > li:first-child::before{
 	width:50%;
 }
}
@media screen and (max-width: 1429px) { 
.galleryList.book_style2 > ul li .btn-line{ min-width: 0; }
}
@media (max-width:1400px) {
.org-tree .sub-org > li .head { font-size:1.5rem; }
.org-tree .quarter03 > li {height: 24.2rem;}
.org-tree .sub-org > li.lab .head {display: flex; flex-flow: row wrap; align-items: center;  justify-content: center; height: 6.9rem;}
.org-tree .auxiliary-org {padding-left: 26%;} 
.org-tree .future-org {padding-left: 22%;}	
}
@media(max-width: 1380px){
.greeting_tit{font-size:1.7rem;line-height:3rem}
}
@media(max-width: 1279px){
#main:before{ top: 3rem; }
.president_info .img_wrap{ width: 20rem; }
.president_wrap{ padding-left: 66rem; }
.org-tree .auxiliary-org {padding-left: 27%;} 
.org-tree .future-org {padding-left: 23%;}	
.set_table li > textarea{ width: calc( 100% - 25rem); }
}

@media screen and (max-width: 1220px) {
.box-link1{height: 370px;}
.box-link1 .vam{padding-top: 20px; vertical-align: top;}
}
@media screen and (max-width: 1120px) {
.box-link1{width: 100%; height: auto;}
.box-link1 .vam{padding-top: 0;}
.box-link1:first-child{margin-bottom: 15px; margin-right: 0;}
}
@media(max-width: 1023px){
.main_wrap { padding-top: 5rem; }
#main:before{ top: 0; }
.location{ display: none; }

.homepage_link_box .img_wrap{ position: static; margin: 0 auto 2rem; }
.homepage_link_box,
.homepage_link_box.type2{ padding: 4rem; text-align: center; }
.homepage_link_box .list_dot{ display: inline-block; width: auto; }
.homepage_link_box .list_dot > li{ display: block; width: auto; }
.homepage_link_btn{ display: block; max-width: 26rem; margin: 0 auto; }

.set_table li label{ width: 10rem; }
.set_table .sm_input{ max-width: 15rem; } 

.sub0308 .top_box.img_type1,
.top_box.icon_type1,
.top_box.icon_type2{ padding: 4rem; }
.top_box.icon_type3{ padding: 0; }
.top_box.icon_type3 .top_box_tit{ line-height: 3.4rem; word-break: keep-all; }
.top_box.img_type1 .top_box_tit br,
.top_box.img_type1 .top_box_txt br,
.icon_box .col3 .icon_box_sub_tit br{ display: none; }	
.top_box.icon_type1.right{padding:4rem 0}  

.icon_box .col2 > li,
.icon_box .col3 > li,
.icon_box .col4 > li{width: 100%; min-height: auto;}
.top_box.icon_type2{ text-align: center; }
.top_box.icon_type1 .icon_wrap,
.top_box.icon_type2 .icon_wrap{ position: static; display: block; margin: 0 auto 2rem; text-align: center; }
.top_box.icon_type3 .icon_wrap{ display: none; }
.sub020302 .icon_box .col3 > li,
.sub020602 .icon_box .col3 > li,
.sub020603 .icon_box .col3 > li{ min-height: 0; }
.gray_box{ padding: 2rem 0; margin-bottom: 2rem; }
.top_box.img_type4{ padding: 4rem 4rem 4rem 6rem; }
.top_box.img_type4 .top_box_tit{ font-size: 2.4rem; line-height: 3.6rem; }
.top_box.img_type4 .top_box_tit br{ display: none; }
.sub040202 .top_box.img_type1{ padding-right: 22rem; }
.sub0602 .box{min-height: 40rem}

.mid_box,
.sub050101 .mid_box{ padding: 2rem; }
.mid_box.type2 .mid_box_tit:before{ top: 0; }
.mid_box_tit{ position: static; margin-bottom: 2rem; }
.mid_box_tit br{ display: none; }

/* 조직도 */
.org-tree .auxiliary-org {
	padding-left: 27%;
	}
.org-tree .future-org {
	padding-left: 23%;
	}
.org-detail .org-search {
    padding:20px;
    }
.org-detail .org-search .org-search-wrap {
    padding-left:80px;
    text-align:left;
    }
.org-detail .org-search label {
    left:0;
    }
.org-detail .org-search select {
    display:block;
    }
.org-detail .org-search button.btn-search {
    height: 3.6rem;
    margin-right: 0;
    background-color:#959595;
    }
.org-detail .org-member-info .box {
    padding-left:.5rem;
    padding-right:.5rem;
    }
.org-detail .org-member-info .box .btn {
    position:static;
    width:50%;
    margin-top:1rem;
    }
.org-detail .org-member-info .box li ~ li {
    margin-top:.6rem;
    }
.org-detail .org-search .tp_icon {
    position:static;
    }
.org-tree .lab .head {
    width: 80%;
    } 
    
.sub050101 .top_box.img_type1 .top_box_tit{ margin-bottom: 0; }
.sub050101 .top_box.img_type1 .top_box_tit:after{ display: none; }
.sub050101 .top_box.img_type1 .top_box_txt{ position: static; }
.bottom_director_info ul li{ float: none; width: 100%; margin-bottom: 2rem; margin-left: 0; }

.mission_wrap li:before{ display: none; }
.top_box.img_type1{ padding: 4rem; }
.top_box.img_type1.history_top{background-position:50% 50%}
.top_box.img_type1.history_top .top_box_txt{width:auto}	

.greeting_txt_wrap,
.director_profile{ float: none; width: 100%;}
.greeting_txt_wrap{ margin-bottom: 2rem; margin-right: 0; }
.strategy_wrap ul li{ width: 50%; }
.strategy_wrap ul li:nth-child(3),
.strategy_wrap ul li:nth-child(6),
.strategy_wrap ul li:nth-child(9){ padding-left: 5rem; }
.strategy_wrap ul li:nth-child(10){ margin-bottom: 4rem; }
.president_info .img_wrap{ left: 17rem; }
.president_wrap{ padding-left: 41rem; }
.auri_ci .border_box .color_list{ padding: 5.75rem 0 0; }
.sub010403 .top_box.icon_type1{ padding: 4rem; }
.sub010403 .hongbo_video{ width: 100%; }
.icon_vertical_list .list{ display: block; padding: 2rem; }
.icon_vertical_list .list .inner{ display: block; text-align: center; }
.icon_vertical_list .list .list_tit{ position: static; text-align: center; margin: 0 auto 2rem; }
.icon_vertical_list .list .inner p{ text-align: center; }
.icon_vertical_list .list .inner .table_box .table tbody td{ padding: 2rem; }
.icon_vertical_list .list .inner .file{ text-align: center; }
.icon_vertical_list .list .inner .file_down{ margin: 0 auto; }
.icon_vertical_list .list .inner .border_box{ padding: 2rem; }
.map_cont{ padding: 2rem; }
.map_cont .map_logo{ position: static; margin-bottom: 2rem; }
.sub040301 .icon_vertical_list .list{ padding-left: 2rem; }
.sub040301 .icon_vertical_list .list .list_tit{ transform: translate(0); -webkit-transform: translate(0); width: auto; }
}

@media (max-width: 915px) {
.org-tree .auxiliary-org {padding-left: 22%;}
.org-tree .future-org {padding-left: 17.4%;}
.sub040202 .category-wrap .custom_input{ width: 33.33%; }
}
@media(max-width:900px){
.greeting_tit{ display: block; margin-bottom: 2rem; margin-right: 0;letter-spacing:-.05rem}
.wrap_space_research .layer-lft{float: none; width: auto;}
.wrap_space_research .layer-rgh{margin-left: 0; margin-top: 30px;}
.wrap_space_research .layer-rgh .pos{display: none;}
.org-tree [class^="quarter"] > li a {line-height: 1.1;}
.org-tree .sub-org > li {padding-left: 0.5rem; padding-right: 0.5rem;}
}

@media(max-width: 767px){
#layer-popup.on .pop_inner{ width: 95%; padding: 7rem 2rem; }

.sub040202 .category-wrap .custom_input{ width: 50%; }
.sub050101 .top_box.img_type1{ padding: 4rem; }
.sub050101 .top_box.img_type1 .top_box_tit, 
.sub050101 .top_box.img_type1 .top_box_txt{ font-size: 2.5rem; }
.sub050101 .mid_box.type2 .mid_icon li{ float: none; width: 100%; margin-bottom: 2rem; }
.sub050101 .border_box{ padding: 2rem 2rem 0; }
.sub050201 .top_img_txt br{ display: none; word-break: keep-all; }
.bottom_director_info ul li b{ display: block; margin-bottom: 1rem; }
.bottom_director_info ul li b:after{ display: none; }
.sub050201 .data_portal .img_wrap,
.sub050201 .data_portal .list_bar{ float: none; display: block; }

.accordion .inner p br{ display: none; }
.accordion .inner{ padding-left: 2rem; }
.accordion .inner:before{ left: 2rem; }

.charter_inner{ padding: 2rem; }
.charter_btn > a{ width: 18rem; padding: 2rem; }

.sub0505 .accordion .item > a{ width: calc( 100% - 65px ); }
.sub0505 .acc_btn_wrap{ right: 0; }
.sub0505 .acc_btn_wrap > a{ float: none; display: block; padding: 1rem; }
.sub0505 .acc_btn_wrap > a.plan{ margin-right: 0; margin-bottom: .5rem; }

.sub0602 .box{min-height: inherit; width: 100%; float: none; margin-top: 1rem; border:1px solid #D6D6D6; }
.sub0602 .box ul.list_dot.type2{min-height: inherit; padding: 1.5rem 1rem; }
.sub0602 .box_radius_red .list_dot.type2 li{float: none; margin-bottom: 10px }
.sub0602 .box_radius_red .list_dot.type2 li:nth-of-type(1), .sub0602 .box_radius_red .list_dot.type2 li:nth-of-type(2){width: 100%;}	
.sub0604 .box_red_dot{padding:5rem 3rem}
.sub0604 .box_wrap{margin-left: 0; margin-top: 0; width:100%; }
.sub0604 .box_wrap .box{float: none; width: 100%; padding-left: 0; padding-top: 1.6rem;  }

.mission_wrap ul:before{ display: none; }
.mission_wrap li{ float: none; width: 100%; margin-left: 0; margin-bottom: 2rem; }
.sub010101 .top_box:after{ display: none; }
.function_wrap .function_tit b{ font-size: 2.5rem; }
.function_wrap .function_tit b:before, .function_wrap .function_tit b:after{ margin: 0; }
.history_slider{ position: relative; }
.history_list,
.history_list.list2{ padding: 0; margin-bottom: 0; }
.history_tit,
.history_list:before{ position: static; margin: 0 auto 4rem; }
.history_list .float_txt{ display: none; }
.history_list.list1:before{ width: 100%; height: auto; background: url(/main/img/sub/sub010103_img01_mo.png) 50% 50% no-repeat; background-size: 100%; padding-bottom: 26%;}
.history_list.list2:before{ width: 100%; height: auto; padding-bottom: 70%; background-size: 100%;}
.history_list.list3:before{ width: 100%; height: auto; background: url(/main/img/sub/sub010103_img03_mo.png) 50% 50% no-repeat; background-size: 100%; padding-bottom: 26%;}
.president_wrap{ padding-left: 0; text-align: center; }
.president_wrap:before{ width: 30%; }
.president_wrap .generation,
.president_info .img_wrap{ position: static; margin: 0 auto 2rem; }
.president_info .list_dot{ width: 30rem; }
.list_box > ul > li{ padding: 4rem 2rem; text-align: center; }
.list_box > ul > li .num{ position: static; margin-bottom: 2rem; }
.list_box > ul > li .more{ position: static; transform: translate(0); -webkit-transform: translate(0); margin: 2rem auto 0; }
.step_list_box ul li{ width: calc(50% - 2.3rem); }
.step_list_box ul li:nth-child(4n+1){ margin-left: 4.6rem; }
.step_list_box ul li:nth-child(2n+1){ margin-left: 0; }
.sub020102 .border_box{ padding: 2rem; }
.map_cont{ margin-bottom: 5rem; }
.map_cont ul li{ float: none; display: block; margin-left: 0; }
.sub0105 .list_box > ul > li{ text-align: left; }
.sub0105 .list_box > ul > li .transport{ position: static; display: inline-block; margin-bottom: 2rem; }
.sub0105 .list_box > ul > li .border_box .bus_info_link{ position: static; display: inline-block; transform: translate(0); -webkit-transform: translate(0); margin: 2rem auto 0; }
.sub0105 .list_box > ul > li .border_box{ padding: 2rem; text-align: left; }
.diagram3{ width: 100%; }
.diagram3:before{ display: none; }
.diagram3 li:nth-child(3n+1){ clear: both; }
.diagram3 li::after { position: absolute; top: auto; left: auto; right: auto; font-family: "xeicon"; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 2.1rem; right: -1rem; color: #191919; content: ''; opacity: 0.9; }
.diagram3 li:nth-child(3n)::after, .diagram3 li:last-child::after { display: none; }
.diagram3 > *,
.diagram3.col6 > *{ width: 33.33%; margin-right: 0 }

.org-tree .auxiliary-org {
	padding-left: 22rem;
	}
.org-tree .future-org {
    top: 3rem;
	padding-left: 18rem;
	}	
.org-detail .org-search .org-search-wrap {
    display:block;
    padding:0;
    max-width:50rem
    }
.org-detail .org-search .org-select_wrap {
    display:block;
    }
.org-detail .org-search label {
    position:static;
    display:block;
    text-align:left;
    margin-bottom:1rem;
    font-weight:500;
    }
.org-detail .org-search select,.org-detail .org-search input[type="text"] {
    display:block;
    width:100%;
    margin-bottom:.5rem;
    }
.org-detail .org-search button {
    float:none;
    display:block;
    width: 100%;
    }

.table_box--scroll { width: 100%; overflow-x: scroll;}
.table_scroll_icon { display: block;}
.table_box--scroll .table{ width: 767px;}
.list_dot.type2 > li:before{top: 7px}
.set_table .file_wrap .txt{ width: 100%; padding-left: 0; text-align: left; }
.set_table .file_wrap .txt,
.set_table .file_wrap .form_file .txt::before{ position: static; display: block; }
.set_table li > textarea{ width: 100%; }
.set_table li{ padding: 1rem 0; }
.set_table li label{ float: none; width: 100%; }
.set_table .sm_input{ width: 100%; max-width: none; margin-left: 0; margin-bottom: .5rem; }
.set_table .sm_input + .sm_input{ margin-left: 0; }
.set_table li > input, .set_table li > select{ width: 100%; float: none; }    
}
@media (max-width: 750px) {
.org-tree .auxiliary-org {
	padding-left: 19rem;
	}
.org-tree .future-org {
	padding-left: 15rem;
	}	
}
@media (max-width: 720px) {
.org-tree .board-director {
    width: 25rem;
    height: 6rem;
	margin: 0;
	}
.org-tree .auxiliary-org {
	top: 0;
    left: auto;
    right: 0;
    width: calc(100% - 25rem);
	padding-left: 5rem;
	}
.org-tree > li::before {
	left: 2rem;
	height: 19rem;
	}
.org-tree .auxiliary-org::before {
	width: 40%;	
	}	
.org-tree .auxiliary-org a {
	display: flex; display: -webkit-flex; flex-flow: row wrap; align-items: center; align-content: center;  justify-content: center;
	width: 10rem;
    height: 6rem;    
    line-height: 1.2;
	}	
.org-tree .auxiliary-org > a {
	float: left;
	}
.org-tree .auxiliary-org > ul {
	float: left;
	margin-left: 2rem;
    padding-top: 0;
	}
.org-tree .auxiliary-org > ul::before {
	display: none;
	}	
.org-tree > li > ul {
	margin: 2rem 0 0 2rem;
	}	
.org-tree > li > ul > li:nth-child(n+2) {
	margin-bottom: .5rem;
    padding-left: 3rem;
	}
.org-tree .advisory::before {
    top: 3rem;
	left: 0;
    width: 20rem;
	}
.org-tree .advisory {
	width: auto;
	}
.org-tree .advisory .audit, 
.org-tree .audit2_2 {
	width: 20rem;
    padding: 1.25rem 1rem;
	}
.org-tree .audit2_2 {
	margin: 0;
	}
.org-tree .deputy-director::before {
    position: absolute;
    top: 3rem;
	left: 0;
    width: 15rem;
    height: 1px;
    border-top: 1px dashed #a2a3ad;
    content: "";
    z-index: -1;
	}
.org-tree .deputy-director::after {
    position: absolute;
    top: 0;
    left: 5rem;
    width: 1px;
    height: calc(100% - 22.8rem);
    border-left: 1px dashed #a2a3ad;
    content: "";
    z-index: -1;
	}
.org-tree .future-org {
    position: relative;
    top: inherit;
    left: inherit;
    width: auto;
    margin-top: 1px;
    padding-left: 6rem;
	}
.org-tree .future-org li {
	padding-left: 2rem;
	}	
.org-tree .future-org li:first-child:after {
    top: 0;
    height: 100%;
	}
.org-tree .future-org::before,
.org-tree .sub-org::before {
	opacity: 0;
	} 
.org-tree .future-org li::before {
    width: 20%;
	border-left: none;
	}
.org-tree .future-org a,
.org-tree .future-org span {
	width: 100%;
	}
.org-tree .sub-org {
    clear: both;
	margin: 0;
    padding-left: 2rem;
	}
.org-tree .sub-org > li  {
    width: 100% !important;
	padding: 0.5rem 0;
	}
.org-tree [class^="quarter"] {
    position: relative;
	margin: 0;
	}	
.org-tree [class^="quarter"] > li {	
	width: 100%;
	height: auto;
    padding: 0.5rem 0 0.5rem 4rem;
	}
.org-tree [class^="quarter"] > li a {
	height:auto;
	padding: 1rem 0;
    -webkit-writing-mode: inherit;
    writing-mode: inherit;
    -ms-writing-mode: inherit;
    -ms-writing-mode: inherit;
    -moz-writing-mode: inherit;
	}
.org-tree .sub-org > li.group,
.org-tree .sub-org > li.lab {
	padding-top: 0;
	}
.org-tree .lab .head {
	width: 100%;
	margin-bottom: 0;
	}	
.org-tree [class^="quarter"] > li::before {
    top: 50%;
	left: 0;
    width: 20%;
	height: 100%;
	}
.org-tree [class^="quarter"] > li:last-child::before {
    border-top-color: #a2a3ad;
    border-left-color: transparent;
	}
.org-tree .sub-org > li {
	padding-left: 6rem;
	}
.org-tree .sub-org > li::before {
	display: block;
    position: absolute;
    top: 3rem;
    left: 0;
    width: 20rem;
    height: 1px;
    border-top: 1px dashed #a2a3ad;
    content: "";
    z-index: -1;
	}	
.org-tree .sub-org > li [class^="quarter"] {
    margin-left: 2rem;
    padding-top: 0.5rem;
	}
.org-tree .sub-org > li [class^="quarter"]::before {
	opacity: 0;
	}
.org-tree .sub-org > li [class^="quarter"] > li {
	padding-left: 2rem;	
	}
.org-tree .sub-org > li.hq,
.org-tree .sub-org > li.lab {
	padding-right: 0;
	}	
.org-tree .sub-org > li.hq {
	flex-direction: column;
    padding-left: 2rem;
	}
.org-tree .sub-org > li.lab .head {
	height: auto;
	}
.org-tree .sub-org > li.hq [class^="quarter"] {
	width: 100%;
    margin-left: 0;
    padding-left: 2rem;
    padding-right: 0;
	}
.org-tree .sub-org > li:first-child::before {
	top: 50%;
	left: 0;
	width: 2rem;
	}
.org-tree .sub-org > li:first-child::after {
    opacity: 0;
	}
.org-tree .quarter01::after {
    top: 50%;
    left: 0;
    width: 2rem;
    height: 100%;
    border-top: 1px dashed #a2a3ad;
    margin-top:2px;
    }
.org-tree .quarter01:last-child::after {
	border-left: none;
	}
.org-tree .quarter03::after {
    left: 0;
	}
.org-tree .sub-org > li.lab::after {
	opacity: 0;
	}	
.org-tree .sub-org > li:last-child::after {
	position: absolute;
	top: 3.1rem;
    left: -1px;
    width: 6.1rem;
	height: calc(100% - 3.1rem);
	background-color: #fff; 
    border-left: none;
	opacity: 1;
    z-index: 1;
	content: '';
	}
}	
@media (max-width:640px) {
.auri_ci .border_box,.auri_ci .grid_box {
    float:none;
    width:100%;
    margin-left:0;
    margin-bottom:2rem;
    }
.auri_ci .border_box {
    padding:4rem 4rem 1rem 4rem;
    }
.ci_down {
    margin:1rem auto;
    }
h4.txt_title {
    margin-bottom:1rem;
    font-size:1.7rem;
    }
.auri_ci .border_box,
.auri_ci .grid_box{ float: none; width: 100%; margin-left: 0; margin-bottom: 2rem; }
.box_letter .mid .productListTop2 .list .img{ width: 100%; position: relative;}
	.box_letter .mid .productListTop2 .list .txt{margin-left: 0; clear: both;}
}
@media (max-width:499px) {
.org-tree .board-director {
    width: 16rem;
	}	
.org-tree .auxiliary-org {
    width: calc(100% - 16.5rem);
	padding-left: 3rem;
	}
.org-tree .auxiliary-org > ul {
	margin-left: 1.5rem;
	}	
.org-tree .auxiliary-org::before {
    width: 60%;
	}	
.strategy_wrap ul li{ width: 100%; }
.terms .textarea { padding: 1rem; }
}

@media (max-width:450px) {
.org-tree .auxiliary-org {
	padding-left: 1.5rem;
	}   
.org-tree .auxiliary-org > ul {
	margin-left: 1rem;
	}
.sub0604 .box p > *{display: block; padding-right: 4rem} 
.sub0604 .box p span:after{display: none}
.sub0604 .box p span br{display: block}
.sub-org li a {min-height: 4.7rem;}
}	

@media (max-width: 400px) {
.org-tree .deputy-director::after {height: calc(100% - 23rem);}
.org-tree .quarter03::after {height: 5rem;}
}
@media (max-width: 390px) {
.org-tree .quarter03::after {height: calc(100% - 3.1rem);}	
.org-tree .quarter03 > li::before {border-left: none;}
.org-tree .sub-org > li .quarter03::before {position: absolute; bottom: 0; left: 0; content: '';}
}