@charset "utf-8";
/**
 * @File Name : content.css
 * @Description : Each Subpage Body Contents CSS (★ 최초…최종 작업자는 갱신 이력을 반드시 남겨주세요!)
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2023.07.07 | 김효진 | 최초 등록
 * </pre>
 * @author 디자인팀 김효진
 * @since 2023.07.07
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

@font-face {
    font-family: '국립박물관문화재단클래식B';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/국립박물관문화재단클래식B.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@media screen and (max-width:999px){
	.list2table1.rspnsv td.list2table1w01:nth-child(2) br{display:none;}
}


table.t3>*>tr>th{font-weight: 500;}

.search1select1 table.t5{background:#fff;border-radius:10px;}
.search1select1 table.t5>tbody>tr>th{vertical-align:middle;text-align:center;}


/* .cnb2{border-radius:10px !important;} */

[class*='panel'].hue1a1{padding:26px;border-radius:10px;border-color:#666;background:#eff1f7;}
[class*='panel']{border-radius:10px;}
[class*='panel']>.deco1onestop1{background-image:url(../../img/lib/ic160deco1onestop1.png);}
[class*='panel']>.deco1onestop2{background-image:url(../../img/lib/ic160deco1onestop2.png);}

[class*='panel'] ul.bu.even-grid li{padding: 0 2% 0.7em 1%;}
#body_content [class*='panel'].hue1a1 .ico-tel:before{;background-color:#fff;}

.br_b{display:block;}/* 모바일에서는 줄바꿈 하지 않음 */
@media all and (max-width:1299px){
	.br_b{display:inline-block;}
}

@media all and (max-width:767px){
	.br_b1{display:block;}
}




/* 버튼 */
a[class*='button'],
html input[class*='button'], /* ☆ Avoid bug [Android4.2.2] audio and video controls */
button[class*='button'],
.button{
	background-color:#2b3c5b;border-radius:3px;
}

.button.download1{background:#fff;border-color:#999;color:#333;padding:.8125em .75em; /* ☆ ((((40-2)/16)-1.375)/2) (((40-16)/2)/16) */ height:3.125em;/* ☆ (50/16) */} /* □(속빈) button with icon */
.button.download1[class*='ic1']>.ic1.download{background-image:url(../../img/lib/ic40a3c1download1.png);}
.button.download1[class*='ic1']>.ic1.viewpdf1{background-image:url(../../img/sub/ic16_pdf.png);}
.button.download1[class*='ic1']>.ic1{background-image:url(../../img/lib/ic40a2right1.png);}

.button.download1:hover,
.button.download1:focus{background-color:#fff;border-color:#000;color:#000;}

.button[class*='ic1']>.ic1.link2{background-image:url(../../img/sub/ic20newwindow1.png);}

/* .button.default{border-color:rgba(0,0,0, .4);background-color:#fff;color:#333;} □(속빈) button with icon*/
.button.default:hover,
.button.default:focus{background-color:#fff;border-color:#000;color:#000;} 


.spc1btns1{ /* .even-grid */
	position:relative;
	padding:0 0 0 1px;
}
.spc1btns1 .column{}
.spc1btns1 .button{
	box-sizing:content-box; /* ☆ margin -값이 박스 크기에 영향 주기 위해.. ( border-box 로 하면 박스 크기 그대로 위치만 이동된다.) */
	width:auto;
	height:21px;
	/* margin-left:10px; */
	margin-bottom:-5px;
	padding:10px 15px 15px;text-align:left;
	border-radius:3px;
}
.spc1btns1 .button .t1{display:inline-block;vertical-align:middle;}
.spc1btns1 .button .ic1{float:right;display:inline-block;
	width:20px;height:20px;
	margin:0 0 0 5px;
	background:url() no-repeat center center;
	background-size:contain;text-indent:-9999px;overflow:hidden;
	vertical-align:middle;
}
.spc1btns1 .button.newwin1 .ic1{background-image:url(../../img/sub/ic20linkl1.png);}
.spc1btns1 .button.down1 .ic1{background-image:url(../../img/sub/ic20download1.png);}

.spc1btns1 .button:hover,
.spc1btns1 .button:focus{background-color:#1e196b;border-color:#1e196b;color:#fff !important} 
.spc1btns1 .button.newwin1:hover .ic1{background-image:url(../../img/sub/ic20linkl1_over.png);}
.spc1btns1 .button.down1:hover .ic1{background-image:url(../../img/sub/ic20download1_over.png);}

.hb1.h4{
	padding-left:22px;
	background-image:url(../../img/sub/h4bg2.png);
	/* color:#590; */
	color:#11739a;
	font-size:1.25em; /* =20/16 */
	background-position: 0 .125em;
	padding:0 0 0 1.25em;
}

/* notice 박스 */
.notice1box1{display: block;overflow:hidden;box-sizing:border-box;margin:0 auto 30px;padding:26px;border-radius:10px;/* border-color:#666; */background:#f7f7f7;}
#body_content .notice1box1 .ico-tel:before{;background-color:#fff;}

.notice1box2{display: block;overflow:hidden;box-sizing:border-box;margin:0 auto 30px;padding:30px 26px;border-radius:10px;background:#2b3c5b;}
.notice1box2 .tg1{text-align:center;color:#fff;/* line-height:1.25; */}
.notice1box2 .tg1 .t1{}
.notice1box2 .tg1 .t2{display: block;font-weight:600;font-size:1.500em;color:#fdff7b;}

.notice1box1.minH01{min-height:320px;}
@media all and (max-width:767px){
	.notice1box1.minH01{min-height:auto;}
}

.hybrid2row1.ic1size20px>.column1>.info2{background-image:url(../../img/lib2/ic20form1check1on1.png);}

/* 본문새창링크 아이콘 */
#body_content .ico-win{position:relative;display:inline-block;margin:2px 3px 0;padding-right:20px;padding-bottom:2px;color:#211b8f;font-weight:500;}
#body_content .ico-win:hover, #body_content .ico-win:focus{text-decoration:none;border-bottom:1px solid #211b8f;color:#211b8f}
#body_content .ico-win:after{position:absolute;bottom:3px;right:-3px;content:"";display:block;width:20px;height:20px;background:url(../../img/sub/ic20newwindow1.png) no-repeat;}

/* 본문다운로드 아이콘 */
#body_content .ico-down{position:relative;display:inline-block;margin:2px 3px 0;padding-right:20px;padding-bottom:2px;color:#211b8f;font-weight:500;}
#body_content .ico-down:hover, #body_content .ico-down:focus{text-decoration:none;border-bottom:1px solid #211b8f;color:#211b8f}
#body_content .ico-down:after{position:absolute;bottom:3px;right:-3px;content:"";display:block;width:20px;height:20px;background:url(../../img/sub/ic20download1.png) no-repeat;}

/* 본문전화걸기 아이콘 */
#body_content .ico-tel{position:relative;display:inline-block;margin:2px 3px 0;padding-left:28px;padding-bottom:2px;color:#333;font-weight:500;}
#body_content .ico-tel:hover, #body_content .ico-.ico-tel:focus{text-decoration:none;border-bottom:0px solid #211b8f;color:#211b8f}
#body_content .ico-tel:before{position:absolute;bottom:2px;left:0;content:"";display:block;width:24px;height:24px;border-radius:100px;background:#e2e5ec url(../../img/sub/ic24a1c2phone1.png) no-repeat;}

/* 본문메일 아이콘 */
#body_content .ico-mail{position:relative;display:inline-block;margin:2px 3px 0;padding-left:28px;padding-bottom:2px;color:#333;font-weight:500;}
#body_content .ico-mail:hover, #body_content .ico-.ico-tel:focus{text-decoration:none;border-bottom:0px solid #211b8f;color:#211b8f}
#body_content .ico-mail:before{position:absolute;bottom:2px;left:0;content:"";display:block;width:24px;height:24px;border-radius:100px;background:#e2e5ec url(../../img/sub/ic20mail1.png) no-repeat;}

/* 순서 없는 목록 */
ul.bu{margin-left:6px;}
ul.bu li{padding-left:12px;}
ul.bu li:before{top:10px;width:5px;height:5px;border-radius:100px;}
ul.bu>li>ul>li>ul>li:before {top:0px;width:14px;height:14px;background:url(../../img/lib/li3bg.png) no-repeat .125em .375em;}
p.bu:before {position:absolute;top:10px;left:0;content:"";display:block;width:5px;height:5px;background:#333;border-radius:100px;}
p.bu{background-image:none;padding:0 0 0 12px;}


ol.bo1>li span.num {
	display:
	inline-block;
	box-sizing:
	border-box; /* ☆ */
	width:1.429em; /* =20/14 */
	height:1.429em;
	min-width: 22px;
	min-height: 22px;
	margin: -3px 0.5em 0 -2.4em; 
	padding: 4px 2px 5px 0; /* ((20-14)/2) */
	border-radius: 4px;
	background:#08b;
	color:#fff;
	font-weight:400;
	font-size:.750em; /* =14/16 */
	line-height: 15px; /* 폰트14px이하 최적 */
	text-align:
	center;
	vertical-align:	middle;
}

ol.bo1.even-grid>.column{padding:4px 10px;}

ol.bo1 ol.bo1>li:before{display: none;}


/* 안내문 */
.info1box1{border:1px solid #dedede;border-radius:10px;background:#fcfdfe;margin-bottom:30px;padding:20px 40px 10px;font-size:1em;}
.info1box1 .title1{display:block;font-size:1.25em;font-weight:500;color:#000;padding-left:28px;background:url(../../img/sub/info1box1.png) no-repeat 0 .3em;margin-bottom:0px;margin-top:7px;}
.info1box1 ul.bu2{/* margin-left:-10px; */padding-right:10px;}

@media all and (max-width:767px){
	.info1box1{padding:15px 15px 5px;}
}


/* 행정정보공동이용 */
[class*='panel']>.opentype1{float:left;
	width:180px;
	height:75px;
	margin:20px 30px 0 30px;
	/* background:url(../../img/lib/ic160deco1bulb1.png) no-repeat center center;
	background-size:contain; */
}
[class*='panel']>.opentype1+.body1{display:table-cell;
	width:9999px;
	/* height:80px; */ /* [class*='deco1'] 높이 */
	vertical-align:middle;
	overflow:hidden;
}
@media all and (max-width:999px){
	[class*='panel']>.opentype1{float:none;display:block;text-align:center;margin:20px auto 0;}
	[class*='panel']>.opentype1+.body1{display: block;width:auto;}
}

/* flowchart */
.flow-chart1 {background:#eff1f7;margin-bottom:10px;box-sizing:border-box;border-radius:10px;/* padding:15px 25px */}
.flow-chart1.cpd01{padding:5% 15% !important}
.flow-chart1 ol {list-style:none;padding:15px 50px;margin:10px 0;overflow:hidden;}
.flow-chart1 ol > li {position:relative;text-align:center;margin:20px 0 46px;font-size:15px;}
.flow-chart1 ol > li:first-child {margin-left:0 !important}
.flow-chart1 ol > li:last-child{margin-bottom:22px;}
.flow-chart1 ol > li:after {position:absolute;content:"";display:block;width:24px;height:24px;background:url(../../img/sub/arrow30right1.png) no-repeat;transform:rotate(90deg);bottom:-38px;right:50%;margin-right:-15px;background-size:contain;}
.flow-chart1 ol > li:last-child:after {display:none;}
.flow-chart1 ol li .grid-in {text-align:center;line-height:22px;box-sizing:border-box;border-radius:5px;padding:0;background:#fff;border:1px solid #2b3c5b;}
.flow-chart1 ol > li:nth-child(odd) .grid-in {border:1px solid #1987ad;}
.flow-chart1 ol > li.line2 .grid-in, .flow-chart li.line3 .grid-in {padding-top:10px;padding-bottom:10px;} 
.flow-chart1 li .grid-in br {display:block;}

.flow-chart1 ol.flow li .grid-in {background:#fff;border:1px solid #2b3c5b;color:#333;}
.flow-chart1 ol.flow li:nth-child(odd) .grid-in {border-color:#1987ad}
.flow-chart1 ol.flow li .grid-in strong {padding:15px;color:#fff;border-bottom:1px solid #2b3c5b;border-top-left-radius:2px;border-top-right-radius:2px;background:#2b3c5b;margin:0;}
.flow-chart1 ol.flow li:nth-child(odd) .grid-in strong {color:#fff;border-color:#1987ad;background:#1987ad;}
.flow-chart1 ol.flow .bu{margin:25px}
/* .flow-chart1 ol.flow .bu li {background:url(../../img/lib/li1bg.png) no-repeat .125em .375em;box-sizing:border-box;} */
.flow-chart1 ol.flow ul.bu>li {float:none;margin-left:0%;margin-bottom:0px;width:100% !important;box-sizing:border-box;}
.flow-chart1 ol.flow li .t2 {padding:0 20px;margin:15px 0;}
/* .flow-chart1 ol.flow ul.bu li ul>li{background:url(../../img/lib/li2bg.png) no-repeat .125em .375em;} */
.flow-chart1 ol.flow li strong {font-size:1.133em;display:block;border-bottom:1px solid rgba(255,255,255,0.2);padding-bottom:15px;font-weight:400;}
.flow-chart1 ol.flow li .t1 {padding:0 5px;}
.flow-chart1 ol > li .grid-in .t1 .num {display:block;font-size:1.375em;margin-bottom:5px;}
.flow-chart1 ol.flow li ol.bo1{margin:20px 20px;}
.flow-chart1 ol.flow li ol.bo1>li{text-align:left;}
.flow-chart1 ol.flow li ol.bo1.even-grid>.column {width:24%;} 
.flow-chart1 ol.flow li ol.bo1>li:after{display: none;}
.flow-chart1 ol.flow li ol.bo1>li:before{margin-top:-4px;margin-right:.25em;}


/* flow1 1개 */
.flow-chart1 ol.flow1{margin:20px 0;}
.flow-chart1 ol.flow1 li {float:none;width:100%;margin:0;}
.flow-chart1 ol.flow1 li:after {position:relative;top:auto;right:auto;left:auto;bottom:auto;transform:rotate(90deg);-ms-transform:rotate(90deg);margin:10px auto;}

/* flow2 2개 */
.flow-chart1 ol.flow2{margin:0;}
.flow-chart1 ol.flow2 li {float:left;margin-left:3.5%;margin-bottom:22px;width:48.2%;}
.flow-chart1 ol.flow2 li:nth-child(1) {margin-left:0%}
.flow-chart1 ol.flow2 li:after {bottom:auto;top:50%;right:-5%;transform:rotate(0);margin-top:-12px;margin-right:-6px;}
.flow-chart1 ol.flow2 li:last-child:after {display:none;}
.flow-chart1 ol.flow2 li:nth-child(2n+1) {margin-left:0%}

/* flow3 3개 */
.flow-chart1 ol.flow3{margin:0;}
.flow-chart1 ol.flow3 li {float:left;margin-left:3.5%;margin-bottom:22px;width:31%;}
.flow-chart1 ol.flow3m li:nth-child(3n+1) {margin-left:0%}
.flow-chart1 ol.flow3 li:after {bottom:auto;top:50%;right:-6%;transform:rotate(0);margin-top:-12px;margin-right:-10px;}
.flow-chart1 ol.flow3 li:last-child:after {display:none;}
.flow-chart1 ol.flow3 li:nth-child(3n+1) {margin-left:0%;}

.flow-chart1 ol.flow3 ul.bu{margin-top:0;margin-left:20px}
/*.flow-chart1 ol.flow3 ul.bu>li {float:none;margin-left:0%;margin-bottom:0px;width:100% !important;box-sizing:border-box;}
.flow-chart1 ol.flow3 li .t2 {padding:0 20px;margin:15px 0;} */
.flow-chart1 strong .h1,
.flow-chart1 .span.h1{height:190px;}

/* flow4 4개 */
.flow-chart1 ol.flow4{margin:0;}
.flow-chart1 ol.flow4 li {float:left;margin-left:4%;margin-bottom:22px;width:22%;}
.flow-chart1 ol.flow4 li:nth-child(1) {margin-left:0%}
.flow-chart1 ol.flow4 li:after {bottom:auto;top:50%;right:-12%;transform:rotate(0);margin-top:-12px;margin-right:-6px;}
.flow-chart1 ol.flow4 li:nth-child(4n+1) {margin-left:0%}

/* flow5 5개 */
.flow-chart1 ol.flow5{margin:0;}
.flow-chart1 ol.flow5 li {float:left;margin-left:4%;margin-bottom:22px;width:16.8%;}
.flow-chart1 ol.flow5 li:nth-child(1) {margin-left:0%}
.flow-chart1 ol.flow5 li:after {bottom:auto;top:50%;right:-16%;transform:rotate(0);margin-top:-12px;margin-right:-6px;}
.flow-chart1 ol.flow5 li:nth-child(5n+1) {margin-left:0%}

@media all and (max-width:999px){
	.flow-chart1 ol {padding:15px;}
	.flow-chart1 ol.flow li ol.bo1.even-grid>.column {width:49%;} 

	.flow-chart1 ol.flow2 li, .flow-chart1 ol.flow2m li, .flow-chart1 ol.flow3 li, .flow-chart1 ol.flow3m li, .flow-chart1 ol.flow4 li {float:none;width:100%;margin:10px 0 10px;}
	.flow-chart1 ol.flow2 li:after, .flow-chart1 ol.flow2m li:after, .flow-chart1 ol.flow3 li:after, .flow-chart1 ol.flow3m li:after, .flow-chart1 ol.flow4 li:after {position:relative;top:auto;right:auto;left:auto;bottom:auto;transform:rotate(90deg);-ms-transform:rotate(90deg);margin:10px auto;}
	/* .flow-chart1 ol.flow3 li:nth-child(3n):after, .flow-chart1 ol.flow4 li:nth-child(4n):after {display:block;} */

	.flow-chart1 .span.h1{height:auto;}

	.flow-chart1 ol.flow5 li{margin:20px 0 20px}
	.flow-chart1 ol.flow5 li {float:left;margin-left:5%;width:29%;}
	.flow-chart1 ol.flow5 li:nth-child(4) {margin-left:0%}
	.flow-chart1 ol.flow5 li:after {right:-12%;margin-top:-12px;}
	
	.flow-chart1 ol.flow > li:last-child {margin-bottom:22px;}
}


@media all and (max-width:767px){
	.flow-chart1.cpd01{padding:5% !important}
	.flow-chart1 ol.flow li ol.bo1.even-grid>.column {width:100%;} 

	.flow-chart1 ol.flow5 li {float:none;width:100%;margin:10px 0 10px;}
	.flow-chart1 ol.flow5 li:after {position:relative;top:auto;right:auto;left:auto;bottom:auto;transform:rotate(90deg);-ms-transform:rotate(90deg);margin:10px auto;}
	.flow-chart1 li .grid-in br {display:none;}
}


.flow-chart2 {background:#eff1f7;margin-bottom:10px;box-sizing:border-box;border-radius:10px;padding:15px 80px;}
.flow-chart2 ol {display: block;list-style:none;padding:0 10px;margin:10px auto;overflow:hidden;}
.flow-chart2 ol > li {position: relative;float:left;margin:0 0 0 5%;width:29.8%;box-sizing:border-box;text-align:center;/* margin:20px 0 46px; */font-size:15px;}
.flow-chart2 ol > li:first-child {margin-left:0 !important}
.flow-chart2 ol > li:after {position:absolute;content:"";display:block;width:30px;height:30px;background:url(../../img/sub/arrow30plus1.png) no-repeat;/* transform:rotate(90deg); */bottom:auto;top:50%;right:-10%;margin-top:-12px;margin-right:-12px;background-size:contain;}
.flow-chart2 ol > li:last-child:after{display:none;}
.flow-chart2 ol li .grid-in {display: block;overflow:hidden;text-align:center;box-sizing:border-box;padding:30px 0;border-radius:10px;background:#2b3c5b;color:#fff;}
.flow-chart2 ol li:nth-child(odd) .grid-in {background:#1987ad;}
.flow-chart2 ol li .grid-in .tt1{font-size:18px;line-height:32px;padding:0;margin:0;}
.flow-chart2 ol li .grid-in .tt2{display: block;font-size:28px;font-weight:700;}

@media all and (max-width:999px){
	.flow-chart2 ol li .grid-in .tt2{font-size:24px;}	 
	.flow-chart2 ol > li {float:none;display: block;margin-left:0%;width:auto;margin:20px 0 20px;}
	.flow-chart2 ol > li:after {position:relative;top:auto;right:auto;left:auto;bottom:auto;margin:15px auto 10px;}

}

@media all and (max-width:600px){
	.flow-chart2 {padding:0;}
	.flow-chart2 ol {padding:0 30px; margin:10px 0;}
	
}

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

/*사이트맵*/
.sitemap3 .column .d2{color:#000;font-size: 22px;
    font-weight: bold;
    width: 100%;
    display: block;
    border-bottom: 2px solid #000;
    padding: 10px 0;}
.sitemap3 .column .h1{font-size: 1.7em; color: #810997;}
.sitemap3 .column ul{padding:0;}
.sitemap3 .column li{position: relative;border-top: 1px solid #afafaf;list-style: none;}
.sitemap3 .column li:first-child{border-top:3px solid #000;}
.sitemap3 .column li:last-child{border-bottom:1px solid #afafaf;}
.sitemap3 .column li a{display: block;max-width: 100%;padding: 1em 0 1em 1.6em;color:#000;}
.sitemap3 .column li a:before{position:absolute;left: 10px;top: 1.5em;content:"";display:block;width: 5px;height: 5px;box-sizing:border-box;background: #000;border: 0;border-radius:0;}
.
.sitemap3 .depth2 .s1{border-bottom:1px solid #eee;}
.sitemap3 .depth2 .s1:before{position:absolute;left: 10px;top: 1.65em;content:"";display:block;width: 5px;height: 5px;box-sizing:border-box;background: #000;border: 0;border-radius:0;}
.sitemap3 .depth2 .s1 a{padding: 18px 0 18px 10px;display: block;}

.sitemap3 .depth3.bu {background:#f7f7f7;margin: 0 0 0 -17px;padding: 10px 0;}
.sitemap3 .depth3.bu li{margin: 0 0 0 10px;}
.sitemap3 .depth3.bu li:before{position:absolute;left: 8px;top: 1.3em;content:"";display:block;width: 7px;height: 2px;box-sizing:border-box;background: #ababab;border: 0;border-radius:0;}
.sitemap3 .depth3.bu li a{padding: 10px 0 10px 10px;}



/*슬로건*/
.sloganbox{position:relative;}
.sloganbox img{margin:0 auto; width:auto; height:100%;}
.sloganbox .tg1{position:absolute; top:75%; left:0; right:0; text-align:center;}
.sloganbox .tg1 .slogantit{line-height: 1em;
    color: #c29658;
    font-weight: bold;
    margin: 0;
    font-family: 국립박물관문화재단클래식B, serif;
    font-size: 6em;}

.slogan .stit{
    line-height: 1em;
    margin: 0.5em 0 0.8em;
    text-align: center;
    font-size: 3em;
    font-family: 국립박물관문화재단클래식B, serif;}
.slogan .stit .gold{color:#c29658; }
.slogan .slogantxt{font-size: 1.2em; letter-spacing: -1px;}

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

.slogan .stit{margin-top: 1em;}
}
@media all and (max-width:1000px){
	.sloganbox .tg1 .slogantit{font-size:5em;}
	.slogan .stit{font-size:2.5em; margin-top:1.3em;}
	.slogan .slogantxt{font-size:1em;}
}

@media all and (max-width:768px){
	.sloganbox .tg1 .slogantit{font-size:51px;}
	.slogan .stit{font-size:2em; margin-top:1em;}
	.slogan .slogantxt{font-size:1em;}
}

/* bi */
.logotype1 .column .type1txt{text-align:center; background:#f7f7f7; padding:0.5em 0; border-radius:10px; margin:0.5em auto 0 auto; max-width:335px;}

/* 동아시아문화도시 소개 */
.country1info1{position:relative;height:414px;}
.country1info1 .countrybg{position:absolute; top:0; bottom:0; left:-200%; right:-200%;}
.country1info1 .countrybg .cbg{display:block; margin:auto; height:100%; width:auto; border-radius:50px 50px 50px 0px; z-index:-1;}
.country1info1 .countrytit{position:relative; display:table;width:100%; height:100%; max-width:1400px; margin:auto; z-index:1;}
.country1info1 .countrytit{position:absolute;bottom:-7em;right:-33px;left:0;width: 100%;height: 330px;}
.country1info1 .countrytit.chi{background:url(/_res/cceagh/img/sub/china_titimg.png) no-repeat;  background-size: contain;}
.country1info1 .countrytit.kor{background:url(/_res/cceagh/img/sub/korea_titimg.png) no-repeat;  background-size: contain;}
.country1info1 .countrytit.jpn{background:url(/_res/cceagh/img/sub/japan_titimg.png) no-repeat;  background-size: contain;}
@media screen and (max-width:1199px){
.country1info1 .countrytit.chi{background:url(/_res/cceagh/img/sub/china_titimgm.png) no-repeat; background-size:contain; height:272px; }
.country1info1 .countrytit.kor{background:url(/_res/cceagh/img/sub/korea_titimgm.png) no-repeat; background-size:contain; height:272px; }
.country1info1 .countrytit.jpn{background:url(/_res/cceagh/img/sub/japan_titimgm.png) no-repeat; background-size:contain; height:272px; }
}

@media screen and (max-width: 1000px){
.country1info1 .countrytit{max-width: 595px;width: 100%;height: 254px;right: 0;}
.country1info1 .countrytit.chi{background:url(/_res/cceagh/img/sub/china_titimgs.png) no-repeat; background-size:contain;left:auto; }
.country1info1 .countrytit.kor{background:url(/_res/cceagh/img/sub/korea_titimgs.png) no-repeat; background-size:contain;left:auto; }
.country1info1 .countrytit.jpn{background:url(/_res/cceagh/img/sub/japan_titimgs.png) no-repeat; background-size:contain;left:auto; }
}


.countrybox{margin:7em 0 3em 0;}

.countrybox .cimg{}
.countrybox .ctit{font-size:40px; color:#000;}
.countrybox .ctxt{font-size:19px;}

.hrbg{margin: 4em 0;
    width: 100%;
    background: url(/portal/_res/cceagh/img/inc/hrimg01.png);
    height:7px;
    background-repeat-x: repeat;
}





/*
.h1.countrytit{color:#000; text-align:center; font-size:35px;}
.country1tit1{text-align:center; font-size:1.2em; margin-bottom:2.5em;}

*/