@charset "utf-8";
.skipToContent {position:absolute; top:0; left:0; overflow:hidden; display:block; width:0px; height:0px; line-height:0; font-size:0; text-indent:-9999px;}
.hidden {display:none;}

/*** desktop ***********************************************************************************************************************/

/* 아이폰에서 font-size 조절안됨 */
* {
      /* Prevent font scaling in landscape */
     -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
     -moz-text-size-adjust: none; /*Firefox*/
     -ms-text-size-adjust: none;  /*Ie*/
     -o-text-size-adjust: none; /*old versions of Opera*/
}
body {min-width:1200px;}
#wrapper {position:relative;}
#header {width:100%; height:162px; z-index:999; margin:0 0 25px 0;}

.header_down{position:fixed; top:0;left:0;z-index:1001;background-color:#fff;}

#header_content {position:relative; *zoom:1; width:1200px; height:162px; position:relative; margin:0 auto;}
#header_content .logo {position:absolute; top:23px; left:50%; margin-left:-199px; z-index:1000;}
#header_content .logo a{display:block;}

.homemenu {*zoom:1; width:100%;position:absolute; top:45px; left:0;z-index:1000;}
.homemenu .leftbox {*zoom:1;position:absolute; top:0; left:0;}
.homemenu .leftbox:after{content:"";display:block;clear:both;}
.homemenu .leftbox p{float:left;width:80px;height:30px;text-align:center;line-height:30px;border:1px solid #ddd;font-size:15px;}
.homemenu .leftbox p.date{color:#727272;}
.homemenu .leftbox p.num{color:#06bab2;font-weight:600;border-left:none;background-color:#f4f4f4;}

.homemenu .rightbox {*zoom:1;position:absolute; top:0; right:0;}
.homemenu .rightbox:after{content:"";display:block;clear:both;} 
.homemenu .rightbox .dropbox{float:left;width:130px;height:30px;margin:0 5px 0 0;}
.homemenu .rightbox .dropbox h4 {width:100%;height:100%; box-sizing:border-box;border:1px solid #ddd;font-size:13px; color:#999999; font-weight:400; padding:5px 5px 5px 8px;
	background:url('../images/gray_arrow.png') 90% center no-repeat;cursor:pointer;
	}
.homemenu .rightbox .dropbox h4:hover {color:#06bab2;}
.homemenu .rightbox .dropbox ul{border:1px solid #ddd;border-top:none;}
.homemenu .rightbox .dropbox ul li{width:100%;border-bottom:1px solid #ddd;}
.homemenu .rightbox .dropbox ul li:last-child{border-bottom:none;}
.homemenu .rightbox .dropbox ul li a{color:#999;font-size:12px;display:block;box-sizing:border-box; padding:5px 5px 5px 8px;background-color:#fff;}
.homemenu .rightbox .dropbox ul li a:hover, .homemenu .rightbox .dropbox ul li a:focus{background-color:#f4f4f4;color:#06bab2;}

.homemenu .rightbox .go_web{float:left;display:block; width:130px;height:30px;line-height:30px;  padding:0 0 0 8px;box-sizing:border-box;border:1px solid #ddd;
	font-size:13px;color:#999;background:url('../images/gray_home.png') 90% center no-repeat;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;


}
.homemenu .rightbox .go_web:hover, .homemenu .rightbox .go_web:focus{background-color:#f4f4f4;}

#gnb {position:relative; width:1200px; margin:0 auto;top:110px; height:51px;  background:url('../images/gnb_bg.png') 0 0 repeat-x;}
#gnb ul {margin:0 13px;display: flex;justify-content: space-around;}
#gnb ul li {font-size:17px; line-height:54px;height:51px; letter-spacing:-0.04em;text-align:center; font-weight:600; }
#gnb ul li a {color:#20201f; display:block;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}

#gnb ul li a:hover, #gnb ul li a:focus { color:#06bab2;}

#gnb ul li.m2 {position:relative;}
#gnb ul li.m2:hover > .submenu {display:block;}
#gnb .submenu {display:none;padding:20px 15px;width:250px;position:absolute;top:51px;left:0;background:rgba(222,239,246,0.6);box-sizing:border-box;z-index:999;}
#gnb .submenu li {float:none;padding:0;height:32px;line-height:32px;text-align:center;}
#gnb .submenu li a {display:block;font-size:14px;font-weight:400;}
#gnb .submenu li a:hover {font-weight:600;}

/** mobile_none **/
.mobile_top {display:none;}
.tops {display:none;}
#nav {display:none;}




/* main */
#container {width:100%;margin:0 auto;}
#content {}

.mainvisual {width:1200px; height:320px;margin:0 auto; background:url('../images/mainvisual.jpg') center center no-repeat; background-size: contain; }
.mainvisual h3{font-family:'roboto';font-weight:400;color:#1063a7;font-size:65px; line-height:60px;padding:50px 0 0 70px;}
.mainvisual h3 span{display:block;color:#06bab2;font-size:75px;font-weight:600;}
.mainvisual h3:after{content:"";display:block;width:370px;height:1px; background-color:rgba(150,150,150,0.3);margin:20px 0 ;}
.mainvisual p{padding:0 0 0 70px;font-family:'roboto';color:#333; ;font-size:20px;line-height:28px;}
.mainvisual p span{display:block;color:#06bab2; font-size:30px;}


/* section0 */

.section0{*zoom:1; width:1200px; margin:0 auto;padding:40px 0 0;}
.section0:after{content:"";display:block;clear:both;}
.section0 .newsbox{float:left; width:585px;height:130px; box-sizing:border-box;border:1px solid #ddd; position:relative;margin:0 0 0 30px;cursor:pointer;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;

}
.section0 .datebox {background:url('../images/datebox_bg.jpg') 100% 100% no-repeat;}
.section0 .newsbox:first-child{margin:0;}
.section0 .newsbox:after{content:"";display:block;clear:both;}
.section0 .newsbox h3{float:left;width:125px;font-size:22px;font-weight:900;color:#50187a;padding:30px 0;}
.section0 .datebox h3{float:left;width:200px;font-size:22px;font-weight:900;color:#50187a;padding:30px 0;}
.section0 .newsbox h3:before{content:"";display:inline-block;width:10px;height:28px;background-color:#50187a;margin:0 30px 0 0;vertical-align:middle;}
.section0 .newsbox .desc {float:left; padding:30px 0 0 0;width:428px;font-size:15px; color:#333; line-height:20px;letter-spacing:-0.03em;}
.section0 .newsbox .desc strong{display:block; color:#50187a; font-size:16px; font-weight:600; margin:0 0 7px 0;}
.section0 .datebox .desc {float:left; padding:30px 0 0 0;width:258px;font-size:16px;font-weight:600;color:#111; line-height:30px;}


.section0 .newsbox:hover, .section0 .newsbox:focus{border:1px solid #50187a;}


/* section1 */
.section1{*zoom:1; width:1200px; margin:0 auto; padding:80px 0;display: flex;gap: 20px;}
.section1 .newsbox{height:490px; box-sizing:border-box;border:1px solid #ddd; position:relative;cursor:pointer; width: calc((100% - 60px) / 4);
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;

}
.section1 .newsbox:last-child{margin:0;}
.section1 .newsbox h3{font-size:22px;font-weight:900;color:#06bab2;padding:30px 0;}
.section1 .newsbox h3:before{content:"";display:inline-block;width:10px;height:28px;background-color:#06bab2;margin:0 30px 0 0;vertical-align:middle;}
.section1 .newsbox a.plus{position:absolute;top:34px; right:20px;}
.section1 .newsbox a.plus img{
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}
.section1 .newsbox .thumb{ height:160px; box-sizing:border-box;border:1px solid #ddd;border-right:none; margin:0 0 28px 40px;overflow:hidden;background-color:#fff;}
.section1 .newsbox .thumb img{width:100%;height: 100%;object-fit: cover;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}
.section1 .newsbox .title{width:100%; padding:0 10px 0 38px;box-sizing: border-box;}
.section1 .newsbox .title p {font-size:18px;color:#111;line-height:24px;letter-spacing:-0.03em;font-weight:600;word-break:keep-all;height: 72px;}
.section1 .newsbox .title span{display:block; border-top:1px solid #ddd; margin-top:40px; padding-top:18px;font-size:15px; color:#666;font-weight:400;line-height:22px;letter-spacing:-0.03em;}

.section1 .newsbox:hover, .section1 .newsbox:focus{border:1px solid #06bab2;}
.section1 .newsbox:hover .title p, .section1 .newsbox:focus  .title{color:#06bab2;}
.section1 .newsbox:hover .thumb img, .section1 .newsbox:focus  .thumb img { opacity:0.7;
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-o-transform:scale(1.05);
	-ms-transform:scale(1.05);

}
.section1 .newsbox:hover a.plus img, .section1 .newsbox:focus  a.plus img {
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);

}



/* section2 */
.section2{*zoom:1; margin:0 auto; padding:40px 0;background-color:#f4f4f4;}
.section2_in{ width:1200px;margin:0 auto;display: flex; gap: 20px;}
.section2 .newsbox{ box-sizing:border-box;position:relative; cursor:pointer; width: calc((100% - 60px) / 3);}
.section2 .newsbox:nth-child(3n){margin:0;}
.section2 .newsbox h3{font-size:20px;font-weight:900;color:#111;padding:20px 0;}
.section2 .newsbox h3:before{content:"";display:inline-block;width:10px;height:28px;background-color:#06bab2;margin:0 20px 0 0;vertical-align:middle;}
.section2 .newsbox a.plus{position:absolute;top:24px; right:20px;}
.section2 .newsbox a.plus img{
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}
.section2 .newsbox .thumb{  height:180px; box-sizing:border-box;border:1px solid #ddd; overflow:hidden;}
.section2 .newsbox .thumb img{width:100%;height: 100%; object-fit: cover;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}
.section2 .newsbox .title{width:auto; height:180px; padding:15px;background-color:#fff;font-size:18px;color:#111;line-height:25px;letter-spacing:-0.07em;font-weight:600;}
.section1 .newsbox .stitle{font-size:16px;line-height:22px;letter-spacing:-0.07em;}
.section2 .newsbox .title p {font-size:18px;color:#111;line-height:25px;letter-spacing:-0.07em;font-weight:600;height: 80px;}
.section2 .newsbox .title span{display:block; border-top:1px solid #ddd; margin-top:18px; padding-top:18px;font-size:15px; line-height:23px; color:#666;font-weight:400;}

.section2 .newsbox:hover .title p, .section2 .newsbox:focus  .title{color:#06bab2;}
.section2 .newsbox:hover .thumb img, .section2 .newsbox:focus  .thumb img { opacity:0.7;
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-o-transform:scale(1.05);
	-ms-transform:scale(1.05);

}
.section2 .newsbox:hover a.plus img, .section2 .newsbox:focus  a.plus img {
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);

}



/*Quick Menu */
#quick_menu {position:fixed; bottom:50px; width:40px; left:50%; margin:0 0 0 810px;}
#quick_menu a {display:block;}


/* footer */
#footer {width:100%; clear:both; background:#333b3e;}
#footer_content {*zoom:1; margin:0 auto; width:1200px; padding:40px 0; position:relative;font-size:14px; line-height:23px; color:#808789;position:relative;}
#footer_content strong{display:block; font-size:15px; font-weight:900;}
#footer_content .go_link{position:absolute;top:40px; right:0;display:inline-block; padding:7px 45px 7px 20px; font-size:14px; line-height:14px; color:#333b3e; font-weight:900; 
	border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;letter-spacing:-0.03em;
	background:url('../images/foot_home.png') 88% center no-repeat #fff;
}
#footer_content .go_link:hover, #footer_content .go_link:focus{background-color:#f3f3f3;}



/* Sub layout */
.sub_top{width:1200px; margin: 0 auto 50px; padding:50px 0 40px; border-bottom:1px solid #ddd;position:relative;letter-spacing:-0.03em;}
.sub_top p{text-align:center;color:#06bab2; font-weight:600;font-size:20px;line-height:20px; margin:0 0 7px 0;}
.sub_top h2{font-size:40px;font-weight:900;color:#111111;text-align:center;}
.sub_top h2.long{font-size:35px;letter-spacing: -0.04em;}
.sub_top h2.long2{font-size:28px;line-height: 37px; width:65%;margin:0 auto; letter-spacing: -0.05em;}
.sub_top h2 span.ex {font-size: 20px; font-weight: 500;}
.sub_top a.leftgnb{display:block;position:absolute;bottom:50px;left:0;font-size:17px;font-weight:500;line-height:40px;color:#999999;padding:0 0 0 59px;background:url('../images/leftgnb.png') 0 0 no-repeat;}
.sub_top a.rightgnb{display:block;position:absolute;bottom:50px;right:0;font-weight:500;font-size:17px;line-height:40px;color:#999999;padding:0 59px 0 0;background:url('../images/rightgnb.png') 99.5% 0 no-repeat;}
.sub_top a:hover, .sub_top a:focus{color:#06bab2;}
#con_area{width:1200px;margin:0 auto 300px ;}

.sub_top h2.long2 span{display:block;}


/* 공통 css */
p.normal{font-size: 17px;font-weight: 500; line-height: 30px;margin:0 0 30px 0;text-align: justify;letter-spacing: -0.03em;color: #111;}
p.normal b {font-size: 18px; color: #333;line-height: 40px;}
p.normal strong{display:block;font-size: 21px;font-weight: 900;color: #111111;padding:0 0 10px 0;}
.normal span{display:block;font-size: 19px;font-weight: 900;color: #111111;padding:0 0 10px 0;}
p.center{text-align: center;margin:0 0 30px 0;}
p.center img{max-width:100%;}
p.imgb {width:100%;padding:20px 10px; border: 1px solid #d9dee1;text-align:center;margin:30px 0 60px 0;box-sizing:border-box;}
p.imgb img {width:auto;max-width:90%;}
/* p.imgb span{display:block; margin:20px 0 0 0; font-size:15px; font-weight:900; color:#111; text-align: center;} */
.clearbox:after{content: "";display: block;clear: both;}
.clearbox .left {float:left;}
.clearbox .right {float:right;}
ul.list_dot li {font-size:16px; line-height: 30px; margin:0 0 20px 0; font-weight:600; color:#333; padding:0 0 0 12px; box-sizing:border-box; background:url('../images/dot_black2.png') 0 11px no-repeat;}
ul.list_dot li i {display:block;color:#a8a8a8;margin:10px 0;}
ul.list_dot li:last-child, ul.list_dot li i:last-child {margin:10px 0 0 0;}
.fig{display: block; color: #111; font-size: 15px; margin: 30px 0 10px; text-align: center; font-weight: 600;}
.fig > b{background-color: #008cd6; padding: 2px 20px; color: #fff; border-radius: 50px; margin: 0 0 10px 0; display: inline-block;}


/*  컨텐츠   01 - Focus On */
.page01 .top{padding:30px 30px 100px 30px; background:url('../images/page01_top.png') 0px 58px no-repeat; background-size: cover;}

.page01 .top strong{display: block;font-size:30px; font-weight: 600;color: #996b80; text-align: center;line-height: 35px;margin-bottom: 40px;}

.page01 .top strong span{font-size: 16px;font-weight: 600;color: #555555;}
.page01 .top h4 {display:block;font-size: 18px;font-weight: 900;color: #996b80;padding:0 0 5px 0;}
.page01 .boxing{margin:80px 0 0 0;letter-spacing: -0.05em;}
/* .page01 .boxing:nth-child(3) {margin: 0;} */
.page01 .boxing strong {display:block;font-size: 18px;font-weight: 900;color: #996b80;padding:0 0 5px 0;}
.page01 .m_notice {display:none;}
.page01 .boxing h4{font-size: 19px;font-weight: 900;color: #111111; color: #996b80; padding:0 0 30px 0;}
.page01 .boxing table {margin: 0 0 30px 0;}
.page01 .boxing table thead th {background-color: #7d5b6f; color: #fff; text-align: center; font-size: 14px; padding: 5px 0; border-right: 1px solid #fff;}
.page01 .boxing table tbody tr th {padding: 10px; font-size: 14x; font-weight: 600; color: #333;border-right: 1px solid #7d5b6f; border-bottom: 1px solid #7d5b6f;}
.page01 .boxing table tbody tr td {padding: 10px; font-size: 14px;border-right: 1px solid #7d5b6f; border-bottom: 1px solid #7d5b6f; color: #333;}
.page01 .boxing table tbody tr td.center {text-align: center;}
.page01 .boxing table tbody tr td:last-child {border-right: 0;}
.page01 .boxing table.second tr td {text-align: center;}
.page01 .imgb {border:1px solid #ddd;}
/* .page01 .imgb span{color:#573e4d;} */
.page01 .list {margin: 0 0 60px 0;padding: 20px;font-size: 17px;font-weight: 500;color: #333; text-align: left;line-height: 28px;}
.page01 .list b {display: block;line-height: 36px;}
.page01 .bottom p{display:inline-block;padding:30px; margin:80px 0 40px 0; font-size:14px; letter-spacing: -0.04em;line-height: 28px;color: #666; background: #eee;
	box-sizing:border-box;width: 100%;}
.page01 p.center {width:500px;text-align:center;margin:0 auto 40px auto;}


.page11 .top{padding:30px 30px 120px 30px; background:url('../images/page11_top.png') 0px 94px no-repeat; background-size: cover;}
.page11 .top strong{display: block;font-size:30px; font-weight: 600;color: #44318f; text-align: center;line-height: 35px;margin-bottom: 40px;}
.page11 .boxing strong{display: block;font-size: 18px;font-weight: 900;color: #44318f;  padding: 0 0 5px 0;}
.page11 .top h4{display: block;font-size: 18px;font-weight: 900;color: #44318f; padding: 0 0 5px 0;}

.page12 .top{padding:30px 30px 80px 30px; background:url('../images/page12_top.png') 0px 0px no-repeat; background-size: cover;}
.page12 .top strong{display: block;font-size:30px; font-weight: 600;color: #00693e; text-align: center;line-height: 35px;margin-bottom: 40px;}
.page12 .boxing strong{display: block;font-size: 18px;font-weight: 900;color: #00693e;  padding: 0 0 5px 0;}
.page12 .top h4{display: block;font-size: 18px;font-weight: 900;color: #00693e; padding: 0 0 5px 0;}

.page13 .top{padding:30px 30px 120px 30px; background:url('../images/page13_top.png') 0px 12px no-repeat; background-size: cover;}
.page13 .top strong{display: block;font-size:30px; font-weight: 600;color: #009a92; text-align: center;line-height: 35px;margin-bottom: 40px;}
.page13 .boxing strong{display: block;font-size: 18px;font-weight: 900;color: #009a92;  padding: 0 0 5px 0;}
.page13 .top h4{display: block;font-size: 18px;font-weight: 900;color: #009a92; padding: 0 0 5px 0;}


.page14 .top{padding:30px 30px 250px 30px; background:url('../images/page14_top.png') 0px -25px no-repeat; background-size: cover;}
.page14 .top strong{display: block;font-size:30px; font-weight: 600;color: #4f3509; text-align: center;line-height: 35px;margin-bottom: 40px;}
.page14 .top strong span{margin-top: 15px; display: block; line-height: 24px;}
.page14 .boxing strong{display: block;font-size: 18px;font-weight: 900;color: #4f3509;  padding: 0 0 5px 0;}
.page14 .top h4{display: block;font-size: 18px;font-weight: 900;color: #4f3509; padding: 0 0 5px 0;}

/*  컨텐츠   02 - Technology Trend */

.page02 .top{padding:30px 30px 100px 30px; background:url('../images/page01_top.png') 0px 58px no-repeat; background-size: cover;}

.page02 .top strong{display: block;font-size:30px; font-weight: 600;color: #996b80; text-align: center;line-height: 35px;margin-bottom: 40px;}

.page02 .top strong span{font-size: 16px;font-weight: 600;color: #555555;}
.page02 .top h4 {display:block;font-size: 18px;font-weight: 900;color: #996b80;padding:0 0 5px 0;}
.page02 .boxing{margin:80px 0 0 0;letter-spacing: -0.05em;}
/* .page02 .boxing:nth-child(3) {margin: 0;} */
.page02 .boxing strong {display:block;font-size: 18px;font-weight: 900;color: #996b80;padding:0 0 5px 0;}
.page02 .m_notice {display:none;}
.page02 .boxing h4{font-size: 19px;font-weight: 900;color: #111111; color: #996b80; padding:0 0 30px 0;}
.page02 .boxing table {margin: 0 0 30px 0;}
.page02 .boxing table thead th {background-color: #7d5b6f; color: #fff; text-align: center; font-size: 14px; padding: 5px 0; border-right: 1px solid #fff;}
.page02 .boxing table tbody tr th {padding: 10px; font-size: 14x; font-weight: 600; color: #333;border-right: 1px solid #7d5b6f; border-bottom: 1px solid #7d5b6f;}
.page02 .boxing table tbody tr td {padding: 10px; font-size: 14px;border-right: 1px solid #7d5b6f; border-bottom: 1px solid #7d5b6f; color: #333;}
.page02 .boxing table tbody tr td.center {text-align: center;}
.page02 .boxing table tbody tr td:last-child {border-right: 0;}
.page02 .boxing table.second tr td {text-align: center;}
.page02 .imgb {border:1px solid #ddd;}
/* .page02 .imgb span{color:#573e4d;} */
.page02 .list {margin: 0 0 60px 0;padding: 20px;font-size: 17px;font-weight: 500;color: #333; text-align: left;line-height: 28px;}
.page02 .list b {display: block;line-height: 36px;}
.page02 .bottom p{display:inline-block;padding:30px; margin:80px 0 40px 0; font-size:14px; letter-spacing: -0.04em;line-height: 28px;color: #666; background: #eee;
	box-sizing:border-box;width: 100%;}
.page02 p.center {width:500px;text-align:center;margin:0 auto 40px auto;}

.page02_01 .top{padding:80px 30px 50px 30px; background:url('../images/page02_01_top.png') center top no-repeat;}
.page02_01 .bottom {background: none; height: auto;}
.page02_01 .bottom p{display:inline-block;padding:30px; margin:80px 0 40px 0; font-size:13px; letter-spacing: -0.04em;line-height: 25px;color: #666; background: #eee;
	box-sizing:border-box;width: 100%;}


.page02_2 .top{padding:30px 30px 40px 30px; background:url('../images/page03_01_top.jpg') center bottom no-repeat;padding: 30px 30px 400px 20px}
.page02_2 .boxing .imga {text-align: center;}
.page02_2 .boxing .imga img {max-width: 100%;}


/*  컨텐츠 03 opinion */
.page03 .top{margin: 0 0 60px;}
.page03 .top strong{display: block;font-size:30px; font-weight: 600;color: #EA8432; text-align: center;line-height: 35px;margin-bottom: 40px;}
.page03 .top strong span{font-size: 16px;font-weight: 600;color: #555;}
.page03 .img_wrap{display: block; text-align: center;}
.page03 .img_wrap img{width: 100%;}
.page03 .boxing .subhead {font-size:20px;font-weight:800;margin:0 0 12px 0;color:#222;}
.page03 .boxing strong {display:block;font-size: 20px;font-weight: 900;color: #EA8432;padding:0 0 5px 0;}
.page03 .boxing table {margin: 0 0 50px 0; border-bottom: 1px solid #996b80;}
.page03 .boxing table tbody tr {background-color: #f7f8f8;}
.page03 .boxing table tbody tr th {background-color: #996b80; color: #fff; padding: 10px;font-size: 16px; font-weight: 600; text-align: center; border-right: 1px solid #fff;}
.page03 .boxing table tbody tr th:last-child {border-right: 0;}
.page03 .boxing table tbody tr td {padding: 10px 20px;font-size: 16px; font-weight: 500; color: #111; background-color: #fff; text-align: center;
	border-right: 1px solid #333;border-bottom: 1px solid #333;}
.page03 .boxing table tbody tr:last-child td:last-child {border-bottom: 0;}
.page03 .boxing table tbody tr td:last-child {border-right: 0;}
.page03 .bottom{background:url('../images/page03_bottom.png') center 100% no-repeat;}
.page03 .bottom p{margin:50px 0 0 0;padding: 30px;font-size:14px; letter-spacing: -0.04em;line-height: 28px;color: #57585a; background:#f8f8f8;}
.page03 p.center {margin:0;}
.page03 .imgb{border:1px solid #086fb2;margin:0 0 60px 0;}

.page03 .bg01 {background:url('../images/page03_02.jpg') right bottom no-repeat;background-position: right center;padding: 30px 350px 30px 0;}
.page03 .bg02 {background:url('../images/page03_bottom.png') center no-repeat;padding: 550px 30px 30px;}


.page03_01 .top strong {color: #6E79B9;}
.page03_01 strong {color: #6E79B9;}
.page03_01 .boxing strong {color: #6E79B9;}



/*  컨텐츠   04 - Nortable Research */
.page04 .top{padding:80px 30px 203px 30px; 
    /* background:url('../images/page04_top.png') center 130px no-repeat; */
    margin:0 0 60px 0; background-size: cover;}
.page04 .top strong{display: block;font-size:30px; font-weight: 600;color: darkcyan; text-align: center;line-height: 35px;margin-bottom: 70px;}
.page04 .top strong span{font-size: 16px;font-weight: 600;color: #555555;}
.page04 .boxing{margin:80px 0 0 0;}
.page04 .boxing h4{font-size: 19px;font-weight: 900;color: #111111; text-align: center; padding:0 0 30px 0;}
.page04 .boxing .normal .dot {display:block;padding:0 0 0 13px;margin:0 0 10px 0;background:url('../images/brown_dot.png') 0 11px no-repeat;}
.page04 .normal span {font-size:17px;}
.page04 .boxing::after {content: ""; display: block; clear: both;}
.page04 .boxing > .normal:last-child {margin:0;}
.page04 span{color: #1BA74F;}
.page04 p.normal b { font-size: 18px; color: #996b80; }
.page04 p.imgb{border:1px solid #ddd; margin:60px 0; width:100%;}
.page04 p.imgb span {display: block;font-size: 15px; font-weight: 600;color: #111;margin:20px 0 0 0;box-sizing:border-box; padding: 0 10px 0;}
.page04 .boxing p.imgb:last-child {margin: 60px 0;}
.page04 p.center span{display: block;font-size: 14px; font-weight: 900;color: #a0883f;margin:20px 0 0 0;}
.page04 .bottom p{margin:50px 0 0 0;padding: 30px;font-size:14px; letter-spacing: -0.04em;line-height: 28px;color: #57585a; background:#f8f8f8;}

.page04 table tbody tr th{background:#f6f2e1;color:#111;padding:12px 10px;font-size:16px;text-align:left;border-top:1px solid #928650;}
.page04 table tbody tr td{padding: 10px;font-size:15px;color:#111;text-align:right;}
.page04 table tbody tr.line td{border-bottom:1px solid #ddd;color:#111;font-weight:600;}
.page04 table tbody tr.linetop td{border-top:1px solid #928650;}
.page04 table tbody tr td:first-child{text-align:left;}
.page04 table tbody tr:last-child td {border-bottom:1px solid #928650;}

/* .page04 .bottom {background: url('../images/page04_bottom.png') center no-repeat; padding: 300px 20px 80px;} */

.page04 .leftimg {margin:0 40px 0 0 !important;}
.page04 .m30 {margin:0 0 30px 0;}


/* 컨텐츠 05 최신보험정보 */
.page05 .top{padding: 30px 30px 300px 30px;
    background: url(../images/page05_top.png) center top no-repeat;
    background-size: cover;}
.page05 .m_notice {display:none;}
.page05  table{width:100%;margin:0 0 30px 0;}
.page05  table thead tr th{padding:15px 5px; font-size: 18px;font-weight: 600;color: #fff;background-color: #a0c0d0;border-left:2px solid #fff;border-bottom: 2px solid #ddd;}
.page05  table tbody tr td{padding:10px; font-size: 14px;color: #333;text-align:center;border-left:2px solid #fff;border-bottom: 2px solid #fff;font-weight: 600;letter-spacing: -0.03em;line-height: 27px;word-break:keep-all;background-color: #f4f4f4;}
.page05  table tbody tr td:nth-child(2){text-align:left;}
.page05  table tbody tr td span.blue{font-weight: 900;color:#0050c0;font-size:15px;}
.page05  table tbody tr td p span b{font-weight: 900;color:#144c72;}
.page05  table tbody tr.gray td {background-color:#e6e7e9;}
.page05  table tbody tr td.gray {background-color:#e6e7e9;}
.page05  table tbody tr td p {margin:0 0 15px 0; text-align: left; letter-spacing: -0.04em;}
.page05  table tbody tr td p:last-child {margin:0;}
.page05  table tbody tr td p.point{font-weight: 800;color: #144c72;}
.page05  table tbody tr td span img {width: 100%;}

.page05  table.reference thead tr th{background-color: #144c72;color: #fff;font-size: 18px;font-weight: 600;}
.page05  table.reference tbody tr td{padding:15px;font-size: 14px;}
.page05  table.reference tbody tr td:last-child {border-right: 2px solid #fff;}
.page05  table.reference tbody tr td span{display:block;font-size:13px;color:#616161;}
.page05  table.reference01 tbody tr td{text-align:center;}
.page05  table.reference01 tbody tr td:last-child{text-align:center;}
.page05  table.reference02 tbody tr td{text-align:center;}
.page05  table.reference02 tbody tr:last-child td:nth-child(4){text-align:center;}

.page05  table.inner_table{width:100%;margin:0;}
.page05  table.inner_table tbody tr th{padding:15px 5px; font-size: 18px;font-weight: 600;color: #fff;background-color: #a0c0d0;border-left:2px solid #fff;border-bottom: 2px solid #ddd;}{border:none}
.page05  table.inner_table tbody tr td{border:none;padding:60px 10px; }
.page05  table.inner_table tbody tr td p {text-align: left;}

.page05  table tbody tr td p span.block{display:block;text-align:center;}

.page05  table.reference caption{margin:0 0 12px 0;font-weight:700;font-size:20px;color:#144c72}
.page05  h4{font-size:22px;margin:50px 0 10px;font-weight: 900;color: #25597a;}
.page05  .btns {text-align: center;margin:50px 0 0 0;}
.page05  .btns a{display: inline-block;padding:10px 60px; background-color: #1069a2;color: #fff;font-size: 15px;font-weight: 900;line-height: 20px;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;margin:0 5px;letter-spacing: -0.04em;}
.page05  .btns a:hover, .page05  .btns a:focus{background-color: #005287;}
.page05 p.notice {color: #333; font-size: 14px; margin: 0 0 50px;}

/*  컨텐츠 06 - 임상지침 */
.page06 .top{margin:0 0 60px 0;padding:0 40px 220px 40px ; background:url('../images/page06_top.jpg') center 100% no-repeat;}
.page06 .top strong{display: block;font-size:30px; font-weight: 600;color: #2c83aa; text-align: center;line-height: 35px;margin-bottom: 40px;}
.page06 .top strong span{font-size: 16px;font-weight: 600;color: #555555;}
.page06 .boxing{margin:80px 0 0 0;}
.page06 .boxing h4{font-size: 19px;font-weight: 900;color: #111111; text-align: center; padding:0 0 30px 0;}
.page06 .bottom{padding:20px; margin:80px 0 0 0; font-size:13px; letter-spacing: -0.04em;line-height: 22px;color: #666;background:#eef4fb;}
.page06 .bottom h5 {margin:0 0 8px 0;}

.page06 p.center {padding:30px 0 10px 0;margin:0;background:#eef4fb;}
.page06 p img {max-width: 100%;}
.page06 div.clear:after {content:"";display:block;clear:both;}
.page06 div.left {float:right;width:55%;margin:0 2% 0 0;}
.page06 p.left {float:right;width:43%;}
.page06 p.left img{width:100%;}

.page06 table thead tr th{padding:15px 5px; font-size: 18px;font-weight: 600;border-left:2px solid #fff;border-bottom: 2px solid #ddd;background-color: #144c72;color: #fff;font-size: 18px;font-weight: 600;}
.page06 table tbody tr td{padding:10px; font-size: 14px;color: #333;border-left:2px solid #fff;border-bottom: 2px solid #fff;font-weight: 600;letter-spacing: -0.03em;line-height: 27px;word-break:keep-all;background-color: #f4f4f4;padding:15px;font-size: 14px;}
.page06 table tbody tr:nth-child(2n) td{background-color:#e6e7e9;}
.page06 table caption{font-size: 14px; font-weight: 900;color: #3d5e74;margin:10px 0 0 0;caption-side: bottom;text-align:center;}


/* 컨텐츠 07 학회뉴스 */
/* .page07 { background: #e2f4fd; padding: 100px 20px; } */
.page07 .top::after {display: block; content: ""; clear: both;}
.page07 .top ul {border: 1px solid #002256; padding: 20px 30px; border-radius: 20px; margin: 30px 0;}
.page07 .top ul li {color: #996b80; font-size: 17px; font-weight: 600; line-height: 30px;}
.page07 .top p.imgb {width:100%; border: 0;}
.page07 .top strong{display: block;font-size:30px; font-weight: 600;color: #2c83aa; text-align: center;line-height: 35px;margin-bottom: 40px;}
.page07 .top strong span{font-size: 16px;font-weight: 600;color: #555555;}
.page07 .bdl {border-left:5px solid #e5006e;padding: 0 0 0 10px;margin: 10px 0 30px 0;}
.page07 .bg01 { background: url('../images/page07_03.jpg') no-repeat; background-position: left center; padding: 75px 0 75px 375px;letter-spacing: -0.05em;}
.page07 .box {display: flex; flex-direction: row; flex-wrap: wrap;margin: 50px 0 0;}
.page07 .boxing {margin: 0 0 20px;}
.page07 .boxing h3{font-size: 22px; font-weight: bold; color: #333; margin: 0 0 30px 0;}
.page07 .boxing p.normal.b-colr b{color: #0050c0; text-decoration: #0050c0 solid underline; text-decoration-thickness:1px; text-underline-offset: 3px;}
.page07 .boxing ul{border: 1px solid black; padding: 20px; box-sizing: border-box;}
.page07 .boxing ul li{font-size: 15px; color: #333; font-weight: 600; line-height: 26px;}
.page07 .boxing ul li:last-child{color: #f81356;}
.page07 .boxing .imgbox {width: calc((100% - 20px) / 2); margin: 0 20px 10px 0;}
.page07 .boxing .imgbox:nth-child(2n) {margin: 0;}
.page07 span{text-align: center; display: block;}
.page07 span.img_wrap{margin: 0 0 30px;}
.page07 span img {max-width: 80%;}
/* .page07 span img.border_img {border: 1px solid #ccc;} */
.page07 .boxing strong {
   display: block;
   font-size: 20px;
   font-weight: 900;
   color: #333;
   padding: 0 0 5px 0;
}
.page07  .boxing table tbody tr th {
    background-color: lightblue;
    color: #333;
    padding: 10px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    border-right: 1px solid #fff;
 }
.page07 .boxing table tbody tr td {
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 500;
    color: #111;
    background-color: #fff;
    text-align: center;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
 }
 .page07 .boxing table tbody tr td.left{text-align: left;}
 .page07 .boxing table tbody tr td:last-child{border-right: none;}
 .page07  p.normal b { color: #996b80; }

/* 컨텐츠 10 학회일정 */
/* .page10 .bg_box { background: url(../images/page10_top.jpg) 0 bottom no-repeat; background-size: 100%; padding: 100px 50px 80px;} */
/* .page10 .bg_box2 { background: url(../images/page10_top2.png) 116px -140px no-repeat;
    padding: 100px 50px 0;
    background-size: 100%;
    margin-top: 100px;
} */
.page10 h4{font-size: 27px;font-weight: 900;color: #4a2a68;padding:0 0 0 26px ; margin:0 0 20px 0;background:url('../images/page07_img01.jpg') 0 12px no-repeat;}
.page10 h5{font-size: 23px; font-weight: 600; color: #333; margin: 0 0 20px 0;}
.page10 h5.mt40 {margin-top: 40px;}
.page10 .notice{color:#f81356;margin:10px 0 60px;font-weight: 600;}
.page10  table{width:100%;border-bottom:1px solid #ddd; background: #fff;}
.page10  table  thead tr th{padding:15px; background-color:#dad1e9;font-size: 17px;font-weight: 900;border-left:2px solid #fff;}
.page10  table  tbody tr td{padding:15px; font-size: 15px;font-weight: 600;text-align: center;border-bottom:1PX SOLID #dfdfdf;
	border-left:1px solid #dfdfdf;
}
.page10  table  tbody tr td.none {border-left:none; background-color: #fff;}
.page10 table tbody tr td.none.col{background-color: #f2f2f2;}
.page10 table tbody tr td.bak-c{background-color: #f2f2f2;}
/* .page10 table tbody tr:nth-child(2n) td.none{background-color: #ddd;} */
/* .page10  table  tbody tr.gray td {background-color:#f4f4f4;} */
.page10  table  tbody tr td a{display: inline-block; padding:5px 30px 5px 10px; color: #fff;border-radius:30px;font-size: 12px;line-height: 12px;background: url(../images/gray_home.png) 90% center no-repeat #694b90;}




/* 컨텐츠 08  후원사안내 */
.page08 .center {text-align: center; padding:50px 0; border:2px solid #ddd;}
.page08 .center img{width:90%;}

.page08 .spon_tab {text-align:center; margin:0 0 50px 0;}
.page08 .spon_tab a {display:inline-block; width:200px;height:40px;line-height:40px;text-align:center; font-size:17px;font-weight:600;background-color:#eee;color:#888;
	margin:0 3px;
	border-radius:40px;
	-webkit-border-radius:40px;
	-moz-border-radius:40px;
}
.page08 .spon_tab a.on, .page08 .spon_tab a:hover{background-color:#d72d46;color:#fff;}



/*  컨텐츠   09_01  - 신년사 */
.page09_01 {position:relative; padding:40px 40px 150px 40px; 
    background:url('../images/page09_01_top.png') center no-repeat; background-size: cover;
}
/* .page09_01 .img {position:Absolute; top:50px; right:80px;} */
.page09_01 .txt .img {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 50px;
}
.page09_01 .txt .txt_area {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    gap: 40px;
}
.page09_01 .txt .txt_area p {
    font-size:17px; line-height:32px; color:#232323;letter-spacing:-0.03em; text-align:justify;
}
.page09_01 .txt > strong {display:block;padding:50px 0;font-size:25px;line-height:40px; color:#aa5a82;font-weight:600;}
.page09_01 .txt > p {margin:40px 0 0 0;font-size:17px; line-height:32px; color:#232323;letter-spacing:-0.03em; text-align:justify;}
.page09_01 .txt p.sign {text-align: right;}
.page09_01 .txt p.sign strong{font-size:20px;}


.sponsor .boxing{margin:0 0 60px 0;}
.sponsor  h3{padding:6px 10px 6px 44px;color:#fff; font-size: 22px; font-weight: 600;position:relative;line-height: 22px;}
.sponsor  h3:before{display:inline-block;content:"";  top:-3px; left:0;position:absolute;width:33px;height:51px;}
.sponsor  h3 span{font-weight: 400;}

.sponsor .platinum h3{background-color: #e41c39;}
.sponsor .platinum h3:before{background:url('../images/pla_icon.png')0 0 no-repeat;}
.sponsor .platinum h3 span{color: #f998a6;font-weight: 400;}

.sponsor .gold h3{background-color: #e9c01b;}
.sponsor .gold h3:before{background:url('../images/gold_icon.png')0 0 no-repeat;}
.sponsor .gold h3 span{color: #fbeba8;font-weight: 400;}

.sponsor .bronze h3{background-color: #cb6f56;}
.sponsor .bronze h3:before{background:url('../images/bronze_icon.png')0 0 no-repeat;}
.sponsor .bronze h3 span{color: #efa08b;font-weight: 400;}


.sponsor .silver h3{background-color: #adb4b9;}
.sponsor .silver h3:before{background:url('../images/silver_icon.png')0 0 no-repeat;}
.sponsor .silver h3 span{color: #cdd9e1;font-weight: 400;}



.sponsor  dl{margin:30px 0 0 0;}
.sponsor  dl:after{content:"";display: block;clear: both;}
.sponsor  dl dt{float: left;width: 330px; height:210px;margin-right:40px;}
.sponsor  dl dt a{display: block;width:100%;height: 100%;box-sizing: border-box; border:1px solid #ddd;}
.sponsor  dl dt a .logobox{height: 164px;border-bottom: 1px solid #ddd;text-align: center;display: flex;  align-items: center;
  justify-content: center;overflow: hidden}
.sponsor  dl dt a .logobox img{
    transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.sponsor  dl dt a .title{height: 43px;background-color: #f4f4f4;text-align: center;line-height: 43px;font-size: 16px;font-weight: 900;color: #111;}
.sponsor  dl dt a .title span img{vertical-align: middle;margin:0 0 5px 7px;}
.sponsor  dl dt a:hover  .logobox img, .sponsor  dl dt a:focus .logobox img{
        transform:scale(1.04);
    -webkit-transform:scale(1.04);
    -moz-transform:scale(1.04);
    -ms-transform:scale(1.04);
    -o-transform:scale(1.04);

}

.sponsor  dl dd{float: left;width:830px;}
.sponsor  dl dd table{width:100%;}
.sponsor  dl dd table tr th { font-size: 17px;padding:5px 0  5px 10px;  vertical-align: text-top; text-align: left;}
.sponsor  dl dd table tr td {font-size: 16px; line-height: 26px; padding:5px 0 ;  color: #444444; text-align: justify;letter-spacing: -0.03em;font-weight: 600;}
.sponsor  dl dd table tr td p{margin:10px 0 0 0;}
.sponsor  dl dd table tr td p:first-child{margin:0;}

.sponsor  .platinum dl dd table tr th { color: #e41c39; background:url('../images/red_dot.png') 0 13px no-repeat;}
.sponsor  .gold dl dd table tr th { color: #dfb405; background:url('../images/yel_dot.png') 0 13px no-repeat;}
.sponsor  .bronze dl dd table tr th { color: #cb6f56; background:url('../images/brown_dot.png') 0 13px no-repeat;}
.sponsor  .silver dl dd table tr th { color: #adb4b9; background:url('../images/silver_dot.png') 0 13px no-repeat;}


.sponsor_add ul:after{content:"";display:block;clear:both;}
.sponsor_add ul li{float:left; width:585px;margin:0 0 30px 15px;}
.sponsor_add ul li:first-child, .sponsor_add ul li:nth-child(2n+1) {margin:0 0 30px 0;}
.sponsor_add ul li a{display:block;width:100%;height:100%;box-sizing:border-box; padding:10px; border:1px solid #ddd;position:relative;}
.sponsor_add ul li a .thumb{width:auto; height:790px; }
.sponsor_add ul li a .thumb img {width:100%;height:100%;}
.sponsor_add ul li a .back {display:none;position:absolute;top:0;left:0; width:100%;height:100%; line-height:790px;background-color:rgba(0,0,0,0.6); font-size:22px;font-weight:600;color:#fff;text-align:center;}
.sponsor_add   .modal {display:none; position:absolute; top:100px; left:50%; margin-left:-390px;padding:10px;background-color:#fff;border:1px solid #ddd;
	box-shadow:0 0 10px rgba(0,0,0,0.5);
}
.sponsor_add ul li a:hover .back {display:block;}



@media screen and (max-width:640px) {



	body {min-width:320px; }
	

	#container{width:100%; background:none; position:relative;}
	#header{ width:100%; height:90px; position:relative;padding:0;margin:0;}
	#header_content {padding:0 20px;width:auto;height:100%;}

	#header_content .logo{margin:0;top:40px; left:20px;}
	#header_content .logo a img{height:35px;}

	.header_down{position:fixed; top:0;left:0;z-index:1001;background-color:#fff;}

	.homemenu {top:0;}
	.homemenu .leftbox {top:5px; left:20px;}
	.homemenu .leftbox p{width:50px;height:20px;line-height:20px;font-size:11px;}

	.homemenu .rightbox {top:5px; right:20px;}
	.homemenu .rightbox .dropbox{width:100px;height:20px;margin:0 5px 0 0;}
	.homemenu .rightbox .dropbox h4 {font-size:11px;line-height:20px;padding:0px 5px 0 8px;}
	.homemenu .rightbox .dropbox ul li a{font-size:11px;}
	.homemenu .rightbox .go_web{ width:80px;height:20px;line-height:20px;  padding:0;font-size:11px;background:none;text-align:center;}

	#gnb {display:none;}

	/*Quick Menu */
	#quick_menu {bottom:50px; width:40px; left:auto;right:10px; margin:0;}


	/* nav */
	#top_right {display:block;float:right; margin:45px 0 0 0;}
	.allmenu { position:relative;}
	#menu-icon2{
	  position: relative;
	  width: 30px;
	  height: 20px;
	  transform: rotate(0deg);
	  transition: 0.5s ease-in-out;
	  cursor: pointer;
	}
	#menu-icon2 span{
	  display: block;
	  position: absolute;
	  height: 3px;
	  width: 100%;
	  background: #06bab2;
	  opacity: 1;
	  left: 0;
	  transform: rotate(0deg);
	  transition: 0.25s ease-in-out;
	}
	#menu-icon2 span.short {
		width:20px;
		left:10px;
	}
	#menu-icon2 span:nth-child(1){top: 0px;}
	#menu-icon2 span:nth-child(2){top: 8px;}
	#menu-icon2 span:nth-child(3){top: 17px;}
	#menu-icon2.open span:nth-child(1) {
	  top: 6px;
	  transform: rotate(-45deg);
	}
	#menu-icon2.open span:nth-child(2) {
	  opacity: 0;    /*클릭하면 중간선이 사라집니다.*/
	}
	#menu-icon2.open span:nth-child(3) {
	  top: 6px;
	  transform: rotate(-135deg);
	  width:30px;
	  left:0;
	}
	nav {position:absolute; top:90px; right:0; width:100%; text-align:left; z-index:1100;}
	#nav {display:block;}
	#nav li {position:relative; border-top:1px solid #ddd; background:#fff;}
	#nav li a {position:relative; color:#111; font-size:1em; font-weight:600; display:block; line-height:130%; padding:10px 20px 10px 20px;}
	#nav li > ul > li {background:#efefef;}
	#nav li > ul > li a {color:#424242; font-size:0.8em; line-height:110%; padding:10px 20px 10px 20px;}

	
	/* main */

	.mainvisual {width:100%; height:220px;background-size:cover;}
	.mainvisual h3{font-size:30px; line-height:40px;padding:40px 0 0 30px;}
	.mainvisual h3 span{font-size:50px;}
	.mainvisual h3:after{width:60%;margin:10px 0 ;}
	.mainvisual p{padding:0 0 0 30px;font-size:16px;line-height:22px;}
	.mainvisual p span{font-size:25px;}



	/* section1 */
	.section1{width:auto; padding:20px 15px;display: block;}
	.section1 .newsbox{float:none; width:auto;height:auto; margin:0 0 20px 0;}
	.section1 .newsbox:first-child{ margin:0 0 20px 0;}
	.section1 .newsbox h3{font-size:18px;padding:20px  0 0 0;}
	.section1 .newsbox h3:before{width:6px;margin:0 15px 0 0;}
	.section1 .newsbox a.plus{position:absolute;top:25px; right:15px;}

	.section1 .newsbox .thumb{width:auto; height:auto; margin:15px;}
	.section1 .newsbox .thumb img{width:100%; height:auto;}
	.section1 .newsbox .title{width:auto; margin:15px;padding: 0; }
	.section1 .newsbox .title p {font-size:15px;line-height:28px;word-break:keep-all;height: auto;}
	.section1 .newsbox .title span{font-size:13px;padding-top:13px; margin-top:13px;}


	/* section2 */
	.section2{padding:20px 15px;}
	.section2_in{ width:auto;display: block;}
	.section2 .newsbox{float:none; width:auto;margin:0 0 20px 0;}
	.section2 .newsbox:first-child{margin:0 0 20px 0;}
	.section2 .newsbox h3{font-size:18px;padding:20px  0 0 0;margin:0 0 15px 0;}
	.section2 .newsbox h3:before{width:6px;margin:0 15px 0 0;}
	.section2 .newsbox a.plus{top:25px; right:15px;}
	.section2 .newsbox .thumb{width:auto; height:auto; }
	.section2 .newsbox .thumb img{width:100%;height:auto;}
	.section2 .newsbox .title{width:auto; height:auto; font-size:15px;padding:20px;word-break:keep-all;}
	.section2 .newsbox .stitle{font-size:15px;}
	.section2 .newsbox .title p {height:auto; font-size:15px;}
	.section2 .newsbox .title span{margin-top:13px; padding-top:13px;font-size:13px;}


	/* footer */
	#footer_content {width:auto; padding:40px 15px;font-size:12px;word-break:keep-all;}
	#footer_content strong{font-size:13px;}
	#footer_content .go_link{position:static;padding:7px 40px 7px 10px; font-size:11px; line-height:11px;margin:15px 0 0 0 ;}
	#footer_content .go_link:hover, #footer_content .go_link:focus{background-color:#f3f3f3;}

    
    

    /* Sub layout */

    .sub_top{width:auto; margin: 0 auto 50px; padding:20px 0 40px; }
    .sub_top p{font-size:13px;line-height:13px;margin-bottom:10px;}
    .sub_top h2{font-size:20px;line-height: 30px;padding:0 30px;word-break:keep-all;}
    .sub_top h2.long{font-size:18px;line-height:25px;}
	.sub_top h2.long2 {font-size: 16px;line-height: 25px;width:auto;padding:0 20px; }
    .sub_top a.leftgnb{bottom:10px;left:15px;font-size:13px;line-height:20px;padding:0 0 0 30px;background-size:20px;}
    .sub_top a.rightgnb{bottom:10px;right:15px;font-size:13px;line-height:20px;padding:0 30px 0 0;background-size:20px;}

	.sub_top h2.long2 span{display:block; font-size: 14px; line-height: 20px;}
    
    #con_area{width:auto;padding:0 15px;margin:0 auto 100px;}



	/* 공통 css */
	p.normal{font-size: 13px; line-height:24px;word-break:break-all;}
	p.normal b{font-size: 16px;line-height: 23px;}
	.normal span{font-size: 15px;line-height:26px;}
	p.imgb {width:100%;padding:20px 10px;margin:20px 0 40px 0;}
	p.imgb span{font-size:10px; word-break: break-word;}
	p.center img{max-width: 100%;}
	.top strong {font-size:22px !important;margin-bottom:20px !important;}
	.clearbox .left {float:none;}
	.clearbox .right {float:none;}
	.clearbox  img{max-width:90%;}
	.table {overflow:scroll;}
	div.scroll {overflow-x:scroll;}
	div.boxing {margin:60px 0 0 0 !important;}
	ul.list_dot li {font-size: 13px;line-height: 28px;}

	p.imgb img {max-width:100%;}



	/*  컨텐츠   01 - Focus On */
	.page01 .top{padding:0 20px 40px 20px; background-size:100%; background-position:center 100%;}
	.page01 .top strong{margin-bottom:40px;}
	.page01 .m_notice {display:block; margin:0 0 10px 0; font-size:11px; font-weight:900;letter-spacing:-0.03em;color:#0868c1;}
	.page01 .boxing h4{font-size: 17px;line-height:27px;word-break:keep-all;}
	.page01 .boxing .imgb span{font-size:10px;}
	.page01 .boxing table thead th {font-size: 13px;}
	.page01 .boxing table tbody tr th {padding: 5px; font-size: 13px;}
	.page01 .boxing table tbody tr td {padding: 5px;font-size: 13px;}
   .page01 p.imgb span{font-size: 12px;}
	.page01 .list {font-size: 13px;line-height: 24px;}
	.page01 .list b {line-height: 24px;}

	.page01 .bottom{width:100%; padding:10px; margin:0;font-size:12px; word-break:break-all;box-sizing:border-box;}
	.page01 p.center {width:100%;}
	.page01 .bg {background-position:bottom right;}
	.page01 .bg02 {background-size:250%;}

	.page01 .pinkbg {padding:15px 10px 10px;}

	.page01 .bg01 {padding:0 0 325px 0;background-position:center bottom;}
	.page01 .bg02 {padding:0 20px 40px 20px;}





	/*  컨텐츠   02 - Technology Trend */
	.page02 .top{padding:30px 20px 100px 20px;}
	.page02 .top h4{font-size: 18px;}
	.page02 .top strong{margin-bottom:40px;}
	.page02 .top .box2 {padding:20px 10px;}
	.page02 .top .imgb {font-size: 13px; padding: 10px;}
	.page02 h5 {font-size:16px; line-height: 24px;}
	.page02 p.imgb2 img {width:33.3%;}
	.page02 p.center span{font-size: 11px; padding:0 10px;}
	.page02 .list {font-size: 13px;line-height: 24px;}
	.page02 .boxing h4{font-size: 18px;}
	.page02 .bottom{font-size:11px;padding:50px 20px;word-break:break-all; padding: 0;background-size: cover;}
	.page02 .bottom p {font-size: 13px; line-height: 20px; padding: 20px;}
	.page02 .boxing .box3 {padding:20px 15px;word-break:keep-all;}
	.page02 .boxing p.normal strong {font-size: 16px; line-height: 16px;}
	.page02 p.imgb span {font-size:12px;}
	p.normal strong {font-size:18px;}

   .page02 strong{font-size: 15px;}
   .page02 .table_b{border: none;}
   .page02 .table_b tbody tr th{padding:5px;font-size:13px;}
   .page02 .table_b tbody tr td{padding: 5px;font-size:13px;text-align:center; word-break: auto-phrase;}
   .page02_01 .bottom{width:100%; padding:10px; margin:0;font-size:12px; word-break:break-all;box-sizing:border-box;height: auto;}


	/*  컨텐츠 03 기획이슈  */
	.page03 .boxing table thead tr th{padding:10px 3px; font-size: 11px;}
	.page03 .boxing table tbody tr th{padding:10px 3px; font-size: 11px;}
	.page03 .boxing table tbody tr td{padding:10px 3px; font-size: 11px;word-break:break-all;}
	.page03 .bottom{ margin:60px 0 0 0;font-size:11px;line-height: 22px;}
.page03 p.imgb span{font-size: 12px;}
	.page03 .boxing strong {font-size: 16px;}
	.page03 .boxing .subhead {font-size:16px;}
	
	.page03 .bg01, .page03 .bg02 {background-size:80%;padding:0 0 300px 0;background-position: center bottom;}
	.page03 .bg02 {display: none;}
	.page03 .bg01 .normal, .page03 .bg02 .normal {width:100%;}



	/*  컨텐츠   04 - Nortable Research   */
	.page04 .top {
		padding:30px 20px 0 20px ;
		margin: 0 0 60px 0;
		background-size:100%;
	}
	.page04 .boxing .normal b{font-size: 16px;}
    .page04 p.normal b { font-size: 16px; }
	.page04 .boxing .bg02 {background-position: bottom center; padding: 10px 0px 220px 0;}

	.page04 .clearbox1 .left {width:auto;margin-right:0;margin-bottom:30px;}
	.page04 .clearbox1 .right {width:auto;}
	.page04 .bottom {padding: 100px 20px 20px;background-size:100%;background-position:center 100%;}
	.page04 .bottom p {font-size: 13px; line-height: 20px; padding: 20px;}
      .page04 p.imgb span{font-size: 12px;}
	.page04 .normal span {font-size:14px;}

    .page04 p.imgb {height: auto; float: none; width: 100%;}



	/* 컨텐츠 05 최신보험정보 */
	.page05 .scroll{overflow:scroll;margin:0 0 30px 0;}
	.page05 .m_notice {display:block; margin:0 0 10px 0; font-size:11px; font-weight:900;letter-spacing:-0.03em;color:#0868c1;}
	.page05  table thead tr th{padding:10px 3px; font-size: 12px;}
	.page05  table tbody tr td{padding:10px 3px; font-size: 11px;}
	.page05  table tbody tr td span.blue{font-size:11px;}
   .page04 p.imgb span{font-size: 12px;}
	.page05  table.blue_tb tbody tr th{font-size: 12px;}
	.page05  table.blue_tb tbody tr td{padding:10px 3px;font-size: 11px;word-break:break-all;}
	.page05  table.blue_tb tbody tr td span.blue{font-size:11px;}
	.page05  h4{font-size:18px;}
	.page05  .btns a{display:block;width:70%;height:auto; padding:15px 10px;font-size:11px;line-height: 15px;margin:0 auto 10px;}
	.page05 table {width:600px;}
	.page05 table.reference tbody tr td {font-size:12px;}
	.page05 p.notice {font-size: 13px;}


	/*  컨텐츠 06 */
	.page06 .top {padding:0 20px 70px;}
	.page06 .top strong{margin-bottom:40px;}
	.page06 .top strong span{font-size: 13px;}
	.page06 .boxing{margin:80px 0 0 0;}
	.page06 .boxing h4{font-size: 17px;}	
	.page06 p.imgb img{width:85%;}
	
	.page06 div.left {float:none;width:100%;margin:0;}
	.page06 p.left {float:none;width:100%;margin:0 0 30px 0;}
	.page06 table caption {font-size:12px;}

	.page06  table thead tr th{padding:10px 3px; font-size: 12px;}
	.page06  table tbody tr td{padding:10px 3px; font-size: 11px;}
	.page06  table tbody tr td span.blue{font-size:11px;}




	/* 컨텐츠 07 학회뉴스 안내 */
	.page07 .bg01 {background-position: top center;padding: 230px 0 0 0;}
	.page07 .top ul {padding: 10px 20px;}
	.page07 .top ul li {font-size: 13px; line-height: 24px;}
	.page07 .top p.imgb {float: none; width: 100%;}
	.page07 .bdl {padding: 6px 0 6px 10px;}
	.page07 .box {display: block;}
	.page07 .boxing .imgbox {width: 100%;}
	.page07 .boxing .imgbox:nth-child(2n) {margin: 0 0 10px 0;}
   .page07 .boxing strong {font-size: 15px;}
   .page07  .boxing table tbody tr th { padding: 5px;font-size: 13px; word-break: auto-phrase;}
   .page07 .boxing table tbody tr td {padding: 5px;font-size: 13px; word-break: keep-all;}
	/* 컨텐츠 07  후원사안내 */
	.page08 .center {text-align: center; padding:50px 0; border:2px solid #ddd;margin:0 0 60px 0;}
	.page08 .center img{width:90%;}
	.sponsor .platinum  {margin:0 0 30px 0;}
    .sponsor  h3{font-size: 15px;}
    .sponsor  h3 span{font-size: 12px;}
    .sponsor  dl dt{float: none;width: auto; height:auto;margin-right:0;margin-bottom: 20px;}
    .sponsor  dl dt a .logobox{height: 100px;padding: 25px 0;}
    .sponsor  dl dt a .logobox img{ width:50%;    }
    .sponsor  dl dt a .title{font-size: 12px;}

    .sponsor  dl dd{float:none;width:auto;}
    .sponsor  dl dd table tr th { font-size: 14px;padding:5px 0  5px 10px; display: block;}
    .sponsor  dl dd table tr td {font-size: 13px; line-height: 22px; padding:0; display: block;}


	.sponsor_add ul li{width:100%;margin:0 0 30px;}
	.sponsor_add ul li:nth-child(3n+1) {margin:0 0 30px;}
	.sponsor_add ul li:first-child, .sponsor_add ul li:nth-child(2n+1) {margin:0 0 30px ;}
	.sponsor_add ul li a .thumb{ height:auto; }
	.sponsor_add ul li a .thumb img {width:100%;height:auto;}
	.sponsor_add ul li a .back {line-height:50px;font-size:14px;}
	.sponsor_add   .modal {width:96%;top:100px; left:2%; margin-left:0;padding:10px;box-sizing:border-box;}
	.sponsor_add   .modal  img{width:100%;height:100%;}


	.page08 .spon_tab a {width:100px;height:30px;line-height:30px; font-size:13px;}

    /* 신년사 */
    .page09_01 .img { flex-direction: column; }
    /* .page09_01 .txt .img { align-items: center; } */
    .page09_01 .txt .txt_area { gap: 50px; }
    .page09_01 .txt p.sign strong { display: block; }

	/* 컨텐츠 10 학회일정안내 */
    /* .page10 .bg_box { padding: 80px 0px;} */
    /* .page10 .bg_box2 { background: url(../images/page10_top2.png) 0 50px no-repeat; background-size: 100%; padding: 80px 0px; margin-top: 20px; } */
	.page10 h4{font-size:18px;padding:0 0 0 24px ; letter-spacing:-0.04em;background:url('../images/page07_img01.jpg') 0 4px no-repeat;}
	.page10 .notice{font-size:12px; line-height:20px;}
	.page10 table thead tr th{padding:10px 3px; font-size: 11px;}
	.page10 table tbody tr td{padding:10px 3px; font-size: 11px;letter-spacing:-0.04em;}
	.page10 table tbody tr td a{ padding:3px;border-radius:3px;font-size:8px;line-height:12px;background:none; background-color:#694b90;}



    
    
}



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


	#header_content .logo a img{height:30px;}

	.homemenu .leftbox {left:15px;}
	.homemenu .leftbox p{width:45px;}

	.homemenu .rightbox {right:15px;}
	.homemenu .rightbox .dropbox{margin:0 3px 0 0;}
	.homemenu .rightbox .dropbox h4 {font-size:10px;}
	.homemenu .rightbox .go_web{ width:75px;font-size:10px;}

}




.genetic-box {
    background-color: rgba(234, 222, 230, 0.4); /* 반투명 보라 박스 */
    padding: 16px 22px;
    border-radius: 6px;
    font-family: "Noto Sans KR", sans-serif;
    color: #996b80; /* 자주색 계열 */
    max-width: 1200px;
    line-height: 1.6;
    margin-top:12px;
  }
  
  .genetic-title {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 16px;
  }
  
  .genetic-title span {
    font-weight: normal;
    margin-left: 6px;
  }
  
  .genetic-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
  }
  
  .genetic-list li {
    font-size: 15px;
    margin-bottom: 5px;
    position: relative;
    padding-left: 20px;
    font-weight: 500;
  }
  
  .genetic-list .bullet {
    position: absolute;
    left: 0;
    color: #996b80; /* 자주색 네모 ■ */
    font-size: 10px;
    margin-top: 5px;
    font-weight: bold;
  }
  
  .sub-text {
    display: block;
    font-size: 14px;
    color: black;
    margin-top: 2px;
    font-weight: normal;
  }

  .genetic{
    color:white;
    background-color:  #996b80;
    border-radius: 3px;
    width: 30px;
    text-align: center;
    padding: 0px 4px;
    font-size: 12px;
    line-height: 19px;
    height: 18px;
  }
  .genetic_t{
    display: flex;
  }

  .genetic_t strong{
    font-size: 16px !important;
    line-height: 18px;
    margin-left: 8px;
  }

  /* 테이블 스타일 */
.genetic-table-wrap {
    margin-top: 12px;
  }
  
  .heart-check-table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 14px;
    text-align: center;
  }
  
  .heart-check-table thead th {
    background-color: #855a7b;
    color: #fff;
    padding: 10px 12px;
    font-weight: bold;
  }
  
  .heart-check-table tbody td {
    border-top: 1px solid #ccc;
    padding: 10px 12px;
    color: #333;
  }
  
  .heart-check-table tbody tr:nth-child(even) {
    background-color: #fdf9fb;
  }