h4, h5, h6{font-family: 'Pretendard', 'NotoSansCJKkr', sans-serif;}
h4, .h4{margin: 1.66em 0 0.43em 0; font-weight: 700; font-size: 2.5em; line-height: 1.36; color:#1d1d1d; box-sizing:border-box;} /*#4A55AC*/
h5, .h5{margin: 1.78em 0 0.52em 0;font-weight: 700;font-size: 1.585em;color:#222;}
h6, .h6{margin: 1.78em 0 0.52em 0; font-size: 1.125em; line-height: 1.375; color:#000;}

#txt {min-height:600px;}
#txt h3.title {position:relative; display: block; /* margin-top: 1.25em; */ margin-bottom: 0.5em; font-size: 4.5em; text-align: left;  font-weight: 800; color: #222;}
#txt >div{font-size: 1.6em;}
#txt >div h4:first-child,
#txt >div h5:first-child,
#txt >div h6:first-child{margin-top: 0;}
#txt >div p{line-height: 1.625;color: #444;font-size: 1.5em !important;}
#txt h4 + div > p:not(:first-child){margin-top: 0.875em;}
#txt div + [data-skin="boxs"],
#txt [data-skin="boxs"] + div{margin-top: 1.625em;}


[data-skin="boxs"]{
		display: table; table-layout: fixed; width: 100%; padding: 1.5625em 2em; background-color: #F5F5F5; box-sizing: border-box;
		border-radius: 4px; -webkit-border-radius: 4px;
}
[data-skin="boxs"] >div{display: table-cell; vertical-align: middle; padding-left: 2.5em; box-sizing: border-box;}
[data-skin="boxs"] >div.imgs{width: 13.125em; padding-left: 0; vertical-align: top;}
[data-skin="boxs"] >div.imgs img{display: block; width: 100%;}


[data-skin="boxs"][data-type="2"]{ background-color: #fff; border:1px solid #ddd; /*box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1);*/}
[data-skin="boxs"][data-type="2"] p{color: #666 !important;}
[data-skin="boxs"][data-type="2"] .under_t{margin-top: 1em; color: #888 !important;}

[data-skin="boxs"][data-type="3"]{
		background-color: #fff; border: 1px solid #DDD;
		border-radius: 0; -webkit-border-radius: 0;
}

[data-skin="list"]{}
[data-skin="list"] >li{position: relative; padding-left: 0.7em; color: #444; box-sizing: border-box;}
[data-skin="list"] >li:before{
		content: ""; position: absolute; top: 0.7em; left: 0; display: block; width: 3px; height: 3px; background-color: #4A55AC;
		border-radius: 50%; -webkit-border-radius: 50%;
}
[data-skin="list"][data-type="2"] >li:before{background-color: #666;}
[data-skin="list"][data-type="2"] >li{color: #666;}
[data-skin="list"][data-type="3"] >li:before{width: 4px; height: 2px;}

[data-skin="btn"]{
		position: relative; display: inline-block; padding: 1.112em 2em;/* min-height: 3.75em;*/ background-color: #111; color: #fff; border: 1px solid #111; text-decoration: none !important; font-weight: 500; font-size: 1.25em; box-sizing: border-box;
		/* border-radius: 50px; -webkit-border-radius: 50px; */
		transition: all 0.2s linear; -webkit-transition: all 0.2s linear;
}
[data-skin="btn"] > span {color: #fff;}

/* [data-skin="btn"][data-color="2"]{color: #4A55AC; background-color: #EDEEF7; border-color: #EDEEF7;} */
[data-skin="btn"]:hover{background-color: #fff; color: #111;}
[data-skin="btn"]:hover > span {color: #111;}


/* //////////////////////////////////////////////////////////////////////////////

	메뉴구조 : ICH Links > Introduction
	연관단어 : [data-content="04_01"]

////////////////////////////////////////////////////////////////////////////// */
[data-content="04_01"]{}
[data-content="04_01"] [data-skin="boxs"]{display: block; table-layout: auto; }
[data-content="04_01"] [data-skin="boxs"]>div{display: block; padding-left: 0; vertical-align: baseline;}
[data-content="04_01"] .boxs_01{padding: 3.75em 4.1%; overflow: hidden;}
[data-content="04_01"] .boxs_01 .in01{
		padding: 3.4375em 4.1%; text-align: center; background-color: #333; box-shadow: 0px 4px 10px rgba(75, 85, 174, 0.2); box-sizing: border-box;
}
[data-content="04_01"] .boxs_01 .in01 strong{display: block;font-size: 1.25em;line-height: 1.34;color: rgba(255, 255, 255, 0.5);}
[data-content="04_01"] .boxs_01 .in01 p{margin: 0.4em auto 0;max-width: 42em;font-size: 1.75em !important;line-height: 1.38;color: #fff !important;font-weight: 500;}
[data-content="04_01"] .boxs_01 .in02{position: relative; padding-top: 3.4375em; text-align: center; box-sizing: border-box;}
[data-content="04_01"] .boxs_01 .in02:before{
		content: ""; position: absolute; top: 2em; left: 50%; display: block; width: 68.9375em; height: 17.6875em; background: url(/images/site/kor/content/04_01_img11.svg) no-repeat center center; background-size: 100% auto;
		transform: translateX(-50%); -webkit-transform: translateX(-50%);
}
[data-content="04_01"] .boxs_01 .in02 >strong{display: block; font-size: 1.3em; line-height: 1.34; color: #444;}
[data-content="04_01"] .boxs_01 .in02 >b{display: block; margin-top: 0.67em; font-size: 1.55em; line-height: 1.28; color: #1d1d1d; font-weight: 700;}
[data-content="04_01"] .boxs_01 .in02 >ul{display: -ms-grid !important; display: grid !important; width: 100%; grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: 1.25em; grid-auto-flow: dense; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; -ms-flex-line-pack: justify; align-content: space-between; margin-top: 3.375em;}
[data-content="04_01"] .boxs_01 .in02 >ul:after{content: ""; display: block; clear: both;}
[data-content="04_01"] .boxs_01 .in02 >ul li{
		position: relative; display: block; padding: 2.125em 8% 2.75em; background-color: #fff; border: 1px solid #555; box-shadow: 0px 4px 10px rgba(75, 85, 174, 0.1); box-sizing: border-box;
		/* border-radius: 8px; -webkit-border-radius: 8px; */
}
[data-content="04_01"] .boxs_01 .in02 >ul li strong{display: block; font-size: 1.5em; color: #444; line-height: 1.47; font-weight: 600;}
[data-content="04_01"] .boxs_01 .in02 >ul li strong b{color: #4B55AE;}
[data-content="04_01"] .boxs_01 .in02 >ul li strong:after{content: ""; display: block; margin: 1.35em auto; width: 4.2em; height: 3.6em; background-repeat: no-repeat; background-position: center center; background-size: 100% auto;}
[data-content="04_01"] .boxs_01 .in02 >ul li:nth-child(1) strong:after{background-image: url(/images/site/kor/content/04_01_img01.svg);}
[data-content="04_01"] .boxs_01 .in02 >ul li:nth-child(2) strong:after{background-image: url(/images/site/kor/content/04_01_img02.svg);}
[data-content="04_01"] .boxs_01 .in02 >ul li:nth-child(3) strong:after{background-image: url(/images/site/kor/content/04_01_img03.svg);}
[data-content="04_01"] .boxs_01 .in02 >ul li:nth-child(4) strong:after{background-image: url(/images/site/kor/content/04_01_img04.svg);}
[data-content="04_01"] .boxs_01 .in02 >ul li div p{display: block; max-width: 12em; margin: 0 auto; font-size: 0.9375em; font-weight: 600; color: #222 !important;}

[data-content="04_01"] .boxs_02{padding: 3.75em 4.1% 2.75em;}
[data-content="04_01"] .boxs_02 ul{max-width: 51.25em; margin: 0 auto;}
[data-content="04_01"] .boxs_02 ul:after{content: ""; display: block; clear: both;}
[data-content="04_01"] .boxs_02 ul li{
		float: left; width: 15em; height: 15em; text-align: center; box-sizing: border-box;
		border-radius: 50%; -webkit-border-radius: 50%;
}
[data-content="04_01"] .boxs_02 ul li:not(:first-child){margin-left: 3.125em;}
[data-content="04_01"] .boxs_02 ul li:first-child{background-color: #4A55AC;}
[data-content="04_01"] .boxs_02 ul li:nth-child(2){background-color: #644AAD;}
[data-content="04_01"] .boxs_02 ul li:nth-child(3){background-color: #377EB6;}
[data-content="04_01"] .boxs_02 ul li div{display: block; width: 100%; height: auto; }
[data-content="04_01"] .boxs_02 ul li div span{position: relative; display: block; max-width: 10em; margin: 0 auto; color: #fff; line-height: 1.19;}
[data-content="04_01"] .boxs_02 ul li div span:before{content: ""; display: block; margin: 3.4em auto 0.625em; width: 5.3125em; height: 5.3125em; background-repeat: no-repeat; background-position: center center; background-size: 100% auto;}
[data-content="04_01"] .boxs_02 ul li:nth-child(1) div span:before{background-image: url(/images/site/kor/content/04_01_img05.svg);}
[data-content="04_01"] .boxs_02 ul li:nth-child(2) div span:before{background-image: url(/images/site/kor/content/04_01_img06.svg);}
[data-content="04_01"] .boxs_02 ul li:nth-child(3) div span:before{background-image: url(/images/site/kor/content/04_01_img07.svg);}

[data-content="04_01"] .boxs_03{
		padding: 0; background-color: #fff;
		border-radius: 0; -webkit-border-radius: 0;
}
[data-content="04_01"] .boxs_03 ul{display: -ms-grid !important; display: grid !important; width: 100%; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; grid-column-gap: 1.25em; grid-row-gap: 1.25em; grid-auto-flow: dense; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; -ms-flex-line-pack: justify; align-content: space-between;}
[data-content="04_01"] .boxs_03 ul li{
		padding: 2.6875em 6% 1.8125em ; background-color: #F5F5F5; box-sizing: border-box;
		/* border-radius: 4px; -webkit-border-radius: 4px; */
}
[data-content="04_01"] .boxs_03 ul li strong{line-height: 1.56;color: #222;font-size: 1.5em;}
[data-content="04_01"] .boxs_03 ul li p{margin-top: 0.875em; line-height: 1.38;}

[data-content="04_01"] .boxs_04 ul li:nth-child(1) div span:before{background-image: url(/images/site/kor/content/04_01_img08.svg);}
[data-content="04_01"] .boxs_04 ul li:nth-child(2) div span:before{background-image: url(/images/site/kor/content/04_01_img09.svg);}
[data-content="04_01"] .boxs_04 ul li:nth-child(3) div span:before{background-image: url(/images/site/kor/content/04_01_img10.svg);}

[data-content="04_01"] .boxs_05{padding: 3.75em 5.5%; box-sizing: border-box;}
[data-content="04_01"] .boxs_05 >ol{display: -ms-grid !important; display: grid !important; width: 100%; grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: 2.5em; grid-auto-flow: dense; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; -ms-flex-line-pack: justify; align-content: space-between;}
[data-content="04_01"] .boxs_05 >ol>li{}
[data-content="04_01"] .boxs_05 >ol>li>strong{
		display: table; table-layout: fixed; width: 100%; height: 6.875em; padding: 0 2.5625em; vertical-align: middle; box-sizing: border-box;
		border-radius: 120px; -webkit-border-radius: 120px;
}
[data-content="04_01"] .boxs_05 >ol>li:nth-child(1)>strong{background-color: #644AAD;}
[data-content="04_01"] .boxs_05 >ol>li:nth-child(2)>strong{background-color: #4A55AC;}
[data-content="04_01"] .boxs_05 >ol>li:nth-child(3)>strong{background-color: #377EB6;}
[data-content="04_01"] .boxs_05 >ol>li:nth-child(4)>strong{background-color: #0E395F;}
[data-content="04_01"] .boxs_05 >ol>li>strong>span{position: relative;display: table-cell;padding-left: 2.2em;vertical-align: middle;color: #fff;font-size: 1.45em;box-sizing: border-box;}
[data-content="04_01"] .boxs_05 >ol>li>strong>span>em{
		position: absolute; top: 48%; left: 0; display: block; font-style: normal; font-size: 1.875em; line-height: 1;
		transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
[data-content="04_01"] .boxs_05 >ol>li>div{height: calc(100% - 6.875em); margin-top: 1.25em;}
[data-content="04_01"] .boxs_05 >ol>li>div>p{
		display: table; table-layout: fixed; width: 100%; height: 5.625em; padding: 0 1em; vertical-align: middle; border-style: solid; border-width: 2px; box-sizing: border-box;
		border-radius: 8px; -webkit-border-radius: 8px;
}
[data-content="04_01"] .boxs_05 >ol>li:nth-child(1)>div>p{border-color: #644AAD;}
[data-content="04_01"] .boxs_05 >ol>li:nth-child(2)>div>p{border-color: #4A55AC;}
[data-content="04_01"] .boxs_05 >ol>li:nth-child(3)>div>p{border-color: #377EB6;}
[data-content="04_01"] .boxs_05 >ol>li:nth-child(4)>div>p{border-color: #0E395F;}
[data-content="04_01"] .boxs_05 >ol>li>div>p>b{display: table-cell; vertical-align: middle; text-align: center; font-size: 1.07em;}
[data-content="04_01"] .boxs_05 >ol>li>div>ul{
		height: calc(100% - 7.625em - 0.6875em); margin-top: 0.6875em; padding: 2.1875em 10.4% 2.5em; background-color:#F9F9F9; box-sizing: border-box;
		border-radius: 8px; -webkit-border-radius: 8px;
}
[data-content="04_01"] .boxs_05 >ol>li>div>ul>li{line-height: 1.38;color: #222;font-size: 1.42em;}
[data-content="04_01"] .boxs_05 >ol>li>div>ul>li:not(:first-child){margin-top: 1.6875em;}
[data-content="04_01"] .boxs_05 >ol>li>div>ul>li>strong{display: block; margin-bottom: 0.375em;}
[data-content="04_01"] .boxs_05 >ol>li:nth-child(1)>div>ul>li>strong{color: #644AAD;}
[data-content="04_01"] .boxs_05 >ol>li:nth-child(2)>div>ul>li>strong{color: #4A55AC;}
[data-content="04_01"] .boxs_05 >ol>li:nth-child(3)>div>ul>li>strong{color: #2470AB;}
[data-content="04_01"] .boxs_05 >ol>li:nth-child(4)>div>ul>li>strong{color: #0E395F;}
[data-content="04_01"] .boxs_05 >ol>li:nth-child(1)>div>ul>li:before{background-color: #644AAD;}
[data-content="04_01"] .boxs_05 >ol>li:nth-child(2)>div>ul>li:before{background-color: #4A55AC;}
[data-content="04_01"] .boxs_05 >ol>li:nth-child(3)>div>ul>li:before{background-color: #2470AB;}
[data-content="04_01"] .boxs_05 >ol>li:nth-child(4)>div>ul>li:before{background-color: #0E395F;}
[data-content="04_01"] .boxs_05 >ol>li:nth-child(3)>div>ul>li>ul>li:before{background-color: #222;}
[data-content="04_01"] .boxs_06{position: relative; margin-top: 6.25em; padding-top: 4em; padding-right: 37.5em; padding-bottom: 3.75em; background-color: #F7F6FE; box-sizing: border-box;}
[data-content="04_01"] .boxs_06:before{content: ""; position: absolute; top: 0; left: 50%; z-index: -2; display: block; width: 100vw; height: 100%; margin-left: -50vw; background-color: #F7F6FE;}
[data-content="04_01"] .boxs_06:after{content: ""; position: absolute; bottom: 2em; right: 0; z-index: 0; display: block; width: 49.5em; height: 21.625em; background: url(/images/site/kor/content/04_01_img12.svg) no-repeat center center; background-size: 100% auto;}
[data-content="04_01"] .boxs_06 div strong{display: block;line-height: 1.56;color: #4A55AC;font-size: 1.33em !important;}
[data-content="04_01"] .boxs_06 div p{line-height: 1.56;}
[data-content="04_01"] .boxs_06 div ul{position: relative;margin-top: 1.625em;padding-left: 3em;box-sizing: border-box;}
[data-content="04_01"] .boxs_06 div ul:before{content: "";position: absolute;top: 0;left: 0;display: block;width: 2.25em;height: 2.25em;background: url(/images/site/kor/content/04_01_img13.svg) no-repeat center center;background-size: 100% auto;}
[data-content="04_01"] .boxs_06 div ul:after{content: ""; display: block; clear: both;}
[data-content="04_01"] .boxs_06 div ul li{float: left;position: absolute;box-sizing: border-box;font-size: 1.35em !important;margin-top: 5px;}
[data-content="04_01"] .boxs_06 div ul li:not(:last-child){margin-right: 1.5em; padding-right: 1.2em;}
[data-content="04_01"] .boxs_06 div ul li:not(:last-child):before{content: ""; position: absolute; top: 50%; right: 0; display: block; width: 1px; height: 0.94em; margin-top: calc(-0.94em / 2); background-color: #E0E0E0}
[data-content="04_01"] .boxs_06 div .btn_box{margin-top: 5.875em;}
[data-content="04_01"] .boxs_06 div .btn_box a[data-skin="btn"]{color: #fff;}
[data-content="04_01"] .boxs_06 div .btn_box a[data-skin="btn"]:hover {color: #111;}


@media screen and (max-width: 1300px) {
		[data-content="04_01"] .boxs_06{padding-right: 40%;}
}
@media screen and (max-width: 1024px) {
		[data-content="04_01"] .boxs_01{padding: 3em 2em 2.5em;}
		[data-content="04_01"] .boxs_01 .in01{
				border-radius: 12px; -webkit-border-radius: 12px;
		}
		[data-content="04_01"] .boxs_01 .in02 >ul{grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; grid-row-gap: 1.25em;}
		[data-content="04_01"] .boxs_01 .in02 >ul li{padding: 1.75em 8% 2em;}
		[data-content="04_01"] .boxs_01 .in02 >ul li strong:after{margin: 1em auto;}

		[data-content="04_01"] .boxs_02{padding: 3em 1.5em 2.25em}
		[data-content="04_01"] .boxs_02 ul{font-size: 0.9em;}
		[data-content="04_01"] .boxs_02 ul li div span{font-size: 1.1em;}
		[data-content="04_01"] .boxs_02 ul li div span:before{margin: 2.5em auto 0.625em;}

		[data-content="04_01"] .boxs_05 >ol{grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; grid-row-gap: 1.25em;}

		[data-content="04_01"] .boxs_05 >ol>li>strong{height: 5em; /*padding: 1.8em 2.5625em;*/}
		[data-content="04_01"] .boxs_05 >ol>li>div{
				height: calc(100% - 10.4em); margin-top: 1.5em; padding: 2em 1.7em 1.8em; background-color: #F9F9F9;
				border-radius: 8px; -webkit-border-radius: 8px;
		}
		[data-content="04_01"] .boxs_05 >ol>li>div>p{display: block; height: auto; padding: 0; border: none;}
		[data-content="04_01"] .boxs_05 >ol>li>div>p>b{text-align: left;}
		[data-content="04_01"] .boxs_05 >ol>li>div>ul{height: auto; margin-top: 1.5em; padding: 0;}
		[data-content="04_01"] .boxs_05 >ol>li>div>ul>li:not(:first-child){margin-top: 1.2em;}

		[data-content="04_01"] .boxs_06:after{font-size: 0.8em;}
}
@media screen and (max-width: 840px) {
		[data-content="04_01"] .boxs_02 ul{max-width: calc(15em + 15em + 15em + 2em + 2em); font-size: 0.725em;}
		[data-content="04_01"] .boxs_02 ul li:not(:first-child){margin-left: 2em;}

		[data-content="04_01"] .boxs_02 ul li div span{font-size: 14px;}
		[data-content="04_01"] .boxs_02 ul li div span:before{margin: 17% auto 5%;}
}
@media screen and (max-width: 640px) {
		[data-content="04_01"] .boxs_02 ul{max-width: 15em; font-size: 0.8em;}
		[data-content="04_01"] .boxs_02 ul li{float: none;}
		[data-content="04_01"] .boxs_02 ul li:not(:first-child){margin-left: 0em; margin-top: 1.5em;}
		[data-content="04_01"] .boxs_02 ul li div{display: table; table-layout: fixed; width: 100%; height: 100%;}
		[data-content="04_01"] .boxs_02 ul li div span{display: table-cell; padding: 0 2em; vertical-align: middle; box-sizing: border-box;}
		[data-content="04_01"] .boxs_02 ul li div span:before{margin: 0em auto 1em;}

		[data-content="04_01"] .boxs_03 ul{display: block !important;}
		[data-content="04_01"] .boxs_03 ul li{padding: 1.5em 2em;}
		[data-content="04_01"] .boxs_03 ul li:not(:first-child){margin-top: 1em;}

		[data-content="04_01"] .boxs_05 >ol{display: block !important;}
		[data-content="04_01"] .boxs_05 >ol>li:not(:first-child){margin-top: 2.85em;}

		[data-content="04_01"] .boxs_06{padding-right: 0; padding-bottom: 10em;}
		[data-content="04_01"] .boxs_06:after{font-size: 0.6em;}
}
@media screen and (max-width: 480px) {
		[data-content="04_01"] .boxs_06{padding-bottom: 6em;}
		[data-content="04_01"] .boxs_06:after{font-size: 0.4em;}
}