/* BASIC css start */
 * { padding: 0; margin: 0; font-family:"나눔고딕","맑은고딕","굴림"; box-sizing: border-box;}
h1 { font-size: 1.5rem; font-weight: bolder;}
h2 { font-size: 1.35rem; font-weight: bold;}
h3{ font-size: 1.2rem; color:#5F8B4C;}
p {line-height: 130%; font-size:12px; }
div#bagDetail_wrapper1 { width: device-width;}
div#bagDetail_wrapper1>hgroup {width: 90%; margin: 0 auto;}
div#bagDetail_wrapper1>hgroup>h1 { width: 80%; margin: 30px auto; text-align: center; padding: 2rem; line-height:150%;}
div#bagDetail_wrapper1>hgroup>p { text-align:  justify;  font-size: 1.02rem;}

div#bagDetail_wrapper1>div#paper_wrapper { width: 90%; margin: 30px auto 0; }
div#bagDetail_wrapper1 h3 { font-size: 1.2rem; margin-bottom: 15px;}
div#bagDetail_wrapper1>div#paper_wrapper>div.paper_list { border: dashed 1px darkgray; width: 96%; margin: 40px auto 0;}
div#bagDetail_wrapper1>div#paper_wrapper>div.paper_list>figure { display: flex;}
div#bagDetail_wrapper1>div#paper_wrapper>div.paper_list>figure>img { display: block; padding: 5px; margin: 10px; border: 1px #ffffff solid; border-radius: 7px; height:100%;}
div#bagDetail_wrapper1>div#paper_wrapper>div.paper_list>figure>figcaption { padding: 5px; font-family: "나눔명조"; }
div#bagDetail_wrapper1>div#paper_wrapper>div.paper_list>figure>figcaption>p.title { font-size: 1.05rem; border-bottom: 2px double #27548A; width:fit-content}
div#bagDetail_wrapper1>div#paper_wrapper>div.paper_list>figure>figcaption>p.content { line-height: 150%; font-weight: 300; margin-top: 10px;}

div#bagDetail_wrapper1>div#coating { width: 90%; margin: 30px auto 0;}
div#bagDetail_wrapper1>div#coating>p { text-align: justify; margin-bottom: 20px;}
div#bagDetail_wrapper1>div#coating>div.coating_wrapper { display: flex; width: 100%;} 
div#bagDetail_wrapper1>div#coating>div.coating_wrapper>div.box { width: 50%;}
div#bagDetail_wrapper1>div#coating>div.coating_wrapper>div.box>figure { width: 96%; margin: 0 auto;}
div#bagDetail_wrapper1>div#coating>div.coating_wrapper>div.box p.title{ font-weight: bold; margin-top:15px;}
div#bagDetail_wrapper1>div#coating>div.coating_wrapper>div.box p.title>span:first-child { display:inline-block; color:#27548A; font-weight: bold;font-size: 1rem;  }
div#bagDetail_wrapper1>div#coating>div.coating_wrapper>div.box p.title>span:last-child { display:inline-block; color: #f30404b0; font-weight: bold; }
div#bagDetail_wrapper1>div#coating>div.coating_wrapper>div.box img { width: 100%; display: block; border: 2px solid #27548A;}
div#bagDetail_wrapper1>div#coating>div.coating_wrapper>div.box dl { padding: 12px;}
div#bagDetail_wrapper1>div#coating>div.coating_wrapper>div.box dl>dt { font-size:small; background: #000000; color: #ffffff; padding: 10px;}
div#bagDetail_wrapper1>div#coating>div.coating_wrapper>div.box dl>dd { padding-top: 10px;
line-height:130%;}

div#decide_point { width: device-width; background-color: #0c5977; color: #ffffff; margin: 40px 0; }
div#decide_point>div.box { width: 80%; margin: 0 auto; padding: 20px 0; }
div#decide_point>div.box>p {font-size: 1.3rem; margin-bottom:5%; }
div#decide_point>div.box>ul>li { margin-bottom: 8px; line-height:130%;}
div#decide_point>div.box>ul>li>span { color:#F6DC43; font-weight:bolder;}

div#bagDetail_wrapper2 {width: 90%; margin: 30px auto 0; }
div#bagDetail_wrapper2>p { text-align: justify; margin:10px 0 20px;}
div#bagDetail_wrapper2>div#paper_wrapper2 { display: flex; flex-direction: column;}
div#bagDetail_wrapper2>div#paper_wrapper2>figure {display: flex; width: 98%; margin: 0 auto 20px; background: #ffffff;}
div#bagDetail_wrapper2>div#paper_wrapper2 img { width:200px; min-width: 50%; max-width: 100%; height:100%; margin: 0px auto; display: block;}
div#bagDetail_wrapper2>div#paper_wrapper2>figure>figcaption { padding-left: 20px; border-bottom: 1px dotted gray;}
div#bagDetail_wrapper2>div#paper_wrapper2>figure>figcaption>p.title { font-size: 1.1rem; color: #0c5977; font-weight: bolder;}
div#bagDetail_wrapper2>div#paper_wrapper2>figure>figcaption li { line-height: 150%;}

div#bagDetail_wrapper2>div#paper_wrapper3{ width: 96%; margin: 30px auto 0;  font-size: 10px; }
div#bagDetail_wrapper2>div#paper_wrapper3 img { width: 100%; min-width: 100%; margin: 15px auto; display: block;}
div#paper_wrapper3>p { text-align: center; margin:10px 0 20px;}
div#paper_wrapper3>ul { width: 90%; margin: 0 auto;}
div#paper_wrapper3>ul>li {line-height: 150%; color:lightblue;}
div#paper_wrapper3>ul>li>span { color:#f30404b0; font-weight: bold;}

div#bagDetail_wrapper2>div#paper_wrapper4{ width: 96%; margin: 40px auto;  font-size: 10px;  }
div#paper_wrapper4>h3 { margin-bottom:20px; letter-spacing:-1px;}
div#paper_wrapper4>p, div#paper_wrapper4>p>b { margin:10px 0 10px; }
div#paper_wrapper4>p>b { color:#f30404b0;font-weight: bold;}
div#paper_wrapper4>ul#one, div#paper_wrapper4>ul#two { display: flex;}
div#paper_wrapper4>ul#one>li{ width: 50%;}
div#paper_wrapper4>ul img { width: 100%; display: block;}
div#paper_wrapper4>ul#two { flex-direction: column;}
div#paper_wrapper4>ul#two>li { width: 90%; margin: 10px auto;}

div#bagDetail_wrapper3 { width: device-width; background-color: #0c5977; color: #ffffff; margin: 40px 0;  font-size: 10px; }
div#paper_wrapper3>p { text-align:justify;}
div#bagDetail_wrapper3>div.line {background-color: #F6DC43; height: 10px; }
div#bagDetail_wrapper3>div.middle{ width: 75%; margin: 0 auto; color: #F6DC43; padding: 20px 0;}
div#bagDetail_wrapper3>div.middle>h3 {margin-bottom: 8px; color:#ffffff; letter-spacing: 6px;}
div#bagDetail_wrapper3>div.middle>ol { list-style-type:disc;}
div#bagDetail_wrapper3>div.middle li { font-size:14px; margin-bottom: 7px; line-height:120%;}
div#bagDetail_wrapper3>div.middle li:last-child { color:#ffffff; font-weight: 900;}
/* BASIC css end */