@charset "utf-8";
* {letter-spacing:-0.05em;word-spacing:-0.05em;word-break:keep-all;}
#wrap {width:100%;overflow:hidden;padding-top:83px;}

#header {position:absolute;left:0;top:0;width:100%;z-index:500;background:#fff;overflow:hidden;height:83px;}
#header:before {content:"";display:block;position:absolute;left:0;top:83px;width:100%;height:1px;background:#ddd;z-index:0;}
.menu-on #header {height:417px;border-bottom:3px solid #2864b9;}

#header .logo {position:absolute;left:48px;top:21px;z-index:100;}
#header .logo * {display:block;position:relative;}
#header .inner {position:relative;height:83px;width:1430px;margin:0 auto;z-index:10;text-align:center;font-size:0;}
#header .gnb {display:inline-block;text-align:left;position:relative;}
#header .gnb > li {display:inline-block;}
#header .gnb > li > a {display:block;height:83px;line-height:83px;font-family:bg,sans-serif;letter-spacing:0;padding:0 32px;font-size:20px;color:#000;position:relative;}
#header .gnb > li > a:first-child:before,
#header .gnb > li > a:after {content:"";display:block;width:1px;height:16px;position:absolute;top:50%;margin-top:-8px;background:#ccc;}
#header .gnb > li > a:first-child:before {left:0;}
#header .gnb > li > a:after {right:0;}
#header .gnb .float {position:absolute;left:0;top:100%;background:#fff;display:none;height:334px;}
#header .gnb .float .img {position:absolute;right:100%;top:0;height:332px;width:800px;border-right:1px solid #ddd;border-top:1px solid #ddd;background-color:#f5f5f5;background-position:100% 0;background-repeat:no-repeat;}
#header .gnb .float .img dl {width:260px;text-align:center;position:absolute;top:220px;right:0;}
#header .gnb .float .img dl dt {font-size:30px;color:#434850;font-weight:600;}
#header .gnb .float .img dl dd {font-size:14px;line-height:1.2em;margin-top:5px;color:#777;}
#header .gnb .float .menu {padding:30px 0 0 30px;white-space:nowrap;z-index:10;position:relative;border-top:1px solid #ddd;}
#header .gnb .float .menu > li {display:inline-block;margin-left:25px;vertical-align:top;width:200px;}
#header .gnb .float .menu > li:first-child {margin-left:0;}
#header .gnb .float .menu > li > a {display:block;font-size:17px;color:#000;font-weight:500;border-bottom:1px solid #ddd;height:40px;line-height:40px;}
#header .gnb .float .menu li ul {padding:8px 0 0 8px;}
#header .gnb .float .menu li ul:after {content:"";display:block;clear:both;}
#header .gnb .float .menu li ul li a {display:block;font-size:15px;color:#7c7c7c;padding:2px 0;letter-spacing:-0.1em;font-weight:500;}
#header .gnb .gnb1 .float .menu li:last-child ul li {float:left;}
#header .gnb .gnb1 .float .menu li:last-child ul li:nth-child(odd) {float:left;width:140px;}
#header .gnb .gnb1 .img {background-image:url(../images/gnb1-bg.jpg);}
#header .gnb .gnb2 .img {background-image:url(../images/gnb2-bg.jpg);}
#header .gnb .gnb3 .img {background-image:url(../images/gnb3-bg.jpg);}
#header .gnb .gnb3 .menu {white-space:normal;width:950px;}
#header .gnb .gnb4 .img {background-image:url(../images/gnb4-bg.jpg);}
#header .gnb .gnb4 .menu {white-space:normal;width:950px;}
#header .gnb .gnb4 .menu > li {width:170px;margin-left:0;margin-right:20px;margin-bottom:10px;}
#header .gnb > li:hover > a,
#header .gnb > li.active > a,
#header .gnb .float .menu > li:hover > a,
#header .gnb .float .menu > li.active > a,
#header .gnb .float .menu li ul li:hover a,
#header .gnb .float .menu li ul li.active a {color:#0f7bd6;}
#header .gnb > li:hover > .float {display:block;}


#vis {position:relative;}
#vis .vis {position:relative;height:525px;background-repeat:no-repeat;}
#vis .vis .txt {padding:65px 0 0 50px;}
#vis .vis .txt dl dt {font-size:46px;line-height:50px;color:#000;font-weight:300;}
#vis .vis .txt dl dt strong {font-weight:500;}
#vis .vis .txt dl dd {font-size:15px;line-height:20px;color:#7e7e7e;margin-top:15px;}
#vis .vis .txt .btn {margin-top:20px;}
#vis .vis .txt .btn a {
	display:inline-block;
	width:117px;
	height:41px;
	box-sizing:border-box;
	border-radius:20.5px;
	text-align:center;
	font-size:16px;
	font-weight:600;
	border:1px solid #2864b9;
	line-height:39px;
	color:#2864b9;
}
#vis .paging {font-size:0;overflow:hidden;background:#fff;}
#vis .paging a {width:50%;float:left;border:1px solid #cfcfcf;box-sizing:border-box;height:61px;line-height:59px;text-align:center;font-size:17px;font-weight:600;color:#747474;}
#vis .paging a:first-child {border-right:none;}
#vis .paging .active {background:#293377;color:#fff;}
#vis > .roll > .vis:nth-child(n+2) {display:none;}

#main {background:url(../images/main-bg.gif) repeat-x;height:801px;padding-top:57px;}
#main .inner {width:1430px;margin:0 auto;}
#main .inner:after {content:"";display:block;clear:both;}
#main .lef {width:684px;float:left;}
#main .rig {width:726px;float:right;}

#main .lef .link {background:#fff;box-sizing:border-box;height:141px;margin-top:20px;padding:16px 15px 0 21px;font-size:0;}
#main .lef .link a {display:inline-block;width:16.66666%;box-sizing:border-box;border:1px solid #d8d8d8;height:28px;text-align:center;margin:-1px 0 0 -1px;color:#939393;}
#main .lef .link a:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
#main .lef .link a span {display:inline-block;vertical-align:middle;font-size:13px;font-weight:500;}
#main .lef .link .first {background:#ff7420;color:#fff;}
#main .lef .link .first span {font-size:14px;}
#main .lef .link a:hover {color:#000;position:relative;z-index:10;border-color:#000;}

#main .rig:after {content:"";display:block;clear:both;}
#main .rig .box {float:left;width:352px;display:block;box-sizing:border-box;}
#main .rig .link {height:283px;background-color:#fff;background-repeat:no-repeat;background-position:100% 100%;padding:35px 0 0 25px;}
#main .rig .link h3 {font-size:26px;color:#293377;font-weight:600;margin-bottom:15px;}
#main .rig .link .sum {font-size:14px;line-height:1.2em;color:#a5a5a5;font-weight:500;margin-bottom:90px;}
#main .rig .link .btn a {
	display:inline-block;
	box-sizing:border-box;
	text-align:center;
	width:92px;
	height:34px;
	line-height:32px;
	color:#a5a5a5;
	border:1px solid #cacaca;
	border-radius:17px;
	font-size:14px;
}
#main .rig .link .btn a > * {display:inline-block;vertical-align:middle;}
#main .rig .link .btn a span {margin-right:5px;}
#main .rig .box2,
#main .rig .box4,
#main .rig .box6 {float:right;}
#main .rig .box3,
#main .rig .box4,
#main .rig .box5,
#main .rig .box6 {margin-top:20px;}
#main .rig .box2 span {display:block;}
#main .rig .box2 .bot {background:#fff;height:76px;box-sizing:border-box;padding:13px 0 0 20px;}
#main .rig .box2 .bot > * {display:block;font-weight:500;}
#main .rig .box2 .bot strong {font-size:20px;color:#293377;}
#main .rig .box2 .bot em {font-size:14px;color:#a1a1a1;}
#main .rig .box4 iframe {display:block;width:100%;height:283px;}
#main .rig .why {height:141px;background-color:#fff;background-repeat:no-repeat;background-position:100% 100%;padding:32px 0 0 22px;color:#293377;}
#main .rig .why > * {display:block;line-height:1em;}
#main .rig .why > strong {font-size:26px;font-weight:600;}
#main .rig .why > em {font-size:19px;}
#main .rig .box5 {}
#main .rig .box5 strong {padding:10px 0 5px;}
#main .rig .box6 strong {padding:5px 0;}

#footer {padding:25px 0;color:#8e8e8e;}
#footer .inner {width:1430px;margin:0 auto;position:relative;box-sizing:border-box;padding-left:135px;}
#footer h2 {position:absolute;left:18px;top:50%;margin-top:-27.5px;font-size:0;}
#footer .sns {position:absolute;right:0;top:50%;margin-top:-16px;}
#footer .sns li {float:left;margin-left:5px;}
#footer address {font-size:13px;line-height:19px;}
#footer address > * {display:inline-block;}
#footer address em {padding:0 7px;}
#footer .copy {font-size:12px;margin-top:10px;letter-spacing:0;}

.sub #footer {background:#ececec;}



#snb {border-top:1px solid #dbdbdb;position:relative;z-index:100;background:#344d70;}2018-04-18
#snb .snb {width:1152px;margin:0 auto;font-size:0;}
#snb .snb > li {display:inline-block;position:relative;margin-left:-1px;vertical-align:top;}
#snb .snb > li:first-child {margin-left:0;}
#snb .snb > li > a,
#snb .snb > li > span {display:block;height:49px;line-height:49px;border-left:1px solid #4d617d;position:relative;color:#bfd3f0;font-size:15px;background:#213a5d;}
#snb .snb > li > a {width:60px;text-align:center;font-size:18px;}
#snb .snb > li > span {font-size:15px;padding:0 50px 0 20px;cursor:pointer;min-width:150px;}
#snb .snb > li > span:before {content:"\f1af";font-family:axicon;position:absolute;right:15px;top:0;font-size:10px;}
#snb .snb > li:last-child > span {border-right:1px solid #4d617d;}

#snb .snb li ul {display:none;position:absolute;left:0;top:100%;min-width:100%;border:1px solid #4d617d;border-top:none;background:#fff;box-sizing:border-box;padding:15px 0;}
#snb .snb li ul li a {display:block;font-size:14px;white-space:nowrap;padding:2px 20px;color:#999;}
#snb .snb > li.on > span,
#snb .snb > li:hover > span {color:#fff;}
#snb .snb > li.on > span:before,
#snb .snb > li:hover > span:before {content:"\f1b2";}
#snb .snb > li.on > ul,
#snb .snb > li:hover > ul {display:block;}
#snb .snb li ul li a:hover {color:#000;}


#sub {padding:55px 0 70px;}
#sub > .inner {width:1152px;margin:0 auto;min-height:60vh;}

#tit {margin-bottom:30px;}
#tit h2 {font-size:30px;font-weight:600;color:#333;}

#about {position:relative;overflow:hidden;}
#about .vis {position:relative;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
#about .vis .img {opacity:0;transition:2s;transition-delay:0.5s;margin:0 -1000px;text-align:center;}
#about .vis1 .img {top:0;}
#about .vis2 .img {top:0;}
#about .vis3 .img {top:0;}
#about .vis4 .img {top:0;}

#about .vis.active .img {opacity:1;}

#about .paging {position:absolute;right:50%;margin-right:680px;top:50%;margin-top:-169px;z-index:100;}
#about .paging a {display:block;width:62px;height:62px;position:relative;margin-top:30px;}
#about .paging a:first-child {margin-top:0;}
#about .paging a em {display:block;border-radius:50%;background:rgba(255,255,255,0.1);}
#about .paging a em img {opacity:0.2;}
#about .paging a span {position:absolute;left:100%;margin-left:10px;top:0;height:62px;line-height:62px;color:#fff;opacity:0.5;font-size:25px;font-family:nm,serif;letter-spacing:0;}

#about .paging .active em {background:rgba(0,0,0,0.1);}
#about .paging .active em img {opacity:1;}
#about .paging .active span {display:block;opacity:1;}
#about.type4 .paging a em {background:rgba(0,0,0,0.15);}
#about.type4 .paging a span {color:#000;opacity:0.38;}
#about.type4 .paging .active em {background:rgba(0,0,0,0.3);}
#about.type4 .paging .active span {color:#3a3a3a;opacity:1;}


#why .vis {overflow:hidden;}

#why .main {width:1153px;margin:0 auto;padding:50px 0 100px;}
#why .main h2 {position:relative;font-size:30px;font-weight:normal;padding-top:10px;color:#293377;letter-spacing:-0.075em;}
#why .main h2:before {content:"";display:block;width:44px;height:2px;position:absolute;left:0;top:0;background:#a7adb2;}
#why .main .sum {font-size:26px;color:#293377;padding-left:30px;}
#why .main h3 {font-size:26px;font-weight:300;color:#293377;letter-spacing:-0.075em;}
#why .main h3 > * {display:inline-block;letter-spacing:-0.075em;}
#why .main h3 .bar {color:#ccc;padding:0 5px;}
#why .main h3 em {font-size:18px;display:block;padding-left:45px;}
#why .main .bot {font-size:17px;color:#777;}
#why .main .bot strong {color:#000;}
#why .main .bot > * {display:inline-block;vertical-align:middle;}
#why .main .bot em {padding:0 6px;color:#ddd;margin-top:5px;}



.__tab1 {font-size:0;margin-right:-4px;margin-bottom:30px;}
.__tab1 a {text-align:center;display:inline-block;box-sizing:border-box;border:1px solid #d1d6d8;border-bottom:2px solid #293377;height:64px;color:#979797;width:25%;font-weight:600;background:#f2f5f6;margin-left:-1px;position:relative;}
.__tab1 a:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__tab1 a span {display:inline-block;vertical-align:middle;font-size:18px;}
.__tab1 a:first-child {margin-left:0;}
.__tab1 a.active {background:#fff;border:2px solid #293377;border-bottom:none;color:#293377;z-index:10;}
.__tab1 a.active span {font-size:30px;}
.__tab1.leng2 {margin-right:-2px;}
.__tab1.leng2 a {width:50%;}
.__tab1.type2 a span {font-size:22px;}
.__tab1.type2 a.active span {font-size:30px;}

.__tab2 {font-size:0;margin:0 -2px 50px;}
.__tab2 li {display:inline-block;vertical-align:top;box-sizing:border-box;width:11.111111%;padding:0 2px;}
.__tab2 li a {display:block;border:2px solid #d6d6d6;text-align:center;}
.__tab2 li a > * {display:block;}
.__tab2 li a .img .on {display:none;}
.__tab2 li a .txt {height:45px;background:#f4f4f4;color:#888;}
.__tab2 li a .txt:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__tab2 li a .txt em {display:inline-block;vertical-align:middle;font-size:15px;font-weight:500;}
.__tab2 li.active a,
.__tab2 li a:hover {border-color:#293377;}
.__tab2 li.active a .txt,
.__tab2 li a:hover .txt {background:#293377;color:#fff;}
.__tab2 li.active a .img .on,
.__tab2 li a:hover .img .on {display:inline-block;}
.__tab2 li.active a .img .off,
.__tab2 li a:hover .img .off {display:none;}

.__tab2.type2 li {position:relative;}
.__tab2.type2 li:before {
	content:"";
	border:10px solid transparent;
	border-bottom:10px solid #293377;
	display:none;
	height:0;
	left:50%;
	margin-left:-10px;
	position:absolute;
	bottom:-15px;
	width:0;
}
.__tab2.type2 .active:before {display:block;}

.__tab3 {font-size:0;margin-right:-6px;margin-bottom:50px;padding:1px 0 0 1px;}
.__tab3 a {text-align:center;display:inline-block;box-sizing:border-box;border:1px solid #bdc1c1;height:45px;color:#979797;width:16.666666%;font-weight:600;background:#fff;margin-left:-1px;margin-top:-1px;position:relative;}
.__tab3 a:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__tab3 a span {display:inline-block;vertical-align:middle;font-size:14px;}
.__tab3 a:hover,
.__tab3 a.active {background:#2864b9;color:#fff;z-index:10;}

.__tab4 {margin-bottom:50px;font-size:0;border-bottom:2px solid #293377;}
.__tab4 a {
	display:inline-block;
	width:220px;
	height:48px;
	margin-left:-1px;
	background:#f2f5f6;
	text-align:center;
	color:#979797;
	box-sizing:border-box;
	border:1px solid #aeb6c0;
	border-bottom:none;
	font-weight:500;
	position:relative;
}
.__tab4 a:first-child {margin-left:0;}
.__tab4 a:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__tab4 a span {display:inline-block;vertical-align:middle;font-size:18px;}
.__tab4 .active {background:#fff;border:2px solid #293377;border-bottom:none;margin-bottom:-2px;height:50px;z-index:10;}
.__tab4 .active span {color:#293377;font-size:26px;}


.__sum {border:1px solid #afafaf;border-top:2px solid #293377;background:#e8edf5;padding:15px;margin-bottom:55px;margin-top:-35px;text-align:center;}
.__sum li > * {display:inline-block;vertical-align:middle;}
.__sum li strong {font-size:16px;color:#5f5f5f;}
.__sum li span {font-size:16px;color:#5f5f5f;}


.__product-list {font-size:0;}
.__product-list .box {display:inline-block;vertical-align:top;width:25%;box-sizing:border-box;text-align:center;}
.__product-list .box:nth-child(n+5) {margin-top:60px;}
.__product-list .box .img {height:245px;}
.__product-list .box .img:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__product-list .box .img a {display:inline-block;vertical-align:middle;max-width:100%;}
.__product-list .box .img a img {max-width:100%;}
.__product-list .box .info {margin-top:17px;}
.__product-list .box .info .subject a {font-size:18px;color:#333;font-weight:600;}
.__product-list .box .info .sum {font-size:14px;font-weight:600;margin-top:5px;line-height:1.3em;color:#95999c;}


.__botarea {margin-top:50px;position:relative;min-height:44px;}
.__botarea .cen {text-align:center;}
.__botarea .rig {position:absolute;right:0;top:0;}

.__paging {font-size:0;}
.__paging a {
	display:inline-block;_display:inline;
	box-sizing:border-box;
	width:41px;
	height:44px;
	line-height:42px;
	border:1px solid #c7c7c7;
	text-align:center;
	vertical-align:middle;
	font-size:16px;
	z-index:0;
	margin:0 3px;
	position:relative;
}
.__paging .num {color:#6f6f6f;}
.__paging .arr {color:#acacac;background:#f5f5f5;}
.__paging .num:hover,
.__paging .arr:hover {border-color:#000;color:#000;}
.__paging .num.active {color:#000;background:#f5f5f5;text-decoration:underline;}
.__paging .prev {margin-right:10px;}
.__paging .next {margin-left:10px;}


.__product-view .title {text-align:center;border-bottom:1px solid #a0a0a0;padding-bottom:25px;margin-bottom:50px;}
.__product-view .title h3 {font-size:40px;font-weight:500;color:#333;}
.__product-view .one:after {content:"";display:block;clear:both;}
.__product-view .one .img {float:left;width:633px;}
.__product-view .one .info {float:right;width:398px;}
.__product-view .one .info .tbl {width:100%;table-layout:fixed;border-top:2px solid #2763ba;}
.__product-view .one .info .tbl tr > * {border:1px solid #b4b4b4;}
.__product-view .one .info .tbl tr th {background:#f3f8fc;text-align:center;font-size:14px;font-weight:600;width:80px;}
.__product-view .one .info .tbl tr td {font-size:16px;line-height:22px;padding:14px 20px;}
.__product-view .tit {margin-top:60px;border-bottom:2px solid #2763ba;}
.__product-view .tit h4 {font-size:24px;color:#000;padding-bottom:8px;font-weight:500;}
.__product-view .tit.type2 {height:44px;line-height:44px;background:#74cdd9;border-bottom:none;}
.__product-view .tit.type2 h4 {color:#fff;padding-left:30px;}
.__product-view .two .top {font-size:23px;line-height:36px;padding:30px 100px;font-weight:500;color:#293377;}

.__product-view .two .bot {padding:20px 70px;background:#ececec;}
.__product-view .two .bot dl dt {display:inline-block;padding:15px 40px;position:relative;background:#fff;color:#293377;border:1px solid #293377;border-radius:30px;font-size:20px;font-weight:600;}
.__product-view .two .bot dl dd {
	margin-top:20px;
	position:relative;
	border:1px solid #adadad;
	padding:20px;
	font-size:18px;
	color:#444;
	border-radius:20px;
	background:#fff;
	font-size:18px;
}
.__product-view .two .bot .ico {width:34px;height:34px;border-radius:50%;color:#fff;background:#293377;text-align:center;line-height:32px;font-weight:normal;font-size:21px;position:absolute;left:-20px;top:50%;margin-top:-17px;}
.__product-view .two .bot dl dd .ico {top:-10px;margin-top:0;background:#74cdd9;}


.__product-view .two .bot .btn {text-align:right;margin-top:10px;}
.__product-view .two .bot .btn a {display:inline-block;width:107px;height:31px;line-height:31px;border-radius:15.5px;color:#fff;text-align:center;background:#f93439;font-size:16px;font-weight:600;}
.__product-view .thr {border-top:1px dashed #aaa;padding-top:50px;text-align:right;}
.__product-view .thr .btn {width:400px;height:50px;line-height:50px;text-align:center;color:#fff;background:#293377;font-size:19px;display:inline-block;}


.__blue {color:#293377 !important;}


.__rel-list {font-size:0;margin-right:-3px;padding:1px 0 0 1px;}
.__rel-list .box {display:inline-block;box-sizing:border-box;width:33.33333%;margin:-1px 0 0 -1px;text-align:center;border-bottom:1px solid #b8bebf;border-right:1px dashed #aaa;border-left:1px dashed #aaa;}
.__rel-list .box .img {height:197px;}
.__rel-list .box .img:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__rel-list .box .img a {display:inline-block;vertical-align:middle;max-width:100%;}
.__rel-list .box .img a img {max-width:100%;}
.__rel-list .box .subject {background:#f1f5fb;height:47px;line-height:47px;font-weight:600;font-size:18px;}
.__rel-list .box .subject a {display:block;color:#444;}


.__mytype1 {box-sizing:border-box;margin-bottom:70px;}
.__mytype1 h3 {font-size:17px;font-weight:600;color:#293377;text-align:center;padding:0 0 12px;}
.__mytype1 .tbl {}
.__mytype1 .tbl table {width:100%;border:2px solid #293377;}
.__mytype1 .tbl table tr th {border-bottom:1px solid #c0cacc;border-right:1px solid #cadbf4;font-size:14px;color:#cadbf4;background:#293377;width:170px;}
.__mytype1 .tbl table tr td {border-bottom:1px solid #c0cacc;background:#fff;font-size:0;}
.__mytype1 .tbl table tr:nth-child(even) td {background:#edf0f5;}
.__mytype1 .tbl table tr td > div {margin-right:-1px;}

.__mytype1 .tbl table tr td label {display:inline-block;box-sizing:border-box;border-left:1px solid #cacaca;text-align:center;position:relative;color:#9a9a9a;}
.__mytype1 .tbl table tr td label:first-child {border-left:none;}
.__mytype1 .tbl table tr td label input {position:absolute;left:-9999px;top:0;}
.__mytype1 .tbl table tr td label span {display:block;height:100%;}
.__mytype1 .tbl table tr td label span:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__mytype1 .tbl table tr td label span em {display:inline-block;vertical-align:middle;font-weight:500;}
.__mytype1 .tbl table tr td label span em .on {display:none;}
.__mytype1 .tbl table tr td label input:checked + span {background:#293377;color:#fff;}
.__mytype1 .tbl table tr td label input:checked + span .off {display:none;}
.__mytype1 .tbl table tr td label input:checked + span .on {display:inline-block;}


.__mytype1 .tbl table tr td .one label {width:20%;height:58px;}
.__mytype1 .tbl table tr td .one em {font-size:18px;}

.__mytype1 .tbl table tr td .two label {width:50%;height:58px;}
.__mytype1 .tbl table tr td .two em {font-size:20px;}
.__mytype1 .tbl table tr td .two img {margin-right:5px;vertical-align:middle;}

.__mytype1 .tbl table tr td .thr label {width:12.5%;height:118px;}
.__mytype1 .tbl table tr td .thr strong {display:block;margin-top:5px;font-size:14px;}

.__mytype1 .tbl table tr td .fou label {width:20%;height:58px;}
.__mytype1 .tbl table tr td .fou em {font-size:15px;}


.__mytype2 {background:#293377;box-sizing:border-box;padding:50px 20px;text-align:center;font-size:0;}
.__mytype2 .box {display:inline-block;vertical-align:top;width:220px;margin:0 5px 40px;}
.__mytype2 .box dl dt {font-size:20px;font-weight:600;color:#fff;padding-bottom:8px;}
.__mytype2 .box dl dd .sel-box {position:relative;}
.__mytype2 .box dl dd .sel-box .sel-txt {
	display:block;
	vertical-align:middle;
	height:59px;
	line-height:59px;
	border:2px solid #6094dd;
	text-align:left;
	background:#fff;
	font-size:15px;
	color:#4077d2;
	font-weight:500;
	letter-spacing:-0.075em;
	text-indent:15px;
	position:relative;
	z-index:0;
}
.__mytype2 .box dl dd .sel-box .sel-txt:before {content:"\f0d7";font-family:axicon;position:absolute;right:15px;top:0;font-size:18px;color:#6094dd;}
.__mytype2 .box dl dd .sel-box .sel-op {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	font-size:14px;
	color:#333;
	letter-spacing:-1px;
	filter:alpha(opacity=0);
	opacity:0;
	z-index:1;
}


.__mytype2 .box dl dd .sel-box2 {position:relative;}
.__mytype2 .box dl dd .sel-box2 .sel-txt {
	display:block;
	vertical-align:middle;
	height:59px;
	line-height:59px;
	border:2px solid #6094dd;
	text-align:left;
	background:#fff;
	font-size:15px;
	color:#4077d2;
	font-weight:500;
	letter-spacing:-0.075em;
	text-indent:15px;
	position:relative;
	z-index:0;
}
.__mytype2 .box dl dd .sel-box2 .sel-txt:before {content:"\f0d7";font-family:axicon;position:absolute;right:15px;top:0;font-size:18px;color:#6094dd;}
.__mytype2 .box dl dd .sel-box2 ul {position:absolute;left:0;top:100%;width:910px;box-sizing:border-box;background:#edf0f5;display:none;text-align:left;padding:35px 30px;font-size:0;}
.__mytype2 .box dl dd .sel-box2 ul li {box-sizing:border-box;width:33.33333%;padding:0 10px;display:inline-block;}
.__mytype2 .box dl dd .sel-box2 ul li:first-child {margin-top:-2px;}
.__mytype2 .box dl dd .sel-box2 ul li:nth-child(n+4) {margin-top:20px;}
.__mytype2 .box:nth-child(4n+2) dl dd .sel-box2 ul {left:-230px;}
.__mytype2 .box:nth-child(4n+3) dl dd .sel-box2 ul {left:-460px;}
.__mytype2 .box:nth-child(4n+4) dl dd .sel-box2 ul {left:-690px;}
.__mytype2 .box dl dd .sel-box2 ul li label {display:block;position:relative;border:2px solid #5a9eff;}
.__mytype2 .box dl dd .sel-box2 ul li label input {position:absolute;left:-9999px;top:0;}
.__mytype2 .box dl dd .sel-box2 ul li label span {font-size:17px;color:#093a8c;display:block;height:47px;line-height:47px;padding-left:25px;}
.__mytype2 .box dl dd .sel-box2 ul li label input:checked + span {color:#fff;background:#293377;}
.__mytype2 .box dl dd .sel-box2:hover {z-index:100;}
.__mytype2 .box dl dd .sel-box2:hover ul {display:block;}







.__navi {border-bottom:1px solid #ccd0d6;padding:10px;margin-bottom:50px;position:relative;}
.__navi:before {content:"";display:block;width:4px;height:4px;position:absolute;left:0;top:50%;margin-top:-2px;background:#737373;}
.__navi > * {display:inline-block;vertical-align:middle;font-size:15px;font-weight:500;}
.__navi span {color:#7a726f;}
.__navi i {color:#aea9a6;padding:0 4px;font-size:18px;}
.__navi strong {color:#fe5206;}
.__navi em {font-size:14px;color:#393a3a;font-weight:500;}
.__navi.type2 i {display:none;}
.__navi.type2 span {font-weight:600;color:#fe5206;}
.__navi.type2 ._lasttxt {display:none;}



.__btn1 {
	display:inline-block;
	box-sizing:border-box;
	width:137px;
	height:42px;
	border:1px solid #424242;
	background:#fff;
	text-align:center;
	line-height:40px;
	color:#333;
	font-size:15px;
	font-weight:500;
}
.__btn1.type2 {background:#424242;color:#fff;}
.__btn1.type3 {background:#293377;color:#fff;border-color:#293377;}
.__btn2 {
	display:inline-block;
	box-sizing:border-box;
	padding:0 20px;
	height:39px;
	border:1px solid #474747;
	background:#474747;
	text-align:center;
	line-height:37px;
	color:#fff;
	font-size:14px;
	font-weight:500;
}

.__form1 {
	display:inline-block;
	box-sizing:border-box;
	width:100%;
	height:39px;
	border:1px solid #cfcfcf;
	padding-left:10px;
	font-size:14px;
}
input.__form1 {line-height:37px;}


.__tbl-list {border-top:2px solid #353535;width:100%;table-layout:fixed;}
.__tbl-list tr > * {border-bottom:1px solid #c3c3c3;text-align:center;padding:15px;color:#282425;}
.__tbl-list tr th {font-size:13px;color:#242424;background:#f4f4f4;font-weight:600;padding:15px 0;}
.__tbl-list tr td {font-size:16px;}
.__tbl-list .subject {text-align:left;font-size:20px;color:#1c1c1c;}
.__tbl-list .subject a {max-width:85%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#1c1c1c;}
.__tbl-list .subject > * {display:inline-block;vertical-align:middle;}
.__tbl-list .date {font-size:16px;}

.__tbl-list .tbl-q.active td {background:#f0f4fc;}
.__tbl-list .tbl-q.active .subject {text-align:center;padding-left:0;padding-right:0;}
.__tbl-list .tbl-q.active .subject a {font-size:26px;color:#17469e;}
.__tbl-list .tbl-q.active td span {opacity:0;}
.__tbl-list .tbl-a {display:none;}
.__tbl-list .tbl-a td {text-align:left;padding:50px 80px;font-size:16px;line-height:1.5em;}
.__tbl-list._tbl-faq {border-top:2px solid #17469e;}


.__faq {border-top:1px solid #353535;}
.__faq dl {border-bottom:1px solid #c3c3c3;}
.__faq dl > * {position:relative;letter-spacing:-0.05em;}
.__faq dl dt {padding:20px 60px 20px 90px;font-size:20px;}
.__faq dl dt a {color:#333;}
.__faq dl dt:before {
	content:"\f107";
	font-family:axicon;
	position:absolute;
	right:25px;
	top:50%;
	color:#ddd;
	font-size:40px;
	display:block;
	margin-top:-20px;
}
.__faq dl dd {padding:35px 35px 35px 90px;line-height:1.5em;border-top:2px solid #17469e;border-bottom:1px solid #17469e;display:none;font-size:16px;}
.__faq dl dd:after {content:"";display:block;clear:both;}
.__faq .active dt {background:#f0f4fc;}
.__faq .active dt:before {content:"\f106";}
.__faq dl .ico {
	display:block;
	width:26px;
	height:26px;
	background:#293377;
	border-radius:50%;
	line-height:24px;
	text-align:center;
	color:#fff;
	font-size:14px;
	position:absolute;
	left:35px;
}
.__faq dl dt .ico {top:22px;}
.__faq dl dd .ico {top:32px;background:#75cdd9;}
.__faq dl dd .img {width:246px;float:left;}
.__faq dl dd .info {width:750px;float:right;}

.__tbl-write {width:100%;table-layout:fixed;border-top:2px solid #767676;}
.__tbl-write tr > * {border-bottom:1px solid #cecece;padding:5px 17px;font-size:14px;font-weight:500;}
.__tbl-write tr th {background:#f2f2f2;border-right:1px solid #cecece;height:39px;padding-left:55px;width:170px;color:#453c33;text-align:left;}
.__tbl-write tr td {}
.__tbl-write tr td label {color:#453c33;display:inline-block;margin-right:60px;font-weight:500;}
.__tbl-write tr td > p {margin-top:8px;}
.__tbl-write tr td > p:first-child {margin-top:0;}
.__tbl-write.type2 {table-layout:fixed;}
.__tbl-write.type2 th {padding-left:35px;width:100px;border-left:1px solid #cecece;}
.__tbl-write.type2 th:first-child {border-left:none;}
.__tbl-write.type2 td {font-size:17px;}


.__evt-list {border-top:1px solid #d1d0d0;}
.__evt-list .box {border-bottom:1px solid #d1d0d0;padding:55px 20px;}
.__evt-list .box:after {content:"";display:block;clear:both;}
.__evt-list .box .img {float:left;width:400px;}
.__evt-list .box .info {float:right;width:620px;padding-top:20px;}
.__evt-list .box .info .subject a {display:block;font-size:26px;color:#383838;}
.__evt-list .box .info .date {margin-top:10px;}
.__evt-list .box .info .date > * {display:inline-block;vertical-align:middle;}
.__evt-list .box .info .date .num {font-size:17px;color:#383838;letter-spacing:0;}

.__ico1 {
	display:inline-block;
	margin-right:10px;
	height:26px;
	line-height:26px;
	color:#fff;
	font-weight:500;
	border-radius:13px;
	padding:0 10px;
	background:#293377;
	font-size:15px;
}


.__evt-view .con {border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:50px;}


.__mov-list {border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:70px 15px;}
.__mov-list:after {content:"";display:block;clear:both;}
.__mov-list .box {width:354px;float:left;margin-left:30px;text-align:center;}
.__mov-list .box:nth-child(3n+1) {clear:both;margin-left:0;}
.__mov-list .box:nth-child(n+4) {margin-top:50px;}
.__mov-list .box .img a {display:block;position:relative;}
.__mov-list .box .img a:before {
	content:"";
	display:block;
	width:84px;
	height:65px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-32.5px 0 0 -42px;
	background:url(../images/play.png);
	z-index:10;
}
.__mov-list .box .subject {margin-top:25px;font-size:18px;color:#999;line-height:1.3em;}


/* 1801419 snb 중앙 정렬 */
.snb_meddle_align{width:1152px;margin:0 auto;}









.__usep h2 {font-weight:normal;color:#293377;font-weight:normal;font-size:28px;margin-bottom:13px;}
.__usep h3 {font-weight:normal;color:#293377;font-weight:normal;font-size:22px;margin-bottom:10px;}
.__usep h3 {font-weight:normal;color:#293377;font-weight:normal;font-size:22px;margin-bottom:10px;}
.__usep .gray {background:#f5f5f5;padding:15px 25px;margin-top:5px;font-size:16px;color:#333;}
.__usep .bdbox {font-size:0;}
.__usep .bdbox li {
	display:inline-block;
	margin-right:13px;
	width:118px;
	background:#fff;
	height:84px;
	padding:2px;
	box-sizing:border-box;
	vertical-align:top;
	text-align:center;
	font-size:16px;
	border-radius:10px;
	overflow:hidden;
	text-align:center;
	color:#293377;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#373470+0,80c6d1+100 */
	background: #373470; /* Old browsers */
	background: -moz-linear-gradient(left, #373470 0%, #80c6d1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #373470 0%,#80c6d1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #373470 0%,#80c6d1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#373470', endColorstr='#80c6d1',GradientType=1 ); /* IE6-9 */
}
.__usep .bdbox li span {display:block;background:#fff;height:100%;width:100%;line-height:80px;border-radius:8px;}
.__usep .line {border:none;border-top:1px dashed #ccc;clear:both;}
.__usep .txt {font-size:16px;color:#333;}
.__usep .caution {font-size:13px;color:#293377;}


/* 180511 아렉스 단일제품 배너이미지 추가 */
.arex_photobanner{margin-top:20px;}


/* 180523 제품상에 이미지하단 약국찾기 추가 */
.product_find_store{width:240px; border:1px solid #2b5582; text-align:center; display:inline-block; margin-top:30px; margin-left:80px; height:53px; font-size:17px; color:#0d3969; line-height:300%; font-weight:bold;}

/* 180523 온라인문의 상단 개인정보 표 */
.online_top_infor{margin-bottom:20px;}
.online_top_infor h3{font-size:17px; margin-bottom:5px;}
.online_top_infor h3 span{color:#293377;}
.online_top_infor p{margin-top:5px; font-size:13px; color:#bcbcbc;}
.online_top_infor table,th,td{border:1px solid #c0cacc;}
.online_top_infor table{border:2px solid #293377; width:100%; height:50px;}
.online_top_infor table th{background-color:#293377; color:#cadbf4; height:35px; font-size:14px;}
.online_top_infor table td{text-align:center; height:40px; font-size:14px;}
.online_top_infor p.agree{float:right; padding-bottom: 20px;margin-top: 0;}
.online_top_infor p.agree label{color:#666;}