@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 ***********************************************************************************************************************/
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:#1273cd;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:#1237cd;}
.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:#1273cd;}

.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:after {content:" "; display:block; clear:both;}
#gnb ul li {float:left; font-size:17px; line-height:54px;height:51px; letter-spacing:-0.04em; padding:0 25px; 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:#1273cd;}


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




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

.mainvisual {width:1200px; height:280px;margin:0 auto; background:url('../images/mainvisual.jpg') center center no-repeat;}
.mainvisual h3{font-family:'roboto';font-weight:400;color:#023268;font-size:65px; line-height:60px;padding:40px 0 0 50px;}
.mainvisual h3 span{display:block;color:#1273cd;font-size:75px;font-weight:600;}
.mainvisual h3:after{content:"";display:block;width:370px;height:1px; background-color:#023268;margin:20px 0 ;}
.mainvisual p{padding:0 0 0 50px;font-family:'roboto';color:#252c32;font-size:20px;line-height:28px;}
.mainvisual p span{display:block;color:#1c8cf4; 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:#1273cd;padding:30px 0;}
.section0 .datebox h3{float:left;width:200px;font-size:22px;font-weight:900;color:#1273cd;padding:30px 0;}
.section0 .newsbox h3:before{content:"";display:inline-block;width:10px;height:28px;background-color:#1273cd;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:#1273cd; 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 #1273cd;}


/* section1 */
.section1{*zoom:1; width:1200px; margin:0 auto; padding:40px 0;}
.section1:after{content:"";display:block;clear:both;}
.section1 .newsbox{float:left; width:380px;height:510px; 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;

}
.section1 .newsbox:first-child{margin:0;}
.section1 .newsbox h3{font-size:22px;font-weight:900;color:#1273cd;padding:30px 0;}
.section1 .newsbox h3:before{content:"";display:inline-block;width:10px;height:28px;background-color:#1273cd;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{width:340px; height:210px; box-sizing:border-box;border:1px solid #ddd;border-right:none; margin:0 0 28px 38px;overflow:hidden;background-color:#fff;}
.section1 .newsbox .thumb img{
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}
.section1 .newsbox .title{width:320px; margin:0 0 0 40px; font-size:20px;color:#111;line-height:28px;letter-spacing:-0.03em;font-weight:600;}
.section1 .newsbox .title span{display:block; border-top:1px solid #ddd; margin-top:18px; padding-top:18px;font-size:15px; color:#666;font-weight:400;}

.section1 .newsbox:hover, .section1 .newsbox:focus{border:1px solid #1273cd;}
.section1 .newsbox:hover .title, .section1 .newsbox:focus  .title{color:#1273cd;}
.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:60px 0;background-color:#f4f4f4;}
.section2_in{ width:1200px;margin:0 auto;}
.section2_in:after{content:"";display:block;clear:both;}
.section2 .newsbox{float:left; width:390px; box-sizing:border-box;position:relative;margin:0 0 0 15px;cursor:pointer;}
.section2 .newsbox:first-child{margin:0;}
.section2 .newsbox h3{font-size:22px;font-weight:900;color:#111;padding:30px 0;}
.section2 .newsbox h3:before{content:"";display:inline-block;width:10px;height:28px;background-color:#1273cd;margin:0 20px 0 0;vertical-align:middle;}
.section2 .newsbox a.plus{position:absolute;top:34px; 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{width:100%; height:210px; box-sizing:border-box;border:1px solid #ddd; overflow:hidden;}
.section2 .newsbox .thumb img{width:100%;
	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:130px; font-size:20px;color:#111;line-height:28px;letter-spacing:-0.03em;font-weight:600;padding:25px;background-color:#fff;}
.section2 .newsbox .stitle{font-size:17px;line-height:24px;}
.section2 .newsbox .title span{display:block; border-top:1px solid #ddd; margin-top:18px; padding-top:18px;font-size:15px; color:#666;font-weight:400;}

.section2 .newsbox:hover .title, .section2 .newsbox:focus  .title{color:#1273cd;}
.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:#1273cd; 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: 32px; width:65%;margin:0 auto; letter-spacing: -0.05em;}
.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:#1273cd;}
#con_area{width:1200px;margin:0 auto 300px ;}


/* 공통 css */
p.normal{font-size: 17px;font-weight: 600; line-height: 30px;margin:0 0 30px 0;text-align: justify;letter-spacing: -0.03em;color: #333;}
p.center{text-align: center;margin:0 0 30px 0;}
p.center img{max-width: 100%;}
.clearbox:after{content: "";display: block;clear: both;}
.clearbox .left {float:left;}
.clearbox .right {float:left;}


/*  컨텐츠   01 - 신년사 */
.page01 .boxing{overflow: hidden;margin-bottom:40px;}
.page01 .boxing .left{float: left;margin-right:30px;}
.page01 .boxing .right{float: left;width:870px;}
.page01 .boxing .right strong{font-size: 19px;color: #344740;font-weight: 900;display: block;margin:10px 0;}
.page01 .boxing .right p{font-size: 17px;line-height: 30px;margin:0 0 15px 0;text-align: justify;font-weight:600; color:#333;letter-spacing:-0.03em;}
.page01 > p{font-size: 17px;line-height: 30px;margin:0 0 15px 0;text-align: justify;font-weight:600; color:#333;letter-spacing:-0.03em;}




/*  컨텐츠   02 - Focus On */
.page02 .top{padding:30px 30px 160px 30px; background:url('../images/page02_img01.png') 0 100% no-repeat;}
.page02 .top strong{display: block;font-size:30px; font-weight: 600;color: #ab739d; text-align: center;line-height: 35px;margin-bottom: 70px;}
.page02 .top strong span{font-size: 16px;font-weight: 600;color: #555555;}
.page02 .boxing{margin:80px 0 0 0;}
.page02 .boxing h4{font-size: 19px;font-weight: 900;color: #111111; text-align: center; padding:0 0 30px 0;}
.page02 .boxing .imgb{padding:20px 0; border: 2px solid #d9dee1;text-align:center;margin:30px 0 60px 0;}
.page02 .boxing .imgb span{display:block; margin:20px 0 0 0; font-size:14px; font-weight:900; color:#ab739d;}
.page02 .clearbox1 .left {width:890px;margin-right:40px;}
.page02 .clearbox1 .right {width:270px;}
.page02 .clearbox2 .left {width:830px;margin-right:40px;}
.page02 .clearbox2 .right {width:330px;}
.page02 .clearbox3 .left {width:420px;margin-right:40px;}
.page02 .clearbox3 .right {width:740px;}

.page02 .bottom{padding:30px; margin:80px 0 0 0; background:url('../images/page02_img06.png') center 100% no-repeat;font-size:13px; letter-spacing: -0.04em;line-height: 18px;color: #586981;}



/*  컨텐츠   03 - Technology Trend */
.page03 .top{padding:30px 30px 180px 30px; background:url('../images/page03_img01.jpg') 0 100% no-repeat;}
.page03 .top h4{font-size: 19px;font-weight: 900;color: #111111; text-align: center; padding:0 0 30px 0;}
.page03 .top strong{display: block;font-size:30px; font-weight: 600;color: #5786a4; text-align: center;line-height:35px;margin-bottom: 70px;}
.page03 .top strong span{font-size: 16px;font-weight: 600;color: #555555;}
.page03 p.imgb{padding:30px 0; border:1px solid #aadcff;margin:0 0 60px 0;}
.page03 p.center span{display: block;font-size: 14px; font-weight: 900;color: #5786a4;margin:20px 0 0 0;}
.page03 .boxing{margin:80px 0 0 0;}
.page03 .boxing h4{font-size: 19px;font-weight: 900;color: #111111; text-align: center; padding:0 0 30px 0;}

.page03 .bottom{ margin:80px 0 0 0;font-size:14px; letter-spacing: -0.04em;line-height: 25px;color: #586981;}



/*  컨텐츠   04 - 사용자경험  */
.page04 .top{padding:0 0 110px 0 ; background:url('../images/page04_img01.jpg') center 100% no-repeat;}
.page04 .top strong{display: block;font-size:30px; font-weight: 600;color: #ff9c00; text-align: center;line-height: 35px;margin-bottom: 70px;}
.page04 .top strong span{font-size: 16px;font-weight: 600;color: #555;}
.page04 .boxing{padding:45px; border-top:8px solid #89994f;background:url('../images/page04_img02.jpg') 0 0 repeat-x;}
.page04 .boxing table{width:100%;}
.page04 .boxing table thead tr th{padding:10px; font-size: 17px;font-weight: 900;color: #fff;background-color: #89994f;border-left:1px solid #fff;border-bottom: 1px solid #ddd;}
.page04 .boxing table tbody tr th{padding:10px; font-size: 17px;font-weight: 900;color: #fff;background-color: #89994f;border-left:1px solid #fff;border-bottom: 1px solid #ddd;}
.page04 .boxing table tbody tr td{padding:10px; font-size: 16px;font-weight: 900;color: #333;border-left:1px solid #ddd;border-bottom: 1px solid #ddd;text-align: center;}

.page04 .bottom{ margin:80px 0 0 0;font-size:14px; letter-spacing: -0.04em;line-height: 25px;color: #586981;}


/*  컨텐츠   05 - Nortable Research */
.page05 .top{padding:30px 30px 160px 30px; background:url('../images/page05_img01.jpg') 0 100% no-repeat;margin:0 0 60px 0;}
.page05 .top strong{display: block;font-size:30px; font-weight: 600;color: #a0883f; text-align: center;line-height: 35px;margin-bottom: 70px;}
.page05 .top strong span{font-size: 16px;font-weight: 600;color: #555555;}
.page05 .boxing{margin:80px 0 0 0;}
.page05 .boxing h4{font-size: 19px;font-weight: 900;color: #111111; text-align: center; padding:0 0 30px 0;}

.page05 .clearbox1 .left {width:850px;margin-right:40px;}
.page05 .clearbox1 .right {width:310px; text-align: center;}
.page05 .clearbox1 .right span{font-size: 13px; font-weight: 900;color: #686a36;margin:20px 0 0 0;letter-spacing: -0.04em;}

.page05 .clearbox2 .left {width:280px;margin-right:40px;}
.page05 .clearbox2 .right {width:880px;}

.page05 p.imgb{padding:30px 0; border:1px solid #b79742;margin:60px 0;}
.page05 p.center span{display: block;font-size: 14px; font-weight: 900;color: #a0883f;margin:20px 0 0 0;}

.page05 .bottom{padding:20px; margin:80px 0 0 0; font-size:13px; letter-spacing: -0.04em;line-height: 22px;color: #666;background-color: #f4f4f4;}


/* 컨텐츠 06 최신보험정보 */
.page06 .scroll .m_notice {display:none;}
.page06  table{width:100%;}
.page06  table thead tr th{padding:15px 5px; font-size: 18px;font-weight: 600;color: #fff;background-color: #7cb2d5;border-left:2px solid #fff;border-bottom: 2px solid #ddd;}
.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: 25px;word-break:keep-all;background-color: #f4f4f4;}
.page06  table tbody tr td span.blue{font-weight: 900;color:#0050c0;font-size:15px;}
.page06  table tbody tr.gray td {background-color:#e7f2fa;}

.page06  table.blue_tb thead tr th{background-color: #25597a;}
.page06  table.blue_tb tbody tr th{background-color: #25597a;color: #fff; font-size: 18px;font-weight: 600;}
.page06  table.blue_tb tbody tr td{padding:15px;font-size: 14px;}
.page06  table.blue_tb tbody tr td span.blue{font-weight: 600;color:#1069a2;font-size:13px;}
.page06  h4{font-size:22px;margin:50px 0 10px;font-weight: 900;color: #25597a;}
.page06  .btns {text-align: center;margin:50px 0 0 0;}
.page06  .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;}
.page06  .btns a:hover, .page06  .btns a:focus{background-color: #005287;}



/* 컨텐츠 07 최신보험정보 */

.page07 .top{width:30%; margin:0 auto 60px; padding:20px 10px; border-top:1px solid #c67101;border-bottom:1px solid #c67101;text-align: center;}
.page07 .top p{font-size: 22px; margin: 5px 0; color: #111111; font-weight: 900;}
.page07 .top p span img {vertical-align: middle;}
.page07 .normal strong{font-weight: 900;color: #c67101;}
.page07 .clearbox1 .left{width:600px;margin-right:40px; }
.page07 .clearbox1 .left span{display: block;padding:15px 0;background-color:#f2f2f2;font-size:14px; font-weight:900;color: #8f742c;text-align: center;margin:20px 0 0 0;}
.page07 .clearbox1 .right{width:560px;}



/* 컨텐츠 08 학회일정 안내 */
.page08 h4{font-size: 27px;font-weight: 900;color: #4a2a68;padding:0 0 0 26px ; margin:0 0 20px 0;background:url('../images/page08_img01.jpg') 0 12px no-repeat;}
.page08 .notice{color:#f81356;margin:10px 0 60px;font-weight: 600;}
.page08  table{width:100%;border-bottom:1px solid #ddd;}
.page08  table  thead tr th{padding:15px; background-color:#dad1e9;font-size: 17px;font-weight: 900;border-left:2px solid #fff;}
.page08  table  tbody tr td{padding:15px; font-size: 15px;font-weight: 600;text-align: center;}
.page08  table  tbody tr.gray td {background-color:#f4f4f4;}
.page08  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;}


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

.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  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  .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;}








@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: #1273cd;
	  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;}

	
	/* main */

	.mainvisual {width:100%; height:220px;background-size:cover;background-position:35% center;}
	.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;}


	/* section0 */
	.section0{width:auto; margin:0 auto;padding:20px 15px 0;}
	.section0 .newsbox{float:none; width:auto;height:auto; margin:0 0 20px 0;}
	.section0 .datebox {background:url('../images/datebox_bg.jpg') 100% 100% no-repeat;}
	.section0 .newsbox:first-child{margin:0 0 20px 0;}
	.section0 .newsbox h3{float:none;width:auto;font-size:18px;padding:20px 0 0;}
	.section0 .datebox h3{float:none;width:auto;font-size:18px;padding:20px 0 0;}
	.section0 .newsbox h3:before{width:6px;margin:0 15px 0 0;}
	.section0 .newsbox .desc {float:none; padding:15px 20px;width:auto;font-size:13px;}
	.section0 .newsbox .desc strong{font-size:15px; }
	.section0 .datebox .desc {float:none; padding:15px 20px;width:auto;font-size:14px;line-height:24px;}


	/* section1 */
	.section1{width:auto; padding:20px 15px;}
	.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; font-size:15px;line-height:28px;word-break:keep-all;}
	.section1 .newsbox .title span{font-size:13px;padding-top:13px; margin-top:13px;}


	/* section2 */
	.section2{padding:20px 15px;}
	.section2_in{ width:auto;}
	.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 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;}
    
    #con_area{width:auto;padding:0 15px;margin:0 auto 100px;}



	/* 공통 css */
	p.normal{font-size: 13px; line-height:28px;word-break:break-all;}
	p.center img{max-width: 90%;}
	.clearbox .left {float:none;}
	.clearbox .right {float:none;}
	.clearbox  img{max-width:90%;}



    /*  컨텐츠   01 - 신년사 */
    .page01 .boxing .left{float: none;margin-right:0;margin-bottom:20px;text-align: center;}
    .page01 .boxing .left img{width: 150px;}
    .page01 .boxing .right{float: none;width:auto;}
    .page01 .boxing .right strong{font-size: 14px;text-align: center;}
    .page01 .boxing .right p{font-size: 13px;line-height: 28px;}
    .page01 .boxing .right p.img     {text-align: center;}
    .page01 .boxing .right p.img img{max-width: 100%;}
    .page01 > p{font-size: 13px;line-height: 28px;}



	/*  컨텐츠   02 - Focus On */
	.page02 .top{padding:0 20px 70px 20px; }
	.page02 .top strong{margin-bottom:40px;}
	.page02 .boxing h4{font-size: 17px;line-height:27px;word-break:keep-all;}
	.page02 .boxing .imgb span{font-size:10px;}
	.page02 .clearbox1 .left {width:auto;margin:0 0 30px 0;}
	.page02 .clearbox1 .right {width:auto;text-align:center;margin:0 0 30px 0;}

	.page02 .clearbox2 .left {width:auto;margin:0 0 30px 0;}
	.page02 .clearbox2 .right {width:auto;margin:0 0 30px 0;text-align:center;}
	.page02 .clearbox3 .left {width:auto;margin:0 0 30px 0;text-align:center;}
	.page02 .clearbox3 .right {width:auto;}

	.page02 .bottom{padding:10px; margin:40px 0 0 0;font-size:12px; word-break:break-all;}



	/*  컨텐츠   03 - Technology Trend */
	.page03 .top{padding:0 20px 70px 20px;background-size:400%;background-position:center 100%;}
	.page03 .top h4{font-size: 17px;padding:0 0 30px 0;}
	.page03 .top strong{margin-bottom:40px;}
	.page03 p.imgb{padding:20px 0; text-align:center;}

	.page03 p.imgb img{width:85%;}
	.page03 p.imgb2 img {width:33.3%;}
	.page03 p.center span{font-size: 11px; padding:0 10px;}
	.page03 .boxing h4{font-size: 17px;}
	.page03 .bottom{font-size:11px;}



	/*  컨텐츠   04 - 사용자경험  */
	.page04 .boxing{padding:20px; }
	.page04 .boxing table thead tr th{padding:10px 3px; font-size: 11px;}
	.page04 .boxing table tbody tr th{padding:10px 3px; font-size: 11px;}
	.page04 .boxing table tbody tr td{padding:10px 3px; font-size: 11px;word-break:break-all;}
	.page04 .bottom{ margin:60px 0 0 0;font-size:11px;line-height: 22px;}


	/*  컨텐츠   05 - Nortable Research */
	.page05 .top{padding:0 15px 80px 15px;background-size:400%; background-position:20% 100%;}
	.page05 .top strong{margin-bottom:40px;}
	.page05 .boxing{margin:60px 0 0 0;}
	.page05 .boxing h4{font-size: 17px;}
	.page05 .clearbox1 .left {width:auto;margin:0 0 30px 0;}
	.page05 .clearbox1 .right {width:auto;margin:0 0 30px 0; }
	.page05 .clearbox1 .right span{font-size: 11px; }
	.page05 .clearbox2 .left {width:auto;margin:0 0 30px 0;text-align:center;}
	.page05 .clearbox2 .right {width:auto;margin:0 0 30px 0;}

	.page05 p.imgb{padding:20px 0; }
	.page05 p.imgb img{width:80%;}
	.page05 p.center span{font-size:11px; }
	.page05 .bottom{font-size:11px; }


	/* 컨텐츠 06 최신보험정보 */
	.page06 .scroll{overflow:scroll;}
	.page06 .scroll .m_notice {display:block; margin:0 0 10px 0; font-size:11px; font-weight:900;letter-spacing:-0.03em;color:#0868c1;}
	.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;}

	.page06  table.blue_tb tbody tr th{font-size: 12px;}
	.page06  table.blue_tb tbody tr td{padding:10px 3px;font-size: 11px;word-break:break-all;}
	.page06  table.blue_tb tbody tr td span.blue{font-size:11px;}
	.page06  h4{font-size:18px;}
	.page06  .btns a{display:block;width:70%;height:auto; padding:15px 10px;font-size:11px;line-height: 15px;margin:0 auto 10px;}


	/* 컨텐츠 07 학회뉴스 */

	.page07 .top{width:auto; margin:0 auto 30px;}
	.page07 .top p{font-size:16px;}
	.page07 .center{margin:0 0 10px 0;}
	.page07 .clearbox1 .left{width:auto;margin:0 0 30px 0; text-align:center;}
	.page07 .clearbox1 .left span{padding:15px;font-size:12px; }
	.page07 .clearbox1 .right{width:auto; margin:0 0 30px 0; }



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


	/* 컨텐츠 09  후원사안내 */
	.page09 .center {text-align: center; padding:50px 0; border:2px solid #ddd;margin:0 0 60px 0;}
	.page09 .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;}


    
    
}



@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;}

}