@charset "utf-8";

/* CSS Document */

div.content_wrap .content .snb{	width:250px; float:left; display:inline; margin-right:15px; position:relative;	}
div.content_wrap .content  div.title{	width:100%; height:120px; float:left;	}
div.content_wrap .content  div.title h3{	font-family: 'Roboto',"나눔 고딕", "나눔고딕", "nanum gothic", "nanumgothic", "Nanum Gothic", "NanumGothic", sans-serif; color:#2855b9; font-size:26px; margin-top:25px; margin-bottom:6px; word-break: keep-all;	}
div.content_wrap .content  div.title p{	font-family: 'Nanum Gothic', sans-serif; color:#808285; font-size:12px; line-height:16px;     word-break: keep-all;	}
div.content_wrap .content .menu{	width:100%; float:left;	}
div.content_wrap .content .menu .list li{	margin-bottom:5px;	}
div.content_wrap .content .menu .list li div{	font-family: 'Nanum Gothic', sans-serif; /*width: calc(100% - 20px);*/width: 100%; background:url(/images/left/snb_off.jpg) no-repeat center right; font-size:16px; font-weight:bold; height:40px; line-height:40px; padding-left:20px;	}
div.content_wrap .content .menu .list li div.on{	background:url(/images/2025/left/snb_on_n.jpg) no-repeat center right !important;	}
div.content_wrap .content .menu .list li div a{	color:#808285; display:block;	}
div.content_wrap .content .menu .list li div.search a{	color:#000000;	}
div.content_wrap .content .menu .list li div.on a{	color:#ffffff;	}
div.content_wrap .content .menu .list li .sub{	padding-left:20px; border:1px solid #dcddde;	}
div.content_wrap .content .menu .list li .sub li{	font-family: 'Nanum Gothic', sans-serif; font-size:14px; line-height:26px; background:url(/images/left/snb.jpg) no-repeat 0 12px; padding-left:6px;	}
div.content_wrap .content .menu .list li .sub li a{	color:#58595b;	}
div.content_wrap .content .menu .list li .sub li a.on{	color:#000000; font-weight:bold;	}
div.content_wrap .content .menu .list li .sub li a:hover{	text-decoration:underline; color:#3e88c9;	}

div.content_wrap .content .menu .list li .sub .sub {padding-left:10px; border-width:0;}
div.content_wrap .content .menu .list li .sub .sub li {margin:0;}
div.content_wrap .content .menu .list li .sub .sub li a {font-size:13px; line-height:20px;}

div.content_wrap .content .page{  width: calc(100% - 295px); float:left; display:inline; padding:20px 0 20px 20px; position:relative;font-family: 'Nanum Gothic', sans-serif; font-size:14px; 	}
div.content_wrap .content .page .sub_title{	width:100%; position:relative; padding-bottom:30px;	}
div.content_wrap .content .page h4{	font-family: 'Roboto', 'Nanum Gothic', sans-serif; font-size:22px; color:#484848;	}
div.content_wrap .content .page #page_name{	position:absolute; top:0; right:0;font-family: 'Nanum Gothic', sans-serif;	}
div.content_wrap .content .page #page_name:after {content: ''; display: block; clear: both;}
div.content_wrap .content .page #page_name li{	color:#959595;  font-size:12px; float:left; margin-left:3px;	}
div.content_wrap .content .page #page_name li:first-child{	background:none;	}
div.content_wrap .content .page #page_name li#select{	color:#2855b9;	 font-weight:bold;	 }
div.content_wrap .content .page div:not(.search_box_map) select#po_item_cd{	padding:6px; margin-bottom:10px;	 }
div.content_wrap .content .page div:not(.search_box_map) select#po_item_gb{	padding:6px; margin-bottom:10px;	 }

/*  */
div.content_wrap .content .menu .list li #library_list li{	 font-weight:bold; font-size:14px; margin:5px 20px 5px 0; border-bottom:1px dotted #e3e3e3;	}
div.content_wrap .content .menu .list li #library_search{	padding:0; height:90px;	}
div.content_wrap .content .menu .list li #library_search:hover{	opacity:0.7;	}

a.library_homeBtn{	margin:20px 0 10px 0; display:block; }

div.content_wrap .content .library{	width:100%; float:left; margin-bottom:40px;	}
div.content_wrap .content .library .con{	padding:20px; background:url(/images/en/sub/library_img02.png) no-repeat right 600px; color:#000000; background-size:40%; padding-top:0;	 }
div.content_wrap .content .library .con .library_title{	width:100%; height:265px; background:url(/images/contents/library_img.jpg) no-repeat left top;	 }
div.content_wrap .content .library .con h4{		font-family: 'Nanum Brush Script', cursive; font-size:36px; color:#000000; letter-spacing:-1px; line-height:130%; font-weight:normal; text-align:center; padding-top:90px;	}
div.content_wrap .content .library .con .text{	font-family: 'Nanum Gothic', sans-serif; line-height:22px;	 margin-bottom:20px; border-bottom:1px dashed #e3e3e3; padding-bottom:20px; }
div.content_wrap .content .library .con .library_text{	font-family: 'Nanum Gothic', sans-serif; font-size:16px; font-weight:bold; text-align:center; padding:15px 0 30px 0; border-bottom:1px solid #CCC; line-height:22px; margin-bottom:15px;	}
div.content_wrap .content .library .con p.text{	 border-bottom:1px solid #CCC; padding-bottom:30px; font-size:14px; margin-top:30px;	}
div.content_wrap .content .library .con .text strong{	 color:#0000ff;	}
div.content_wrap .content .library .con .text dt{	font-size:16px; color:#3d51ac; line-height:24px; font-weight:bold;	}
div.content_wrap .content .library .con .text dd{	font-size:14px; color:#000000; line-height:20px;	}
div.content_wrap .content .library .con .text dd a{	font-weight:bold; color:#3e88c9;	 }
div.content_wrap .content .library .con .text dd a:hover{	text-decoration:underline;	}
div.content_wrap .content .library .con .service{	 margin-top:20px;	}
div.content_wrap .content .library .con .service dt{	font-size:16px; color:#575757; font-weight:bold; font-family: 'Nanum Gothic', sans-serif; margin-bottom:10px; 	}
div.content_wrap .content .library .con .service dd{	float:left; display:inline; margin-right:30px;	}

/*  */
.policy_information{	 word-break: keep-all;	 }
.policy_information .text_list{	 font-family: 'Nanum Gothic', sans-serif; line-height:22px;	 margin-bottom:20px; border-bottom:1px dashed #e3e3e3; padding-bottom:20px;	 }
.policy_information .text_list dt{	font-size:16px; color:#3d51ac; line-height:24px; font-weight:bold;	}
.policy_information .text_list dd{	font-size:14px; color:#000000; line-height:20px; padding-left:20px;	}
.policy_information .text_list dd.paddingNone{	 padding:0;	 }

/* 해외법령 */
div.content_wrap .content .menu .list li .sub li.left_depth_2 {
	margin-bottom: 0;
}
div.content_wrap .content .menu .list li .sub li.left_depth_3 {
    margin-bottom: 0;
    margin-left: 10px;
	background-position: 0 9px;
}
div.content_wrap .content .menu .list li .sub li.left_depth_3:last-child {
    margin-bottom: 5px;
}
div.content_wrap .content .menu .list li .sub li.left_depth_3 a {
	display: block;
    font-size: 13px;
    line-height: 20px;
}
div.content_wrap .content .menu .list li .sub li.left_depth_3 + li.left_depth_2 {
	margin-top: 5px;
}

/* 클린신고센터 */
.clean_2019 {}
.tab_style_2019 {
	display: flex;
}
.tab_style_2019 li {
	flex: 1;
}
.tab_style_2019 li a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center;
    border: 1px solid;
    border-color: #dcdcdc;
    background-color: #fff;
    padding: 12px;
	letter-spacing: -1px;
    font-size: 15px;
    font-weight: 400;
    color: #9a9a9a;
    box-sizing: border-box;
}
.tab_style_2019 li + li a:not(.on) {
	border-left-color: transparent;
}
.tab_style_2019 li a.on,
.tab_style_2019 li + li a.on {
	border-color: #4a94e9;
    background-color: #4a94e9;
    color: #fff;
    font-weight: 700;
}
.tab_content_2019 {
	display: none;
}
.tab_content_2019.on {
	display: block;
}
.clean_2019__cont {}
.clean_2019__cont_box_01 {
	
}
.clean_tit {
	font-size: 15px;
    font-weight: 700;
    color: #383838;
    padding-left: 8px;
    border-left: 4px solid #4a94e9;
    line-height: 1;
}
.img_full_wrap {
	font-size: 0;
	text-align: center;
}
.clean_2019__cont_box_01 .img_full_wrap {
	margin: 0 0 40px;
    background-color: #e6e7e9;
    padding: 20px;
}
.img_full_wrap > img {
	width: auto;
	max-width: 100%;
}
.clean_2019__cont_box_02 {
		margin-top: 30px;

}
.clean_txt {
	font-size: 14px;
    font-weight: 400;
    color: #585858;
    margin-top: 10px;
    word-break: keep-all;
    line-height: 1.5;
}
.clean_2019__cont_box_02__table {
	margin-top: 30px;
}
.clean_2019__cont_box_02__table table {
	width: 100%;
    border-top: 1px solid #6b6b6b;
    border-bottom: 1px solid #6b6b6b;
}
.clean_2019__cont_box_02__table.type_02 table {
	border: 0;
    background-color: #f0f4f8;
}
.clean_2019__cont_box_02__table table tr + tr {
	border-top: 1px solid #e6e7e9;
}
.clean_2019__cont_box_02__table table td {
	padding: 30px 35px;
	vertical-align: top;
}
.clean_2019__cont_box_02__table table td + td {
	padding-left: 0;
}
.clean_2019__cont_box_02__table table td dl {}
.clean_2019__cont_box_02__table table td dl + dl {
	margin-top: 10px;
}
.clean_2019__cont_box_02__table table td dl dt {
	position: relative;
	font-size: 15px;
    font-weight: 700;
    color: #383838;
	padding-left: 19px;
	margin-bottom: 10px;
}
.clean_2019__cont_box_02__table table td dl dt:before {
    content: "";
    position: absolute;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: #c6c6c6;
    top: 5px;
    left: 0;
}
.clean_2019__cont_box_02__table table td dl dd {
	position: relative;
	font-size: 14px;
    font-weight: 400;
    color: #585858;
    word-break: keep-all;
	background-color: #f0f4f8;
    padding: 5px 20px 0 32px;
	line-height: 1.5;
}
.clean_2019__cont_box_02__table:not(.type_02) table td dl dd:last-child {
    padding-bottom: 20px;
}
.clean_2019__cont_box_02__table table td dl dd.sm_dt {
	color: #383838;
    font-weight: 700;
	padding-top: 10px;
    font-size: small;
	text-align: center;
}
.clean_2019__cont_box_02__table table td dl dd + dd.sm_dt {
	padding-top: 20px;
}
.clean_2019__cont_box_02__table:not(.type_02) table td dl dt + dd,
.clean_2019__cont_box_02__table:not(.type_02) table td dl dt + dd.sm_dt {
    padding-top: 20px;
}
.clean_2019__cont_box_02__table table td dl dd:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #585858;
    top: 13px;
    left: 20px;
}
.clean_2019__cont_box_02__table table td dl dt + dd:before {
    top: 28px;
}
.clean_2019__cont_box_02__table table td dl.dl--tri dd:before {
	top: 11px;
	width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 8px solid #585858;
    border-bottom: 5px solid transparent;
    border-radius: 0;
    background-color: transparent;
}
.clean_2019__cont_box_02__table:not(.type_02) table td dl.dl--tri dt + dd:before {
    top: 26px;
}
.clean_2019__cont_box_02__table table td dl dd.sm_dt:before {
	display: none;
}
.clean_2019__cont_box_02__table table td dl dd span {
	color: #a0a0a0;
}
.clean_download {
	margin-top: 25px;
    font-size: 0;
}
.clean_download + .clean_download {
	margin-top: 5px;
}
.clean_download a {
	display: inline-block;
    font-size: 14px;
    color: #fff !important;
    background: #4a94e9 url('/images/2019/sub/icon_clean_download.png') no-repeat right 25px center;
    line-height: 1;
    padding: 10px 54px 10px 25px;
}
.clean_download a:hover {
	background-color: #66acfb;
}

/* 2024 반응형  */
@media screen and (max-width:1024px) and (min-width:768px){
    div.content_wrap .content div.title {
        height: auto;
        padding-bottom: 5px;
    }
    div.content_wrap .content div.title h3 {
        font-size: 22px;
    } 
}

@media screen and (max-width: 1024px) {
    div.content_wrap .content .snb{	width:220px; }
    div.content_wrap .content .page {
        width: calc(100% - 220px - 15px - 20px);
    }
    div.content_wrap .content div.title p br {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    div.content_wrap .content .page .sub_title {
        padding-bottom: 15px;
    }
    div.content_wrap .content div.title {
        height: auto;
        margin-bottom: 25px;
    }
    div.content_wrap .content div.title h3 {
        font-size: 22px;
        margin-top: 0;
    }
    div.content_wrap .content .page {
        padding-top:0;
    }

    div.content_wrap .content .page h4 {
        font-size: 18px;
    }
    
    div.content_wrap .content .page #page_name {
        position: relative;
       /* display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;*/
        margin-top: 10px;
    }
    div.content_wrap .content .snb,
    div.content_wrap .content .page {
        width: 100%;
        float: none;
        display: block;
    }

    div.content_wrap .content .snb:after {
        content: '';
        display: block;
        clear: both;
    }
    div.content_wrap .content .snb .menu {
        width: 100%;
        position: fixed;
        top: 0;
        left: -100%;
    }
    div.content_wrap .content .snb .menu .list {
        width: 230px;
    }
    div.content_wrap .content .snb .menu .list > li > div {
        width: 100%;
        padding-left: 0; 
    }
    div.content_wrap .content .snb .menu .list > li > div > a {
        padding-left: 20px;
    }
    div.content_wrap .content .page {
        padding-left: 0;
    } 
}
@media screen and (max-width: 575px) {
    .tab_style_2019 {
        flex-wrap: wrap;
    }
    .tab_style_2019 li {
        width: calc(50% - 1px);
        flex: none;
        padding: 1px;
        box-sizing: border-box;
    }

    .tab_style_2019 li a {
        font-size: 12px;
        word-break: keep-all;
        border: 1px solid #dcdcdc !important;
    }

    .clean_2019__cont_box_02__table table td {
        padding: 30px 15px;
    }

    .clean_2019__cont_box_02__table table tr td:first-child {
        width: 30%;
    }
    .clean_2019__cont_box_02__table table tr td {
        word-break: keep-all;
    }

    .sm-table-wrap table,
    .sm-table-wrap table tbody,
    .sm-table-wrap table tbody tr,
    .sm-table-wrap table tbody tr th,
    .sm-table-wrap table tbody tr td {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }
    .sm-table-wrap.clean_2019__cont_box_02__table table tbody tr td {
        padding:15px;
        text-align: left;
    }

    .sm-table-wrap.clean_2019__cont_box_02__table table tbody tr td .img_full_wrap {
        text-align: left;
    }
    .sm-table-wrap.clean_2019__cont_box_02__table .img_full_wrap > img {
        width: 50px;
    }
    .sm-table-wrap .clean_download a {
        width: auto !important;
    }
}



/* sub left menu */
@media screen and (min-width: 768px) {
    .mb_sub-menu-btn-wrap,
    .wrap .m-left-bg {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .mb_sub-menu-btn-wrap {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 0;
        padding: 16px 20px;
        /* background-color: #333; */
        box-sizing: border-box;
        /*
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);*/
        -webkit-transition: all .2s;
        transition: all .2s;
        z-index: 10;
    }
    .mb_sub-menu-btn-wrap.on {
        /* left: 400px; */
    }
    .mb_sub-menu-btn-wrap.on,
	    .snb .mb_sub-menu-btn-wrap {
    /*.snb.fixed .mb_sub-menu-btn-wrap {*/
        left: 100%;
        /*
        -webkit-transform: translateX(0); 
        -moz-transform: translateX(0); 
        -o-transform: translateX(0); 
        transform: translateX(0); */
    }
    .mb_sub-menu-btn-wrap .mb_sub-menu_btn {
        position: relative;
        display: inline-block;
        width: 24px;
        height: 24px;
        box-sizing: border-box;
        vertical-align: middle;
    }
    .mb_sub-menu-btn-wrap .text {
        display: inline-block;
        display: none;
        color: #fff;
        font-size: 1rem;
        vertical-align: middle;
    }
    .mb_sub-menu-btn-wrap .mb_sub-menu_btn span {
        position: absolute;
		width: 100%;
		height: 3px;
		background: #fff;
		transition: .2s;
    }
    .mb_sub-menu-btn-wrap .mb_sub-menu_btn span:nth-child(1) {
        opacity: 0;
		top: 9px;
	}
	.mb_sub-menu-btn-wrap .mb_sub-menu_btn span:nth-child(2) {
        top: calc(50% - 1.5px);
        transform: rotateZ(90deg);
	}
	.mb_sub-menu-btn-wrap .mb_sub-menu_btn span:nth-child(3) {
        /* width: 70%;  */
		width: 100%;
        bottom: calc(50% - 1.5px);
	}
    .mb_sub-menu-btn-wrap.on .mb_sub-menu_btn span {
        background-color: #fff;
    }
	.mb_sub-menu-btn-wrap.on .mb_sub-menu_btn span:nth-child(1) {
		opacity: 0;
	}
	.mb_sub-menu-btn-wrap.on .mb_sub-menu_btn span:nth-child(2) {
        top: 1.5px;
		/*height: 2px;*/
		transform: translateY(9px) rotate(-45deg);
	}
	.mb_sub-menu-btn-wrap.on .mb_sub-menu_btn span:nth-child(3) {
        bottom:1.5px;
		/*height: 2px;*/
		transform: translateY(-9px) rotate(45deg);
	}
    div.content_wrap .content .snb .menu {
        position: fixed;
        top: 0;
        left: -230px;
        z-index: 99999;
        width: 230px;
        /*height: 100vh;*/
        height: 100%;
        /* opacity: 0; */
        text-align: left;
    }
    div.content_wrap .content .snb .menu > .list {
        overflow-x: hidden;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100000;
        height: 100%;
        background: #fff;
        padding-top: 0;
    }
    div.content_wrap .content .snb .menu > .list > li > .sub {
        display: none;
    }
    div.content_wrap .content .snb .menu > .list > li > div.on + .sub {
        display: block;
    }
    .wrap .m-left-bg {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.4);
		display: none;
	}
}