@charset "utf-8";

/*email*/
.inpus_email{width: 100%;}
.inpus_email > *{float: left;width:calc(50% - 15px)}
.inpus_email span{display: block;width: 30px;text-align: center;line-height: 35px;}

.c_input{border:1px solid #6d6d6d;height: 50px;box-sizing:border-box;background: #fff;padding:10px;}
input.c_input{}
select.c_input{padding-right:0;line-height: initial;}
textarea.c_input{height:auto;line-height: 1.3em;}

.c_input.opt_45h{height:45px;}

.c_btn,
.c_btn2,
.c_btn3,
.c_btn4,
.c_btn5{line-height: 48px;border:1px solid #0d79c2;padding:0 15px;display: inline-block;vertical-align: middle;box-sizing:border-box;height: 50px;background: #fff;transition:border-color .3s,color .3s;}

button.c_btn,
button.c_btn2,
button.c_btn3,
button.c_btn4,
button.c_btn5{cursor:pointer;}

.c_btn{border-color:#0d79c2;vertical-align: middle;}
.c_btn2{border-color:#e3e3e3;vertical-align: middle;}
.c_btn3{border-color:#265898;background:#0d79c2;color: #fff;vertical-align: middle;}
.c_btn4{border-color:#bebebe;vertical-align: middle;}
.c_btn5{border-color:#575757;background: #717171;color: #fff;}

.c_btn.disabled{border-color:#bebebe;color: #767676;cursor:default;}
.c_btn.disabled .cicon_down{background-image:url(/images/inc/icon_down_disabled.png)}
.c_btn.disabled .cicon_excel{background-image: url(/images/inc/icon_excel_disabled.png);}
.c_btn.disabled .cicon_csv{background-image: url(/images/inc/icon_csv_disabled.png);}

.c_btn3.disabled{border-color:#bebebe;color: #767676;cursor:default;background-color: #fff;}

.c_btn i,
.c_btn2 i,
.c_btn3 i{margin-top: -4px;}

.c_btn.opt_45h,
.c_btn2.opt_45h,
.c_btn3.opt_45h,
.c_btn4.opt_45h,
.c_btn5.opt_45h{height: 45px;line-height: 43px;}

.c_btn.opt_40h,
.c_btn2.opt_40h,
.c_btn3.opt_40h,
.c_btn4.opt_40h,
.c_btn5.opt_40h{height: 40px;line-height: 38px;}

.c_btn.opt_35h,
.c_btn2.opt_35h,
.c_btn3.opt_35h,
.c_btn4.opt_35h,
.c_btn5.opt_35h{height: 35px;line-height: 33px;padding-left: 9px;padding-right: 9px;}

.c_btn_down.opt_35h{padding-right:65px;font-size:14px;}
.c_btn_down.opt_35h .cicon_down{right:10px;}

.c_btn_write,
.c_btn_passfind{height: 50px;line-height: 48px;box-sizing:border-box;display: inline-block;text-align: center;width: 150px;font-weight: bold;}
.c_btn_write{background: #0d79c2;border:1px solid #295a99;color: #fff;}
.c_btn_write i{display: inline-block;width: 20px;height: 23px;background:url(/images/inc/icon_write.png);vertical-align: middle;margin-top: -7px;margin-right: 5px;}
.c_btn_passfind{border:1px solid #147dc4}
.c_btn_passfind i{display: inline-block;width: 27px;height: 21px;background:url(/images/inc/icon_pass.png);vertical-align: middle;margin-top: -3px;margin-right: 5px;}

.circle_num,.circle_num2{border:1px solid #646464;display: inline-block;border-radius:50%;width: 13px;height: 13px;vertical-align: middle;line-height: 13px;text-align: center;font-size:11px;}
.circle_num2{border-color:#db3400;color: #db3400;font-weight: bold;}

.c_btn_down{position: relative;padding-right:55px;}
.c_btn_down .cicon_down{position: absolute;right:15px;top:50%;margin-top: -9px;}

.c_btn_t_1{border:1px solid #1a80c5;height:40px;line-height: 38px;background: url(/mfds/eng/images/inc/box_link_arr1.gif) right 10px center no-repeat;display: inline-block;padding:0 60px 0 10px;box-sizing:border-box;}

/*icon*/
.cicon_blank{background: url(/images/inc/icon_blank.png) no-repeat top center;display: inline-block;width: 18px;height: 17px;font-size: 0;background-size:17px 14px;vertical-align: middle;}
.cicon_alert{content: '';background:url(/images/inc/icon_alert.png);width: 26px;height: 26px;display: inline-block;vertical-align: middle;}
.cicon_blank2{content: '';background: url(/images/inc/icon_link_blank.png) no-repeat center;display: inline-block;width: 25px;height: 18px;background-size:25px;font-size: 0;vertical-align: middle;}
.cicon_down{content: '';background: url(/images/inc/icon_down.png) no-repeat center;display: inline-block;width: 25px;height: 18px;background-size:25px;font-size: 0;vertical-align: middle;}
.cicon_link{content: '';background: url(/images/inc/icon_link_inlink.png) no-repeat center;display: inline-block;width: 25px;height: 18px;background-size:25px;font-size: 0;vertical-align: middle;}

.cicon_excel{content: '';background: url(/images/inc/icon_excel.png) no-repeat center;display: inline-block;width: 24px;height: 25px;font-size: 0;vertical-align: middle;}
.cicon_csv{content: '';background: url(/images/inc/icon_csv.png) no-repeat center;display: inline-block;width: 24px;height: 25px;font-size: 0;vertical-align: middle;}

.cicon_plus{background: url(/images/inc/icon_plus.gif) no-repeat center;display: inline-block;width: 17px;height: 17px;vertical-align: middle;}

.cicon_file1,
.cicon_file2,
.cicon_file3,
.cicon_file4,
.cicon_file5,
.cicon_file6{width: 18px;height: 18px;display: inline-block;vertical-align: middle;}

.cicon_file1{background-image:url(/images/inc/icon_file01.gif)}
.cicon_file2{background-image:url(/images/inc/icon_file02.gif)}
.cicon_file3{background-image:url(/images/inc/icon_file03.gif)}
.cicon_file4{background-image:url(/images/inc/icon_file04.gif)}
.cicon_file5{background-image:url(/images/inc/icon_file05.gif)}
.cicon_file6{background-image:url(/images/inc/icon_file06.gif)}

.cicon_logo_window,
.cicon_logo_apple{width: 28px;height: 30px;display: inline-block;vertical-align: middle;background-size:100%;}
.cicon_logo_window{background-image:url(/images/inc/logo_window.gif)}
.cicon_logo_apple{background-image:url(/images/inc/logo_apple.gif)}

.cicon_rss{width: 28px;height: 27px;background:url(/images/inc/icon_rss.gif);display: inline-block;font-size: 0;vertical-align: middle;}

.cicon_mail1,
.cicon_mail2{display: inline-block;vertical-align: middle;}
.cicon_mail1{width: 65px;height: 63px;background-image:url(/images/inc/icon_mail1.gif)}
.cicon_mail2{width: 100px;height: 52px;background-image:url(/images/inc/icon_mail2.gif)}

.cicon_arr{background:url(/images/inc/list_icon02.png) center no-repeat;width: 15px;height: 15px;background-size:100%;display: inline-block;vertical-align: middle;}

.cicon_home{display: inline-block;width: 19px;height: 17px;background: url(/images/inc/icon_home.png);vertical-align: middle;}

.m_hidden{} /* 모바일감춤 */
.m_show{display: none;} /* 모바일 보임 */

.c_imgBox{text-align: center;position: relative;}
.c_imgBox img{max-width:100%;}
.c_imgBox.opt_1{border:1px solid #dee3eb;}

.c_imgBox.al{text-align:left;}

.c_imgBox .c_img_zoom{display: none;}

/*4depth*/
.ccategory{border-left:1px solid #eaeaea;margin-bottom: 70px;}
.ccategory > strong{display: none;}
.ccategory::after{content: '';display: block;clear: both;}
.ccategory li{float: left;width: 25%;margin-top:-1px;}
.ccategory li a{display: block;height: 60px;line-height: 60px;box-sizing:border-box;text-align: center;border:1px solid #eaeaea;background: #fafafa;border-left:0;position: relative;font-size: 18px;}
.ccategory li.locked a{background: #fff;color: #0d79c2;font-weight: 600;}
.ccategory li.locked a::after{content: '';display: block;clear: both;border:1px solid #0d79c2;border-top-width:2px;position: absolute;left: 0;top: -1px;right: 0;bottom: 0;}
.ccategory li a{display:table;width: 100%;letter-spacing:-.03em;}
.ccategory li a span{display:table-cell;line-height:1.2em;vertical-align: middle;height: 60px;}


/*5depth*/
.ccategory2{margin-bottom: 70px;}
.ccategory2 > strong{display: none;}
.ccategory2::after{content: '';display: block;clear: both;}
.ccategory2 li{float: left;width: 25%;}
.ccategory2 li a{display: block;height: 60px;line-height: 60px;box-sizing:border-box;text-align: center;position: relative;font-size: 18px;border-bottom:1px solid #eaeaea;}
.ccategory2 li.locked a{color: #0d79c2;font-weight: 600;border-bottom:2px solid #0d79c2}
/* .ccategory2 li.locked a::after{content: '';display: block;clear: both;border:1px solid #0d79c2;border-top-width:2px;position: absolute;left: 0;top: -1px;right: 0;bottom: 0;} */

.ccategory.opt_col6 li,
.ccategory2.opt_col6 li{width: 16.66666%;}

.ccategory.opt_col3 li,
.ccategory2.opt_col3 li{width: 33.3333%;}

.ccategory.opt_col2 li,
.ccategory2.opt_col2 li{width:50%;}


/* 박스처 */
.cbox01{background: #f8fcff;border:1px solid #b7cede;padding: 16px 20px;} /*blue box*/
.cbox02{border:1px solid #ee9e85;padding: 16px 20px 16px 55px;position: relative;} /*rebox*/
.cbox02::after{content: '';background:url(/images/inc/icon_alert.png);width: 26px;height: 26px;position: absolute;left: 16px;top: 17px;}

.cbox03{border-top:1px solid #0d79c2;border-bottom:1px solid #dddddd;padding:20px 0;}

.cbox04{border:1px solid #ee9e85;padding: 16px 20px;}
.cbox05{border:1px solid #e4e4e4;padding: 16px 20px;}


/* list style*/
/*번호*/
.c_list01{}
.c_list01 > li{list-style:decimal;margin-left: 1.2em;margin-top: .4em;}
.c_list01 > li:first-child{margin-top: 0;}

.c_list01_2{}
.c_list01_2 > li{list-style:upper-alpha;margin-left: 1.2em;margin-top: .4em;}
.c_list01_2 > li:first-child{margin-top: 0;}

.c_list01_3{}
.c_list01_3 > li{list-style:lower-latin;margin-left: 1.2em;margin-top: .4em;}
.c_list01_3 > li:first-child{margin-top: 0;}

/*이미지 아이콘*/
.c_list02{}
.c_list02 li{padding-left: 1.3em;margin-top: .4em;position: relative;}
.c_list02 li::before{content:'';background:url(/images/inc/list_icon01.png) center no-repeat;position: absolute;left: 0;width: 1em;height: 1em;width: 15px;height: 15px;background-size:100%;top:0.19em;}
.c_list02 li:first-child{margin-top: 0;}

/* 이미지 아이콘 c_list02 하위*/
.c_list03{}
.c_list03 > li{padding-left: 1em;margin-top: .7em;position: relative;line-height:1.2em;}
.c_list03 >  li::before{content:'';background:url(/images/inc/list_icon02.png) center no-repeat;position: absolute;left: 0;width: 15px;height: 15px;background-size:100%;top:2px;}
.c_list03 > li:first-child{margin-top: 0;}

/* 사각형 불릿*/
.c_list04{}
.c_list04 li{padding-left: 1.3em;margin-top: .4em;position: relative;}
.c_list04 li::before{content:'';background:#717171;position: absolute;left: 0;width: 1em;height: 1em;width: 2px;height: 2px;background-size:100%;top:0.6em;left:.45em}
.c_list04 li:first-child{margin-top: 0;}
.c_list04 li li{padding-left: 10px;}
.c_list04 li li::before{background: none;content:'-';top:0;}

/*이미지 아이콘*/
.c_list05{}
.c_list05 li{padding-left: 1.3em;margin-top: .4em;position: relative;}
.c_list05 > li{margin-top: 20px;}
.c_list05 > li:fisrt-child{margin-top: 0;}
.c_list05 li::before{content:'';background:url(/images/inc/list_icon01.png) center no-repeat;position: absolute;left: 0;width: 1em;height: 1em;width: 15px;height: 15px;background-size:100%;top:0.25em;}
.c_list05 li:first-child{margin-top: 0;}
.c_list05 ul li::before{content:'';background:url(/images/inc/list_icon02.png) center no-repeat;position: absolute;left: 0;width: 1em;height: 1em;width: 15px;height: 15px;background-size:100%;top:0.25em;}


/* 사각형 불릿*/
.c_list06{}
.c_list06 > li{padding-left: 1em;position: relative;}
.c_list06 > li{margin-top: .4em;}
.c_list06 > li:first-child{margin-top: 0;}
.c_list06 > li::before{content:'';background:#717171;position: absolute;left: 0;width: 1em;height: 1em;width: 3px;height: 3px;background-size:100%;top:0.6em;left:.45em}
.c_list06 > li:first-child{margin-top: 0;}
.c_list06 strong{font-weight:600}

.c_list07{}
.c_list07 li{padding-left: 1em;position: relative;}
.c_list07 li{margin-top: .4em;}
.c_list07 li:first-child{margin-top: 0;}
.c_list07 li::before{content:'';background:#717171;position: absolute;left: 0;width: 1em;height: 1em;width: 4px;height: 1px;background-size:100%;top:0.6em;left:.40em}
.c_list07 li:first-child{margin-top: 0;}
.c_list07 li li{padding-left: 1em;}
.c_list07 li li::before{background: none;content:'-';top:0;left: 3px;}

/*custom~*/
.c_list_cus{}
.c_list_cus > li{padding-left: 1em;margin-top: .4em;position: relative;}
.c_list_cus > li::before{content:attr(date-deco);position: absolute;left: 0;width: 1em;height: 1em;}
.c_list_cus > li:first-child{margin-top: 0;}

/*text*/
.c_list_cus2{}
.c_list_cus2 > li{padding-left: 1.2em;: .3em;position: relative;margin-top: 0.4em;}
.c_list_cus2 > li:first-child{margin-top: 0;}
.c_list_cus2 > li > .cus_bullet{position: absolute;left: 0;top: 4px;}
.c_list_cus2 > li:first-child{margin-top: 0;}

/*text*/
.c_list_cus3{}
.c_list_cus3 > li{padding-left: 1.5em;: .3em;position: relative;margin-top: 0.4em;}
.c_list_cus3 > li:first-child{margin-top: 0;}
.c_list_cus3 > li > .cus_bullet{position: absolute;left: 0;top: 0px;}
.c_list_cus3 > li:first-child{margin-top: 0;}




/* 버튼 스타일 이미지 들어가는거 */

.btn_aling01{ float:right; margin-top:-50px;}

.btn_style01{ display:inline-block;  background:#fff url("/nifds/images/inc/btn_icon01.png") right top no-repeat; width:250px;}
.btn_style01 span{ color:#0177a8; display:block; height:39px;  font-size:15px; font-weight:600;margin-right:39px;border:1px solid #0177a8;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; text-align:center; padding-top:10px;}

.tab_box{position: relative;padding-left: 20px;}
.tab_box .tab_box_icon{position: absolute;left:0;top:-1px;font-style:normal;}



/* ctable01 */
.ctable01{border-top:1px solid #6d6d6d;}
.ctable01 table{width: 100%;}
.ctable01 th,
.ctable01 td{}
.ctable01 th{background: #f9f9f9;}
.ctable01 thead th{background: #f9f9f9;padding:20px 10px;border-bottom:1px solid #cdcdcd;border-left:1px solid #ececec}
.ctable01 thead th:first-child{border-left:0;}
.ctable01 tbody th,
.ctable01 tbody td{padding:15px 10px;border-bottom:1px solid #ececec;}
.ctable01 tbody td{border-left: 1px solid #ececec;}
.ctable01 tbody tr > *:first-child{border-left:0;}
.ctable01 tbody tr th{border-left:1px solid #ececec;}

.ctable01.opt_bthn tbody th{background: none;font-weight: normal;}
.ctable01.opt_p_tb9 tbody td{padding:9px 10px;}

.ctable01.opt_vt td{vertical-align: top;}



/* 탭처리 */
.ctab01 ul{ border-left:1px solid #e0e0e0; margin-bottom:30px;}
.ctab01 ul:after{content:''; display:block;clear:both;}
.ctab01 a {display: block;color:#000; background:#f3f5f7; border-bottom:1px solid #7e7e7e; border-right:1px solid #e0e0e0; border-top:1px solid #e0e0e0;font-weight:600;padding:7px 0;}
.ctab01 a:hover{ /* transition:all .3s;*/ }
.ctab01 li { float: left; line-height:1.8em; text-align:center;}
.ctab01 a:hover,.ctab01 a:focus,.ctab01 .on a{ color:#fff; background:#00a7de;padding:7px 0 7px 0;}


.liw02 li{ width:49.7%;}
.liw03 li{ width:33%;}
.liw03_t01 li{ width:33%;}
.liw04 li{ width:24.7%;}
.liw05 li{ width:19.7%;}
.liw06 li{ width:16.3%;}



@media all and (max-width :1220px) {

/* 탭처리 */
.liw02 li{ width:49.7%;}
.liw03 li{ width:33%;}
.liw04 li{ width:49.7%;}
.liw05 li{ width:33%;}
.liw06 li{ width:33%;}

}

@media all and (max-width:1000px){
	.c_imgBox .c_img_zoom{display: block;position: absolute;bottom:5px;right:5px;border:1px solid #265898;background:#0d79c2;color: #fff;vertical-align: middle;font-size: 12px;height:25px;line-height: 25px;padding:0 5px;border-radius:3px;}
}

@media all and (max-width :767px) {

.m_show{display: block;}

.opt_scroll{overflow-x:scroll;}
.opt_scroll th,
.opt_scroll td{white-space:nowrap;}

.opt_scroll2{overflow-x:scroll;}
.opt_scroll2 table{width:250%;}
.opt_scroll2 td,
.opt_scroll2 th{width: auto;}

.opt_scroll3{overflow-x:scroll;}
.opt_scroll3 table{width:200%;}
.opt_scroll3 td,
.opt_scroll3 th{width: auto;}

.opt_scroll3_1{overflow-x:scroll;}
.opt_scroll3_1 table{width:200%;}

.opt_scroll4{overflow-x:scroll;}
.opt_scroll4 table{width:150%;}
.opt_scroll4 td,
.opt_scroll4 th{width: auto;}

.opt_scroll4_1{overflow-x:scroll;}
.opt_scroll4_1 table{width:150%;}

.mo_br{display: block;}

.c_input,
.c_input.opt_45h{height: 40px;padding: 5px;}
input.c_input{}
select.c_input{padding-right:0;}

.c_btn.opt_45h,
.c_btn2.opt_45h,
.c_btn3.opt_45h,
.c_btn4.opt_45h,
.c_btn5.opt_45h,
.c_btn.opt_40h,
.c_btn2.opt_40h,
.c_btn3.opt_40h,
.c_btn4.opt_40h,
.c_btn5.opt_40h,
.c_btn,
.c_btn2,
.c_btn3{height: 40px;line-height: 38px;padding:0 10px;}


.c_btn_down.c_btn.opt_45h,
.c_btn_down.c_btn2.opt_45h,
.c_btn_down.c_btn3.opt_45h,
.c_btn_down.c_btn4.opt_45h,
.c_btn_down.c_btn5.opt_45h,
.c_btn_down.c_btn.opt_40h,
.c_btn_down.c_btn2.opt_40h,
.c_btn_down.c_btn3.opt_40h,
.c_btn_down.c_btn4.opt_40h,
.c_btn_down.c_btn5.opt_40h,
.c_btn_down.c_btn,
.c_btn_down.c_btn2,
.c_btn_down.c_btn3{padding-right:50px;}

.c_btn_write,
.c_btn_passfind{height: 40px;line-height: 38px;font-size: 13px;width: 130px;}
.c_btn_write i{width: 10px;height: 12px;background-size:100%;background-repeat:no-repeat;margin-top: -3px;}
.c_btn_passfind i{width: 13px;height: 10px;background-size:100%;background-repeat:no-repeat:;}

.cicon_blank{width: 15px;height: 14px;background-size:15px 14px;}
.cicon_blank2{width: 19px;height: 14px;background-size:19px;}
.cicon_down{width: 19px;height: 14px;background-size:19px;}
.cicon_link{width: 19px;height: 14px;background-size:19px;}

.cicon_logo_window,
.cicon_logo_apple{width: 20px;height: 21px;}



/* ctable01 */
.ctable01 thead th{padding:15px 10px;}
.ctable01 tbody th,
.ctable01 tbody td{padding:10px 10px;}


.cbox01,
.cbox02,
.cbox04,
.cbox05{padding:10px}

.cbox02::after{content: none;}


.c_list02 li::before{height: 14px;width: 14px;}

.ccategory li a,
.ccategory2 li a{font-size: 15px;height: 45px;line-height: 45px;}

.ccategory li a span,
.ccategory2 li a span{height:43px;}

.ccategory li,
.ccategory.opt_col3 li{width: 50%;}
.ccategory.opt_col6 li{width: 33.3333%;}

.ccategory li a, .ccategory2 li a{font-size: 14px;letter-spacing:-.025em}

.ccategory, .ccategory2{margin-bottom: 30px;}

/*email*/
.inpus_email{}
.inpus_email > *:nth-child(1){width:100%;}
.inpus_email > *:nth-child(2),
.inpus_email > *:nth-child(3){margin-top: 5px;}
.inpus_email > *:nth-child(3){width:calc(100% - 30px)}
}



@media all and (max-width :480px) {

/* 탭처리 */
.liw03_t01 li { text-align:left;}
.liw03_t01 a {padding:7px 10% 7px 5%;}
.liw03_t01 a:hover,.liw03_t01 a:focus,.liw03_t01 .on a{ background:#00a7de url("/images/001kunsan/inc/tab_icon01.gif") 95% center no-repeat;padding:7px 10% 7px 5%;}
.liw03_t01 li{ width:99.7%;}
.liw06_t01 li{ width:49.3%;}

}

@media all and (max-width :320px) {

/* 탭처리 */
.ctab01 li { text-align:left;}
.ctab01 a {padding:7px 5% 7px 5%;}
.ctab01 a:hover,.ctab01 a:focus,.ctab01 .on a{ background:#00a7de;padding:7px 5% 7px 5%;}

.liw02 li{ width:99.7%;}
.liw03 li{ width:99.7%;}
.liw04 li{ width:99.7%;}
.liw05 li{ width:99.7%;}
.liw06 li{ width:99.7%;}
.liw06_t01 li{width:99.7%;}

}
/*----------- 20250716_글로벌 규제조화센터(GHC) 관련 CSS -----------*/	/*----------- 20250716_글로벌 규제조화센터(GHC) 관련 CSS -----------*/
/* -----[GHC 이미지]----- */
.c_ghc_imgBox{text-align:center; position:relative;}
.c_ghc_imgBox img{width:55%; margin:20px 0 0 0;}

/* -----[GHC 로그 이미지]----- */
.content_txt02_ghc .c_ghc_logo{flex:0 0 210px; margin-right:24px;}
.c_ghc_logo img {position:relative; width:65%; margin:10px 0 10px 0; left:-570px;}

/* -----[GHC 하단 이미지]----- */
/* .c_ghc_bottom_imgBox{text-align:center; position:relative;} */
.c_ghc_bottom_imgBox img{width:500px; margin:20px 0 20px 0;}

/* -----[GHC 상단 다운로드/QR 영역]----- */
.content_txt02_ghc{display:flex; justify-content:flex-end; gap:6px; margin-bottom:10px; align-items:center;}

.content_txt02_ghc>.ghc_bt01,
.content_txt02_ghc>.ghc_fr01{flex:0 0 200px;margin:0;}
.content_txt02_ghc>.ghc_fr01{flex:0 0 95px;}
.content_txt02_ghc>.ghc_bt01{flex:0 0 160px;}

/* -----[QR 버튼]----- */
.content_txt02_ghc > .ghc_fr01{
  display:flex; align-items:center; justify-content:center;
}
.ghc_qr_img{
  display:block;
  width:95px;
  max-width:80px;
  height:auto;
}

/* -----[GHC 제목]----- */
.content_txt01_ghc{font-size:25px; line-height:30px; color:#333; margin-bottom:35px; font-weight:600; width:100%; display:inline-block;}

/* -----[다운로드 버튼]----- */
.content_txt02_ghc a.ghc_btn_style02{
/* 레이아웃 */
display:inline-flex; align-items:center; gap:8px; min-width:160px; padding:10px 12px; white-space:nowrap; box-sizing:border-box; height:72px;
/* 스타일 */
border:1px solid #0d79c2; background:#fff; font-weight:600; color:#333; text-decoration:none;
}

/* GHC Leaflet(ENG), GHC 리플렛(국문) 부분 CSS */
.content_txt02_ghc a.ghc_btn_style02 span{margin:0;border:none;}
.content_txt02_ghc a.ghc_btn_style02::after{content:''; flex:0 0 24px; width:20px; height:20px; background:url('/images/inc/icon_down.png')  right center no-repeat; background-size: cover; background-position: center;/* padding-right:30px; */}

/* 영문홈페이지_GHC_미션 내 내용 CSS - start */
.c_list06_ghc {}
.c_list06_ghc > li{padding-left: 30px; position: relative;}
.c_list06_ghc > li{margin-top: .4em;}
.c_list06_ghc > li:first-child{margin-top: 0;}
.c_list06_ghc > li::before{content:'';background:#717171;position: absolute; width: 3px; height: 3px; background-size:100%; top:0.6em; left:15px;}
.c_list06_ghc > li:first-child{margin-top: 0;}
.c_list06_ghc strong{font-weight:600}

/* -----[1) Capacity Building, 2) Information Sharing 파란박스 CSS ]----- */
.ghc_box{border:1px solid #1c57a6; padding:10px 18px; margin:5px 0; background:#fff;}
.ghc_box_tit{display:block; color:#1c57a6; font-weight:700; font-size:18px;}
.ghc_box_txt{font-size:15px;}

/* ----------[GHC 공식 웹사이트 박스 : ghc_web_site]---------- */
.ghc_web_site{padding:10px 18px; margin:5px 0; line-height:1.3; text-align:center;}
.ghc_web_site .site_title{display:block; font-size:25px; font-weight:700;  margin:0 0 1px;}

.ghc_web_site .site_url{margin:0 0 5px;}
.ghc_web_site .site_url a{color:#1c57a6; font-size:18px; text-decoration:underline;}

.ghc_web_site .site_summary{font-size:15px; line-height:25px; letter-spacing: 0px; word-spacing: 2px;}

/* -----[GHC_Key Activities 내부 2분할 CSS]----- */
.key_item{display:flex; justify-content:space-between; margin-bottom:40px;}
.key_text{font-size:15px; line-height:1.45; padding-left:16px; text-indent:-16px; margin:20px 0 0 0;}

.key_item2{display:flex; align-items:flex-start; gap:40px; margin-bottom:40px;}
.key_text2{margin: 5px 0 0 0; flex:1 1 45%; font-size:15px; line-height:1.45; padding-left:35px; text-indent:-16px;}

.key_img{flex:0 0 260px;}
.key_img img{max-width:100%; height:auto; display:block;}

.key_img_double{display:flex;gap:32px;justify-content:center;align-items:stretch;}
.key_img_double img{width: 45%;}

.key_item > .key_text, .key_item > .key_img{flex:0 0 50%; max-width:50%;}

/* Official Website, e-Learning Center 부분 CSS */
.key_img_double{display:flex;gap:32px;justify-content:center;align-items:stretch;}
.key_card{flex:1 1 45%;max-width:45%;display:flex;flex-direction:column;align-items:center;text-align:center;}
.key_card .site_title{font-size:19px;font-weight:700;margin:0 0 4px;}
.key_card .site_url{margin:0 0 8px;}
.key_card .site_url a{color:#0d60c5;font-size:15px;text-decoration:none;} /* 하이퍼링크 제거 */
.key_card .site_summary{font-size:15px;line-height:1.45;margin:0 0 12px;}
.key_card img{width:100%;height:auto;display:block;}



/*---- 글로벌 규제조화센터(GHC) 모바일 반응형 CSS ----*/		/*---- 글로벌 규제조화센터(GHC) 모바일 반응형 CSS ----*/
@media (max-width:700px){
.content_txt02_ghc{display:grid; grid-template-columns:1fr 95px; grid-template-rows:repeat(2,auto); gap:4px; justify-content:start;}
.content_txt02_ghc > .ghc_fr01{flex:none; grid-row:1/span 2; grid-column:2; width:95px;}

.content_txt02_ghc > .ghc_bt01{flex:none; width:100%;}
.content_txt02_ghc > .ghc_bt01:nth-of-type(1){grid-row:1;grid-column:1;}
.content_txt02_ghc > .ghc_bt01:nth-of-type(2){grid-row:2;grid-column:1;}

/* 다운로드 버튼 크기 조정 */
.content_txt02_ghc a.ghc_btn_style02{width:100% !important; height:30px; padding:5px 10px;}
.ghc_btn_style02 span{height:20px;line-height:22px;}
.content_txt02_ghc a.ghc_btn_style02 span{flex:0 0 60%; max-width:60%; text-align:center; }
.content_txt02_ghc a.ghc_btn_style02::after{ margin-left:auto; background-position:right 1px center; flex : 0 0 28px;}
.ghc_btn_style01{background-size:95px 75px;}

/* 제목·이미지 크기 축소 */
.content_txt01_ghc{font-size:15px;margin-bottom:15px;word-spacing:-4px;}
.content_txt01_ghc h4>span,
.content_txt01_ghc h4>strong{font-size:15px;}
.ghc_img_style01 img{margin-left:5px;margin-bottom:15px;}

/* -----[GHC 로그 이미지 CSS]----- */
.c_ghc_logo img {position:relative; max-width:70%; left:0px;}

/* -----[GHC 내부 이미지들 CSS]----- */
.c_ghc_imgBox img {width:90%; margin: 15px 0 15px 0;}

/* -----[GHC 박스 tit 및 txt]----- */
.ghc_box{padding:8px 12px;}
.ghc_box_tit{font-size:15px; }
.ghc_box_txt{font-size:14px; text-align: left;}

/* -----[GHC_Key Activities 내부 2분할 CSS]----- */
.key_item{flex-direction:column; gap:20px;}
.key_text{text-indent:0;padding-left:0;}
.key_img img{width:90%; margin:0 auto;}

/* Official Website, e-Learning Center 부분 CSS */
.key_img, .key_img_double{flex:unset;}
.key_img_double{flex-direction:column;gap:16px;}
.key_img_double img{width: 90%; margin: 10px;}

.key_item > .key_text, .key_item > .key_img{flex:none; max-width:100%;}

.key_img_double{flex-direction:column;gap:24px;}
.key_card{max-width:100%;}
.key_card img{width:90%;margin:0 auto;}

}	/*----------- 글로벌 규제조화센터(GHC) 관련 CSS END -----------*/