body{font-family: 'NanumSquareRound',sans-serif; min-width: 1200px;}
ul{margin: 0; padding: 0;}
li{list-style: none;}
a{text-decoration: none !important; color: inherit;}
:focus{outline: none !important;}
a:hover{color: inherit;}
textarea{resize: none;}
form{display: inline;}

.wrap{font-size: 0;}
.wrap, 
header h1{width: 1200px; margin: 0 auto;position: relative;}

@font-face{
    font-family:NanumSquareRound;
    src:url('../font/NanumSquareRoundR.eot');
    src:local(※), 
        url('../font/NanumSquareRoundR.woff') format('woff'),
        url('../font/NanumSquareRoundR.ttf') format('truetype');
}

header{position: relative; z-index: 100; }
header h1{position: relative; height: 125px; padding-top: 38px;}
header h1 a.logo{display: block; width: 200px; margin: 0 auto;}
header h1 a.logo img{display: block; width: 200px; height: 49px;}
header h1 a.login{position: absolute; bottom: 38px; right: 30px; display: block; padding: 0 10px; height: 30px; line-height: 29px; text-align: center; border-radius: 8px; border: 1px solid #aaa; font-size: 16px; color: #000;}
header h1 a.login:hover{border-color: #009beb; color: #009beb; font-weight: bold;}
header h1 a.login img{display: inline-block; width: 10px; height: 14px; margin-right: 2px; vertical-align: -2px;}

footer{background-color: #eee;}
footer .wrap{display: block; padding: 50px 40px 60px 40px; box-sizing: border-box;}
footer h2{display: inline-block; margin-right: 60px; vertical-align: top;}
footer h2 a img{display: block; width: 162px; height: 40px;}
footer div{display: inline-block; vertical-align: top;}
footer div .f_nav{margin-bottom: 10px; font-size: 0;}
footer div .f_nav li{display: inline-block; font-size: 12px; color: #888; line-height: 28px; padding: 0 10px !important; border: 1px solid #ddd; box-sizing: border-box; transition: .5s ease all;}
footer div .f_nav li:not(:last-of-type){margin-right: 4px;}
footer div .f_nav li:hover{background-color: #ddd; color: #000;}
footer div .f_con{font-size: 0;}
footer div .f_con li{display: inline-block; font-size: 12px; color: #888; padding: 0 10px; margin: 4px 0;}
footer div .f_con li:first-of-type{padding-left: 0;}
footer div .f_con li:not(:last-of-type){border-right: 1px solid #ddd;}
footer div p{font-size: 12px; color: #888; line-height: 22px;}

header nav{background-color: #009beb; border-top: 1px solid #7fcdf5; border-bottom: 1px solid #7fcdf5;}

.menuA, .menu{display: inline-block; height: 53px; vertical-align: middle;}
.menuA{width: 55px; border-left: 1px solid #7fcdf5; box-sizing: border-box; padding-top: 14px; cursor: pointer; transition: .5s ease all;}
.menuA > span{display: block; width: 30px; height: 4px; margin: 0 auto; border-radius: 2px; background-color: #fff; transition: .5s ease all;}
.menuA > span:not(:last-of-type){margin-bottom: 7px;}

.menuAC{display: none; position: absolute; width: 1200px; background-color: #fff; border: 1px solid #009beb; padding: 20px 60px; box-sizing: border-box; font-size: 0;}
.menuAC li{display: inline-block; width: 25%; vertical-align: top;}
.menuAC li dl{padding: 0 30px; margin-bottom: 16px;}
.menuAC li dl dt, 
.menuAC li dl dd{transition: .5s ease all;}
.menuAC li dl dt{display: block; font-size: 15px; color: #666; font-weight: bold; line-height: 40px; border-bottom: 1px solid #ddd;}
.menuAC li dl dd{font-size: 12px; color: #888; line-height: 35px;}
.menuAC li:hover dl dt{color: #000; border-bottom-color: #888;}
.menuAC li:hover dl dd{padding: 0 20px;}
.menuAC li dl dd:hover{background-color: #f2f2f2; color: #000;}
.menuAC li dl dd:hover a{font-weight: bold; color: #009beb;}
.menuAC li dl dd a{display: block;}

.menu{width: 1145px; border-left: 1px solid #7fcdf5; box-sizing: border-box; font-size: 0;}
.menu > li{display: inline-block; width: 14.2857%; vertical-align: top;}
.menu > li > a{display: block; height: 53px; line-height: 53px; font-size: 16px; color: #fff; font-weight: bold; text-align: center; border-right: 1px solid #7fcdf5; box-sizing: border-box;}
.menu > li:hover > a{background-color: rgba(255,255,255,.75); color: #000;}
.menu > li > ul{display: none; position: relative; background-color: #fff; border: 1px solid #7fcdf5;}
.menu > li > ul > li{border-right: none;}
.menu > li > ul > li > a{display: block; width: 100%; font-size: 14px; color: #666; line-height: 45px; padding-left: 30px;}
.menu > li > ul > li:hover > a{background-color: rgba(0, 155, 235, .07); color: #000; font-weight: bold;}


/*index.html*/
.mainSlider{width: 100%; height: 350px; overflow: hidden;}
.mainSlider .slick-list .slick-track .slick-slide{position: relative; overflow: hidden; height: 350px;}
.mainSlider .slick-list .slick-track .slick-slide h3{position: absolute;}
.mainSlider .slick-list .slick-track .mSlide01, 
.mainSlider .slick-list .slick-track .mSlide02{cursor: pointer;}
.mainSlider .slick-list .slick-track .mSlide01{background: url('../images/mainSBG.jpg') no-repeat center; background-size: cover;}
.mainSlider .slick-list .slick-track .mSlide01 .sBG{opacity: .1; display: block; width: 100%; height: 350px; background-color: #65AFF0;}
.mainSlider .slick-list .slick-track .mSlide02 .sBG{opacity: .2; display: block; width: 100%; height: 350px; background-color: #fff5ce;}
.mainSlider .slick-list .slick-track .mSlide01 h3, 
.mainSlider .slick-list .slick-track .mSlide02 h3{top: 0; left: 50%; margin-left: -600px;}
.mainSlider .slick-list .slick-track .mSlide03{background-color: #009beb;}
.mainSlider .slick-list .slick-track .mSlide03 img{opacity: .65; width: 100%; min-height: 350px; object-fit: cover;}
.mainSlider .slick-list .slick-track .mSlide03 h3{top: 50%; left: 50%; margin-top: -70px; margin-left: -350px; display: block; width: 700px; font-size: 45px; line-height: 28px; color: #fff;}
.mainSlider .slick-list .slick-track .mSlide03 h3 a{margin-left: -200px;}
.mainSlider .slick-list .slick-track .mSlide03 h3 small{display: block; font-size: 20px; color: #fff; line-height: 30px;}
.mainSlider .slick-list .slick-track .mSlide03 p{font-size: 16px; color: #fff; line-height: 22px; margin-bottom: 30px;}
.mainSlider .slick-list .slick-track .mSlide03 p::before{content: ''; display: block; width: 110px; height: 3px; background-color: #fff; margin-top: 40px; margin-bottom: 30px;}
.mainSlider .slick-list .slick-track .slick-slide a{position: absolute; top: 50%; left: 700px; margin-top: -27.5px; display: block; width: 200px; height: 55px; line-height: 55px; font-size: 16px; font-weight: bold; color: #fff; background-color: rgba(0,88,133,.35); border: 1px solid rgba(255,255,255,.35); text-align: center; transition: .5s ease all;}
.mainSlider .slick-list .slick-track .slick-slide a:hover{background-color: rgba(0, 88, 133, .75); border: 1px solid rgba(255, 255, 255, .75);}


.s_quick{position: absolute; top: 30px; left: 50%; margin-left: 600px; z-index: 10;}
.quick{width: 190px; border: 1px solid #ddd; box-sizing: border-box; background-color: #fff; margin-bottom: 50px;}
.quick h2{font-size: 16px; color: #fff; font-weight: bold; text-align: center; line-height: 50px; background-color: #009beb; border-bottom: 1px solid #ddd;}
.quick ul li{padding: 16px; box-sizing: border-box;}
.quick ul li:not(:last-of-type){border-bottom: 1px solid #ddd;}
.quick ul li div{font-size: 12px; color: #aaa; margin-bottom: 10px;}
.quick ul li .call{font-size: 18px; color: #009beb; font-weight: bold;}
.quick ul li p{font-size: 12px; line-height: 20px; color: #333;}
.quick ul li p img{display: block; width: 153px; height: 24px;}

.wrap::after{content: ''; display: block; visibility: hidden; clear: both;}
.con1, .con2{float: left; width: 600px; box-sizing: border-box;}
.con1{padding: 30px 20px 30px 40px;}
.con2{padding: 30px 40px 30px 20px;}
.con1 div{width: 540px; border: 1px solid #ddd; box-sizing: border-box;}
.con1 .introB{position: relative; height: 226px; overflow: hidden; margin-bottom: 30px; background: url('../images/mainintro.jpg') no-repeat center center; background-size: cover;}
.con1 .introB img{height: 100%; object-fit: cover;}
.con1 .introB p{position: absolute; top: 58px; left: 180px; font-size: 20px; color: #333; font-weight: bold;}
.con1 .introB p span{display: block; font-size: 14px; font-weight: normal; line-height: 8px; margin-top: 20px;}
.con1 .introB p a{display: block; width: 130px; height: 40px; line-height: 40px; font-size: 16px; color: #fff; font-weight: bold; text-align: center; background-color: #333; margin-top: 40px;}

.con1 .interviewB{position: relative; height: 148px; margin-bottom: 30px;}
.con1 .interviewB img{opacity: .99; width: 100%; object-fit: cover;}
.con1 .interviewB a{position: absolute; top: 0; border: none; display: block; width: 100%; height: 100%; padding-top: 100px; padding-left: 12px;}
.con1 .interviewB a p{color: #fff;}
.con1 .interviewB a p:first-of-type{font-size: 22px; font-weight: bold; margin-bottom: 20px;}
.con1 .interviewB a p:last-of-type{font-size: 18px; font-weight: bold; line-height: 18px;}

.con1 .interviewA{position: relative; height: 226px; background-color: #000; margin-bottom: 30px;}
.con1 .interviewA img{opacity: .99; width: 100%; object-fit: cover;}
.con1 .interviewA a{position: absolute; top: 0; border: none; display: block; width: 100%; height: 100%; padding-top: 100px; padding-left: 12px;}
.con1 .interviewA a p{color: #fff;}
.con1 .interviewA a p:first-of-type{font-size: 22px; font-weight: bold; margin-bottom: 20px;}
.con1 .interviewA a p:last-of-type{font-size: 18px; font-weight: bold; line-height: 18px;}

section.notice{border: 1px solid #ddd; margin-bottom: 30px;}
section.notice h4{position: relative; width: 100%; height: 50px; line-height: 50px; font-size: 16px; color: #333; font-weight: bold; text-align: center; background-color: #eee; border-bottom: 1px solid #ddd;}
section.notice h4 img{opacity: .3; position: absolute; right: 20px; top: 15px; display: inline-block; width: 20px; height: 20px; cursor: pointer; transition: .5s ease all;}
section.notice h4 img:hover{opacity: 1;}
section.notice ul{padding: 20px 30px; box-sizing: border-box;}
section.notice ul li a{font-size: 15px; color: #888; line-height: 25px; text-transform: uppercase;}
section.notice ul li:hover a{color: #000;}

.con2 .callcenter{position: relative; height: 130px; margin-bottom: 16px;}
.con2 .callcenter img{opacity: .99; width: 100%; object-fit: cover;}

.con2 .mainevent{position: relative; height: 130px; margin-bottom: 16px;}
.con2 .mainevent img{opacity: .99; width: 100%; object-fit: cover;}
.con2 .mainevent a{position: absolute; top: 0; border: none; display: block; width: 100%; height: 100%; padding-top: 100px; padding-left: 12px;}
.con2 .mainevent a p{color: #fff;}
.con2 .mainevent a p:first-of-type{font-size: 22px; font-weight: bold; margin-bottom: 20px;}
.con2 .mainevent a p:last-of-type{font-size: 18px; font-weight: bold; line-height: 18px;}

.con2 .mainbank{position: relative; height: 80px; margin-bottom: 30px;}
.con2 .mainbank img{opacity: .99; width: 100%; object-fit: cover;}
.con2 .mainbank a{position: absolute; top: 0; border: none; display: block; width: 100%; height: 100%; padding-top: 32px; padding-left: 400px;}
.con2 .mainbank a p{color: #fff;}
.con2 .mainbank a p:first-of-type{font-size: 22px; font-weight: bold; margin-bottom: 20px; color: #000;}
.con2 .mainbank a p:last-of-type{font-size: 16px; font-weight: bold; line-height: 18px; color: #fff;}

.s_list{font-size: 0;}
.s_list li{display: inline-block; width: 25%;}
.s_list li img{opacity: .5; display: block; width: 60px; height: 60px; margin: 0 auto 12px auto; cursor: pointer;}
.s_list li:hover img{opacity: 1;}
.s_list li a{display: block; text-align: center; font-size: 16px; color: #333 !important; cursor: pointer;}
.con2 section:not(:last-of-type) {margin-bottom: 30px;}

ul.conMenu{width: 100%; margin-bottom: 27px;}
ul.conMenu::after{content: ''; display: block; visibility: hidden; clear: both;}
ul.conMenu li{float: left; display: table; width: 269px; height: 182px; vertical-align: middle; background-color: #f8f8f8; margin-bottom: 3px; transition: 1s ease all; border: 1px solid #ddd; box-sizing: border-box;}
ul.conMenu li:hover{background-color: #009beb;}
ul.conMenu li:nth-of-type(2n+1){margin-right: 2px;}
ul.conMenu li a{display: table-cell; vertical-align: middle; font-size: 15px; color: #333; text-align: center; transition: 1s ease all;}
ul.conMenu li:hover a{color: #fff; font-weight: bold;}
ul.conMenu li a img{display: block; width: 90px; margin: 0 auto 12px auto;}


/*login.html*/
.loginT{font-size: 28px; color: #333; font-weight: bold; padding: 60px 0 30px 0; text-align: center;}
section.login{width: 600px; margin: 0 auto 150px auto; border: 1px solid #ddd; border-top: 2px solid #009beb; padding: 40px; box-sizing: border-box;}
section.login h2{font-size: 18px; color: #333; font-weight: bold; margin-bottom: 16px;}
section.login p{font-size: 13px; color: #888; line-height: 20px; margin-bottom: 30px;}
section.login ul li{margin: 10px 0;}
section.login ul li input{display: block; width: 100%; height: 50px; line-height: 50px; font-size: 15px; color: #333; border: 1px solid #ddd; background-color: #fafafa; padding: 0 14px;}
section.login ul li input::placeholder{font-size: 15px; color: #aaa;}
section.login input[type="button"], 
section.login a{display: block; width: 100%; height: 60px; line-height: 60px; font-size: 15px; text-align: center; transition: .5s ease all;}
section.login input[type="button"]{color: #fff; background-color: #333; border: none;}
section.login input[type="button"]:hover{background-color: #009beb;}
section.login a{color: #888; background-color: #fff; border: 1px solid #ddd; margin-top: 10px;}
section.login a:hover{color: #000; font-weight: bold; border-color: #666; background-color: #fafafa;}


/*my_history.html*/
.conBox1, .conBox2{display: inline-block; margin-top: 30px; vertical-align: top;}
.conBox1{width: 190px; margin-right: 50px;}
.conBox2{width: 960px;}
.conBox1 .quick h2{color: #666; background-color: #ddd;}
.conBox2 section.con::after{content: ''; display: block; visibility: hidden; clear: both;}
.conBox2 section.con .loc{float: right;}
.conBox2 section.con .loc span{display: inline-block; font-size: 12px; color: #888;}
.conBox2 section.con .loc span:last-of-type{font-weight: bold;}
.conBox2 section.con .loc span:not(:last-of-type){margin-right: 8px;}
.conBox2 section.con .loc span a{font-weight: normal;}
.conBox2 section.con .loc span img{opacity: .5; display: inline-block; width: 6px;}
.conBox2 section.con h2{font-size: 22px; color: #009beb; font-weight: bold; line-height: 30px; margin-top: 30px; margin-bottom: 16px;}
.conBox2 section.con .con_ex{width: 100%; background-color: #fafafa; padding: 20px; box-sizing: border-box; margin-bottom: 30px;}
.conBox2 section.con .con_ex p{font-size: 14px; color: #888; line-height: 22px;}
.conBox2 section.con .con_ex p a{display: inline-block; font-size: 11px; border: 1px solid #eee; background-color: rgba(0, 155, 235, .07); padding: 4px 10px; margin-left: 10px; transition: .5s ease all;}
.conBox2 section.con .con_ex p a:hover{color: #333; border: 1px solid #888; background-color: rgba(0, 155, 235, .2);}
.conBox2 section.con .con_ex2{width: 100%; background-color: #F8FDFF; padding: 24px; box-sizing: border-box; margin-bottom: 30px; text-align: justify;}
.conBox2 section.con .con_ex2 p{font-size: 16px; color: #888; line-height: 26px;}
.conBox2 section.con .con_ex2 p a{display: block; width: 120px; font-size: 11px; text-align: center; border: 1px solid #eee; background-color: rgba(0, 155, 235, .07); padding: 4px 0; transition: .5s ease all; margin-top: 6px;}
.conBox2 section.con .con_ex2 p a:hover{color: #333; border: 1px solid #888; background-color: rgba(0, 155, 235, .2);}

.conBox2 section.con section.conList h3{font-size: 16px; color: #333; font-weight: bold; padding: 0 16px; border-left: 3px solid #666; margin-bottom: 12px;}
table.cTable{width: 100%; font-size: 14px; color: #666; border-top: 2px solid #333; border-bottom: 1px solid #aaa;}
table.cTable tbody tr{height: 50px; line-height: 50px;}
table.cTable tbody tr:not(:last-of-type){border-bottom: 1px solid #eee;}
table.cTable tbody tr td{padding: 10px 16px; line-height: 20px; vertical-align: middle;}
table.cTable tbody tr td.t_t{width: 120px; color: #333; font-weight: bold; background-color: #fafafa;}
table.cTable tbody tr td.t_c{line-height: 20px; padding-top: 30px; padding-bottom: 30px; text-align: justify;}
.conBox2 section.con section.user_f{border-top: 1px dashed #ddd; margin-top: 80px; margin-bottom: 100px;}
.conBox2 section.con section.user_f h2{font-size: 16px; color: #333;}
.conBox2 section.con section.user_f h2 img{display: inline-block; height: 25px; margin-right: 8px; vertical-align: top;}
.conBox2 section.con section.user_f ul li{background-color: #fafafa; padding: 20px; border-top: 1px solid #ddd; text-align: justify;}
.conBox2 section.con section.user_f ul li:not(:last-of-type){margin-bottom: 16px;}
.conBox2 section.con section.user_f ul li div{font-size: 14px; color: #666; font-weight: bold; line-height: 20px;}
.conBox2 section.con section.user_f ul li div img{display: inline-block; width: 20px; margin-right: 2px;}
.conBox2 section.con section.user_f ul li div:first-of-type{margin-bottom: 16px;}
.conBox2 section.con section.user_f ul li div p{font-size: 14px; color: #666; font-weight: normal; line-height: 20px;}

.conBox2 section.con section.conList2 h3{font-size: 16px; color: #333; font-weight: bold; padding: 0 16px; border-left: 3px solid #666; margin-top: 30px; margin-bottom: 12px;}
/*.conBox2 section.con section.user_e{margin-bottom: 50px;}*/
.conBox2 section.con section.user_e h2{font-size: 16px; color: #333;}
.conBox2 section.con section.user_e h2 img{display: inline-block; height: 25px; margin-right: 8px; vertical-align: top;}
.conBox2 section.con section.user_e ul li{background-color: #fafafa; padding: 20px; border-top: 1px solid #ddd; text-align: justify;}
.conBox2 section.con section.user_e ul li:not(:last-of-type){margin-bottom: 16px;}
.conBox2 section.con section.user_e ul li div{font-size: 15px; color: #666; font-weight: normal; line-height: 22px;}
.conBox2 section.con section.user_e ul li div img {display: block; margin: 0 auto; max-width: 100%; height: auto; margin-bottom: 2px;}
.conBox2 section.con section.user_e ul li div p{font-size: 15px; color: #666; font-weight: normal; line-height: 22px;}

.char{font-size: 22px; color: #000# margin-right: 8px;}
.char2{font-size: 14px; color: #F70000; margin-right: 8px;}
.char3{font-size: 14px; color: #009beb; margin-right: 8px;}
.char4{font-size: 14px; color: #0CAA00; margin-right: 8px;}
a.resultBtn{display: block; width: 180px; height: 50px; line-height: 50px; margin: 30px auto 30px auto; font-size: 15px; color: #fff; font-weight: bold; text-align: center; background-color: #009beb; transition: .5s ease all;}
a.resultBtn:hover{background-color: #333;}
.subMenu{display: block; width: 190px; background-color: #fff; margin-bottom: 30px;}
.subMenu div{height: 120px; line-height: 120px; font-size: 18px; color: #fff; font-weight: bold; text-align: center; background-color: #009beb;}


/*my_namelist.html*/
table.rTable{width: 100%; font-size: 16px; color: #666; border-top: 2px solid #333; border-bottom: 1px solid #aaa;}
table.rTable thead tr{height: 50px; line-height: 50px;}
table.rTable thead tr th{vertical-align: middle; padding: 10px; line-height: 20px; text-align: center; color: #333; background-color: #fafafa; border-bottom: 1px solid #eee;}
table.rTable tbody tr{height: 50px;}
table.rTable tbody tr td{vertical-align: middle; text-align: center; padding: 10px 16px; line-height: 20px;}
table.rTable tbody tr:not(:last-of-type) td{border-bottom: 1px solid #eee;}
table.rTable tbody tr td div{line-height: 20px;}
table.rTable tbody tr td div a{display: inline-block; height: 32px; line-height: 32px; margin: 0 auto; padding: 0 20px; font-size: 14px; color: #fff; text-align: center; background-color: #aaa; transition: .5s ease all;}
table.rTable tbody tr td div a:hover{background-color: #009beb;}
table.rTable tbody tr td div button{display: block; height: 32px; margin: 0 auto; padding: 0 10px; font-size: 14px; color: #333; text-align: center; background-color: transparent; border: 1px solid #ccc; transition: .5s ease all;}
table.rTable tbody tr td div button:hover{color: #FF0000; border: 1px solid #ff0000; background-color: rgba(255,0,0,.02);}
.hanja{color: #333; font-weight: bold;}
.han{color: #009beb;}

.formBtn{text-align: center; margin-bottom: 100px; margin-top: 30px;}
.formBtn > a{display: inline-block; vertical-align: middle; margin-top: 0;}
.formBtn > *:not(:last-child){margin-right: 10px;}
.formBtn > a:last-of-type{background-color: #fff; border: 1px solid #009beb; color: #009beb;}
.formBtn > a:last-of-type:hover{border: 1px solid #333; color: #000; background-color: #eee;}

/*인증서 신청 모달*/
#eventModal .modal-dialog{margin: 0 auto; top: 50%; margin-top: -370px;}
#eventModal .modal-dialog .modal-content .btn-primary{background-color: #009beb; border: none;}
#eventModal .modal-dialog .modal-content .modal-header{padding: 18px 15px;}
#eventModal .modal-dialog .modal-content .modal-header h4{display: inline-block; font-size: 18px; color: #009beb; font-weight: bold;}
#eventModal .modal-dialog .modal-content .modal-body > div{padding: 16px; background-color: #f6f6f6; margin-bottom: 16px;}
#eventModal .modal-dialog .modal-content .modal-body > div > p{font-size: 12px; color: #666; line-height: 20px;}
.mTable tbody tr{height: auto !important; line-height: normal !important;}
.mTable tbody tr td{text-align: left !important; padding: 16px !important;}
.mTable tbody tr td:first-of-type{background-color: #fafafa;}
.mTable tbody tr td input[type="password"], 
.mTable tbody tr td input[type="text"]{display: block; width: 250px; height: 30px; line-height: 30px; padding: 0 6px; font-size: 14px; color: #333; border: 1px solid #ccc;}
.mTable tbody tr td textarea{display: block; width: 250px; height: 100px; font-size: 14px; color: #333; line-height: 20px; padding: 5px 8px; border: 1px solid #ccc;}
.mTable tbody tr td input[type="radio"]{width: 0; height: 0;}
.mTable tbody tr td label{padding-left: 26px; background: url(../images/icon_radioOff.svg) no-repeat; background-size: 16px; display: inline-block; height: 16px; line-height: 16px; cursor: pointer;}
.mTable tbody tr td label:not(:last-of-type){margin-right: 30px;}
.mTable tbody tr td input[type="radio"]:checked + label{background: url(../images/icon_radioOn.svg) no-repeat; background-size: 16px; color: #009beb; font-weight: bold;}
.close{font-size: 25px;}
span.es{display: inline-block; font-size: 12px; color: #ff0000; margin-left: 8px;}
span.nex{display: inline-block; font-size: 12px; color: #FF8500; margin-left: 20px;}
.error{font-size: 12px; color: #ff0000; text-align: left; margin-top: 4px;}
.b{color: #333; font-weight: bold;}


/*my_nameview.html*/
.formBtn > button{display: inline-block; width: 180px; height: 50px; font-size: 15px; color: #fff; font-weight: bold; background-color: #009beb; border: none; vertical-align: middle;}
section.nResult dl{margin-top: 50px; margin-bottom: 50px;}
section.nResult .birth,
section.nResult ul.hList1,
section.nResult ul.hList2{margin-bottom: 30px;}
section.nResult{background-color: #ffffff; padding: 80px 60px; border: 1px solid #009beb;}
section.nResult h4{font-size: 35px; color: #009beb; text-align: center; margin-bottom: 80px;}
section.nResult h4 div{display: block; font-size: 16px; color: #333; font-weight: normal;}
section.nResult h4 div::before{display: block; content: ''; width: 100px; height: 3px; background-color: #333; margin: 20px auto 30px auto; text-align: center;}
section.nResult h4 div span{font-size: 18px; color: #000000; font-weight: bold;}
section.nResult h4 div small{font-size: 18px; color: #333;}
section.nResult .birth{text-align: center; font-size: 0;}
section.nResult .birth div{display: inline-block; vertical-align: middle;}
section.nResult .birth div:not(:last-of-type){margin-right: 30px;}
section.nResult .birth div img{display: block; width: 60px;}
section.nResult .birth div p{font-size: 18px; color: #000000; padding-left: 10px; border-left: 2px solid #ff8500;}
section.nResult .birth div p:not(:last-of-type){margin-bottom: 10px;}

section.nResult ul.hList1{padding: 10px 60px 40px 60px; font-size: 0; background-color: #FCFFFD; border: 2px solid #00C73C;}
section.nResult ul.hList1 li{display: inline-block; width: 25%; vertical-align: top; padding: 10px 0;}
section.nResult ul.hList1 li > span{display: block; font-size: 16px; color: #666; text-align: center; border-bottom: 1px solid #eee; padding: 20px 0; margin: 0 20px;}
section.nResult ul.hList1 li > div > span{display: inline-block; width: 45%; font-size: 30px; color: #333;}
section.nResult ul.hList1 li > div > span:first-of-type{font-size: 36px; color: #333; text-align: right; margin-right: 10%;}
section.nResult ul.hList1 li > div > span:last-of-type{font-size: 16px; color: #333; line-height: 20px;}

ul.hList2{background-color: #FFFAFF; border: 2px solid #FF42FF; font-size: 0; text-align: center;}
ul.hList2 li{display: inline-block; padding: 20px;}
ul.hList2 li > div{color: #000000;}
ul.hList2 li > div:first-of-type{font-size: 22px;}
ul.hList2 li > div:last-of-type{font-size: 22px;}
ul.hList2 li > div:not(:first-of-type){font-size: 20px; color: #333;}
ul.hList2 li > div:not(:last-of-type){margin-bottom: 16px;}

ul.hList3{background-color: #FAFDFF; border: 2px solid #009beb; font-size: 0; text-align: center;}
ul.hList3 li{display: inline-block; padding: 40px;}
ul.hList3 li > div{color: #000;}
ul.hList3 li > div:first-of-type{font-size: 36px;}
ul.hList3 li > div:last-of-type{font-size: 36px;}
ul.hList3 li > div:not(:first-of-type){font-size: 16px; color: #333;}
ul.hList3 li > div:not(:last-of-type){margin-bottom: 16px;}

section.nResult dl dt{font-size: 18px; color: #000; font-weight: bold; margin-bottom: 16px;}
section.nResult dl dd{font-size: 16px; color: #666; line-height: 28px; text-align: justify;}
span.item{display: inline-block; width: 16px; height: 16px; background-color: rgba(0, 155, 235, .5); border-radius: 8px; vertical-align: middle; margin-right: 10px;}
dd.ddT{color: #333 !important; font-weight: bold; margin-top: 16px; margin-bottom: 5px;}
dd.result{color: #009beb !important; font-weight: bold; margin-top: 16px;}
.tR{display: inline-block; height: 35px; vertical-align: -8px; margin-right: 16px;}

.dlR{padding: 40px 55px; background-color: #fff; border: 1px solid #fcb416;}
.dlR dt{font-size: 20px !important; color: #ff8500 !important;}
.dlR dd{font-size: 18px !important; color: #333 !important;}


/*qna_list.html*/
.subMenu ul{border: 1px solid #ddd; border-top: none; box-sizing: border;}
.subMenu ul li:hover{background-color: rgba(0, 155, 235, .07);}
.subMenu ul li:hover a{color: #000; font-weight: bold;}
.subMenu ul li a{display: block; font-size: 14px; color: #333; line-height: 50px; padding: 0 20px; box-sizing: border-box;}
.subMenuActive{background-color: rgba(0, 155, 235, .07);}

section.con_h{margin: 30px 0 10px;}
section.con_h h3{display: inline-block; font-size: 36px; color: #333; margin-right: 20px;}
section.con_h div{display: inline-block; font-size: 12px; color: #333; line-height: 18px; margin-bottom: 10px;}

.sort{margin-bottom: 10px;}
.sort > *{vertical-align: middle;}
.sort div{display: inline-block;}
.sort div > *{vertical-align: middle;}
.sort div select, 
.sort div input[type="text"], 
.sort div input[type="button"]{display: inline-block; height: 32px; font-size: 14px; line-height: 32px; border: 1px solid #ccc;}
.sort div select, 
.sort div input[type="text"]{color: #333; border: 1px solid #ccc; margin-right: 4px;}
.sort div select{width: 100px; padding: 0 4px;}
.sort div input[type="text"]{width: 200px; padding: 0 8px;}
.sort div input[type="button"]{width: 80px; color: #fff; background-color: #aaa; border: none; transition: .5s ease all;}
.sort div input[type="button"]:hover{background-color: #666;}
.sort .wBtn{display: inline-block; margin: 0;}
.wBtn{float: right; display: block; width: 100px; height: 32px; line-height: 32px; font-size: 16px; color: #fff; text-align: center; background-color: #aaa; margin-top: 10px; transition: .5s ease all;}
.wBtn:hover{color: #fff; background-color: #009beb;}

.nTable tbody tr:hover{background-color: rgba(0, 155, 235, .03);}
.nTable tbody tr:hover td a{color: #009beb;}
span.t_e, 
span.t_w{display: inline-block; height: 28px; line-height: 28px; font-size: 14px; color: #fff; padding: 0 10px;}
span.t_e{background-color: #ff8500;}
span.t_w{background-color: #aaa;}
span.t_m{display: inline-block; height: 28px; line-height: 28px; font-size: 14px; color: #000; background-color: #fff; border: 1px solid #eee; padding: 0 10px; margin-left: 10px;}

#pagination_2{
    text-align: center;
    margin-top: 40px;
    margin-bottom: 100px;
    font-size: 0
}
#pagination_2 a{
    display: inline-block;
    width: 38px;
    height: 38px;
    line-height: 38px;
    box-sizing: border-box;
    font-size: 14px;
    border: solid #ddd;
    border-width: 1px 1px 1px 0;
    color: #777;
    transition: all 0.3s;
    vertical-align: middle;
}
#pagination_2 a:hover{
    background: #f7f7f7
}
#pagination_2 a.active{
    background: #009beb;
    color: #fff;
    border-color: #009beb;
}
#pagination_2 .direction span{
    font-size: 20px;
    display: block;
    margin-top: -2px
}
#pagination_2 .direction.first{
    border-left: 1px solid #ddd;
    border-radius: 5px 0 0 5px
}
#pagination_2 .direction.prev{
    /*border-left: 1px solid #ddd;*/
    /*border-radius: 5px 0 0 5px*/
}
#pagination_2 .direction.last{
    border-radius: 0 5px 5px 0
}
#pagination_2 .direction.next{
    /*border-radius: 0 5px 5px 0*/
}


/*qna_pw_check.html*/
section.qnaPwCheck{width: 400px; margin: 30px auto; border: 1px solid #333; background-color: #fafafa; padding-bottom: 40px;}
section.qnaPwCheck h2{font-size: 18px; color: #333; font-weight: bold; margin-bottom: 40px; text-align: center; border-bottom: 1px solid #ddd; padding: 20px 0;}
section.qnaPwCheck input{display: block; width: 235px; height: 40px; line-height: 40px; margin: 0 auto; font-size: 14px; color: #333; padding: 0 10px;}
section.qnaPwCheck input::placeholder{font-size: 14px; color: #aaa;}
section.qnaPwCheck .formBtn{margin-top: 20px; margin-bottom: 0;}
section.qnaPwCheck .formBtn a{font-size: 13px; width: 110px; height: 40px; line-height: 40px;}


/*faq.html*/
.faq{margin-bottom: 100px;}
.faq h2{font-size: 16px; color: #333;}
.faq h2 img{display: inline-block; height: 25px; margin-right: 8px; vertical-align: top;}
.faq ul{border-top: 1px solid #333;}
.faq ul li:not(:last-of-type){border-bottom: 1px solid #ddd;}
.faq ul li:last-of-type{border-bottom: 1px solid #333;}
.faq ul li div{font-size: 15px; color: #333; line-height: 20px;}
.faq ul li div:first-of-type{padding: 16px 20px; cursor: pointer;}
.faq ul li div:first-of-type:hover{color: #009beb; background-color: rgba(0, 155, 235, .03);}
.faq ul li div:last-of-type{background-color: #fafafa; border-top: 1px solid #ddd; padding: 30px 20px;}
.faq ul li div img{display: inline-block; width: 20px; margin-right: 2px;}
.faq ul li div p{font-size: 15px; color: #666; font-weight: normal; line-height: 24px;}
.faq_rb{text-align: justify;}
.faq_r{margin-top: 20px; text-align: justify;}
.faqA{color: #009beb !important; font-weight: bold;}


/*news_list.thml*/
.newsTable tbody tr td{padding: 0 !important;}
.newsTable tbody tr td div, 
.newsTable tbody tr td a{padding: 10px 16px; box-sizing: border-box;}
.newsTable tbody tr td:first-of-type, 
.newsTable tbody tr td:last-of-type{width: 150px;}
.newsTable tbody tr td:first-of-type div, 
.newsTable tbody tr td:last-of-type div{width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.newsTable tbody tr td:nth-of-type(2){width: 660px;}
.newsTable tbody tr td:nth-of-type(2) a{display: block; width: 560px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


/*interview_list.html*/
.interviewTable tbody tr td div img{display: block; width: 100px; height: 70px; margin: 0 auto; object-fit: cover;}
.interviewTable tbody tr td a{display: block; width: 400px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


/*interview.html*/
.interview{padding-bottom: 35px; margin-bottom: 0; text-align: center;}
.interview h4{font-size: 16px; font-weight: bold; line-height: 25px; padding: 20px; margin-bottom: 50px; border-top: 1px solid rgba(0, 155, 235, 1); border-bottom: 1px solid rgba(0, 155, 235, .2);}
.interview > div{display: inline-block; padding: 90px 50px; border: 30px solid rgba(0, 155, 235, .07); border-radius: 200px; margin-bottom: 30px;}
.interview div div{font-size: 14px; color: #aaa; margin-bottom: 10px;}
.interview div div span{font-size: 16px; color: #009beb; font-weight: bold;}
.interview div div b{font-size: 28px; color: #333; font-weight: bold;}
.interview p{display: block; margin: 30px 0; font-size: 14px; color: #666; line-height: 22px;}
.interview p b{font-size: 16px; font-weight: bold; color: #009beb;}
.interview img{display: block; width: 500px; margin: 0 auto;}
.interviewListBtn{margin-bottom: 100px !important;}

/*interview reaction*/
.interviewReaction{border-bottom: 1px solid rgba(0, 155, 235, .2); padding: 18px 0; margin: -20px 0 35px; text-align: center;}
.interviewReactionItem,
.interviewLikeBtn{display: inline-block; min-width: 120px; height: 40px; line-height: 38px; padding: 0 18px; border: 1px solid rgba(0, 155, 235, .25); border-radius: 30px; background: rgba(0, 155, 235, .04); color: #666; font-size: 14px; box-sizing: border-box; vertical-align: middle;}
.interviewLikeBtn{margin-left: 8px; cursor: pointer; font-family: inherit;}
.interviewLikeBtn:hover{background: rgba(0, 155, 235, .08); border-color: rgba(0, 155, 235, .5); color: #009beb;}
.interviewLikeBtn.liked{background: #009beb; border-color: #009beb; color: #fff;}
.interviewReaction span{display: inline-block; margin-right: 6px; color: inherit;}
.interviewReaction strong{font-size: 16px; color: inherit; font-weight: bold;}

/*intro.html*/
.intro{margin-bottom: 100px;}
.intro figure.pic{display: block; width: 960px; border-top: 2px solid #000;}
.intro figure.pic::after{content: ''; display: block; visibility: hidden; clear: both;}
.intro figure.pic > *{float: left; vertical-align: middle;}
.intro figure.pic img{width: 500px; height: 350px; object-fit: cover; border: 20px solid #ebf8ff;}
.intro figure.pic figcaption{display: table; width: 460px; height: 50px; padding-left: 60px; background-image: linear-gradient(to right, #ebf8ff, #fff);}
.intro figure.pic figcaption div{display: table-cell; vertical-align: middle; font-size: 30px; color: #333; font-weight: 100;}
.intro figure.pic figcaption div p{font-size: 18px; color: #333; font-weight: bold; margin-top: 6px;}
.intro figure.pic figcaption div p b{color: #009beb;}
.introT{border-top-color: #009beb !important; border-bottom-color: #7fcdf5 !important;}
.introT tbody tr td:first-of-type{background-color: #fafafa; width: 200px; font-weight: bold; color: #333 !important;}
.introT tbody tr td:not(:first-of-type){text-align: left; padding: 30px 80px;}
.introT tbody tr td:not(:first-of-type) div p:not(:last-of-type){margin-bottom: 10px;}


/*way.html*/
ul.way{padding: 50px; margin-bottom: 100px;}
ul.way li:not(:last-of-type){margin-bottom: 30px; padding-bottom: 30px; font-size: 0; border-bottom: 2px dotted #eee;}
ul.way li span{display: inline-block; min-width: 260px; vertical-align: middle;}
ul.way li span:first-of-type{padding: 20px; border-radius: 90px;}
ul.way li span:first-of-type > div{display: block; font-size: 18px; padding: 35px 40px; border-radius: 80px; background-color: #fff; text-align: center;}
ul.way li span:first-of-type div div{font-size: 25px; margin-bottom: 16px; font-weight: bold;}
ul.way li span:last-of-type div{width: 600px; font-size: 15px; color: #333; padding: 0 60px; line-height: 25px; text-align: justify;}

.color1{background-color: rgba(0, 224, 7, .1);}
.color1 > div{border: 3px solid rgba(0, 224, 7, 1); color: #09b800;}
.color2{background-color: rgba(180, 0, 224, .1);}
.color2 > div{border: 3px solid rgba(180, 0, 224, 1); color: #8700a8;}
.color3{background-color: rgba(224, 194, 0, .1);}
.color3 > div{border: 3px solid rgba(224, 194, 0, 1); color: #c2a800;}
.color4{background-color: rgba(0, 168, 224, .1);}
.color4 > div{border: 3px solid rgba(0, 168, 224, 1); color: #008ebd;}
.color5{background-color: rgba(224, 0, 64, .1);}
.color5 > div{border: 3px solid rgba(224, 0, 64, 1); color: #bd0035;}
.color6{background-color: rgba(224, 108, 0, .1);}
.color6 > div{border: 3px solid rgba(224, 108, 0, 1); color: #c25e00;}
.color7{background-color: rgba(0, 22, 224, .1);}
.color7 > div{border: 3px solid rgba(0, 22, 224, 1); color: #0011a8;}


/*naming.html*/
.naming h3{font-size: 16px; color: #333; font-weight: bold; padding: 0 6px; border-left: 3px solid #666; margin-bottom: 10px;}
.naming table{margin-bottom: 30px;}
.naming table tbody tr td:first-child{width: 160px; font-weight: bold;}
.naming table tbody tr td:last-child{width: 800px;}
.naming table tbody tr td .namingI{font-size: 13px; color: #009beb; line-height: 18px; margin-left: 20px;}
.naming table tbody tr td select{display: inline-block; width: 100px; height: 30px; line-height: 30px; padding: 0 6px; font-size: 14px; color: #333; border: 1px solid #ccc; box-sizing: border-box; margin-right: 2px;}
.naming table tbody tr td select:not(:first-of-type){margin-left: 10px;}
.naming table tbody tr td input[type="text"]{margin-bottom: 5px;}
.naming table tbody tr td div{font-size: 13px; color: #ff8500;}
.naming table tbody tr td ul{margin-bottom: 10px;}
.naming table tbody tr td ul li{font-size: 13px;}
.naming table tbody tr td ul li:first-of-type{color: #ff8500;}
.naming table tbody tr td textarea{width: 100%;}
.naming table tbody tr td::after{content: ''; display: block; visibility: hidden; clear: both;}
.naming table tbody tr td .ch_character{float: left; display: block; min-width: 100px;}
.naming table tbody tr td .ch_character span{display: block; width: 80px; margin: 0 auto 5px auto; font-size: 13px; color: #333; font-weight: bold;}
.naming table tbody tr td .ch_character div{display: block; width: max-content; min-width: 80px; height: 80px; margin: 0 auto; border: 1px solid #ddd; background-color: #fff; margin-bottom: 10px; font-size: 50px; padding-top: 30px; padding-left: 14px; padding-right: 14px;}
.naming table tbody tr td .ch_character a{display: block; width: 80px; height: 30px; line-height: 30px; text-align: center; margin: 0 auto; font-size: 13px; color: #fff; background-color: #aaa; padding: 0;}
.naming table tbody tr td > span{margin-right: 16px;}
.i_agree{margin-top: 50px;}
.i_agree p{font-size: 16px; color: #009beb; font-weight: bold; margin-bottom: 12px;}
.i_agree textarea{width: 100%; height: 200px; border: 1px solid #ddd; padding: 20px; box-sizing: border-box; background-color: #fff; font-size: 14px; color: #333; line-height: 18px;}
.i_agree div{display: block; margin-top: 16px;}
.i_agree div > *{display: inline-block; vertical-align: middle;}
.i_agree div input[type="checkBox"]{margin-right: 10px;}
.i_agree div input[type="checkBox"]:checked + label{color: #009beb;}
.i_agree div label{font-size: 13px; color: #888;}

.naming .formBtn{margin-top: 60px;}

.namingC{margin-top: 30px; padding: 80px; border: 4px solid rgba(0, 155, 235, .07); text-align: center}
.namingC .namingC_1{font-size: 30px; color: #333; font-weight: bold; margin-bottom: 20px;}
.namingC .namingC_1 img{display: inline-block; width: 30px; vertical-align: 0; margin-right: 16px;}
.namingC .namingC_2{font-size: 15px; color: #333; margin-bottom: 40px;}
.namingC .namingC_2::after{content:''; display: block; width: 80px; height: 3px; background-color: #666; margin: 20px auto;}
.namingC .namingC_3{font-size: 16px; color: #009beb; font-weight: bold; margin-bottom: 10px;}
.namingC table{width: 100%; max-width: 600px; font-size: 14px; color: #333; line-height: 20px; margin: 0 auto 50px auto;}
.namingC table thead tr th{background-color: #eee; padding: 10px 12px; font-weight: bold; text-align: center; border: 1px solid #eee;}
.namingC table tbody tr td{padding: 10px 12px; text-align: center; border: 1px solid #eee; border-top: none;}
.namingC ul{width: 100%; margin: 0 auto; border-top: 1px solid #ddd; padding: 25px 30px; text-align: left; background: #fafafa;}
.namingC ul li{list-style: disc; list-style-position: inside; font-size: 13px; color: #333; line-height: 18px;}
.namingC ul li:not(:last-of-type){margin-bottom: 8px;}


/*pop_character_1.html*/
section.chPopup{width: 500px; margin: 0 auto; padding: 20px;}
section.chPopup h2{font-size: 16px; color: #333; line-height: 22px; margin-bottom: 20px;}
section.chPopup h2 b{display: inline-block; font-size: 16px; color: #009beb; background-color: #eee; padding: 6px 14px; text-align: center; font-weight: bold; line-height: 18px; margin-right: 12px;}
section.chPopup table.chTable{width: 100%; border-top: 2px solid #333;}
section.chPopup table.chTable tbody tr td{text-align: center; vertical-align: middle;}
section.chPopup table.chTable tbody tr td a{display: block; font-size: 40px; color: #000; background-color: #fafafa; margin: 10px; line-height: 65px; border: 1px solid #eee;}
section.chPopup table.chTable tbody tr td a:hover{color: #009beb; border-color: #009beb;}

section.chPopup table.chTable tbody tr td a.sub{line-height: 30px; padding: 10px;}
section.chPopup table.chTable tbody tr td a span{display: block; font-size:12px; margin-top:10px; padding: 0px; line-height: 16px;}


section.chPopup > .formBtn{margin-top: 20px;}
section.chPopup > .formBtn > a.resultBtn{width: 110px; height: 45px; line-height: 45px; margin: 0 auto; font-size: 16px;}
section.chPopup > a.resultBtn{width: 110px; height: 45px; line-height: 45px; font-size: 16px; margin: 20px auto 0 auto;}


/*guide.html*/
.guide ol, .guide > div{margin-bottom: 50px;}
.guide ol{border: 10px solid rgba(0, 155, 235, .05); padding: 20px 30px;}
.guide ol li{list-style-type: decimal; list-style-position: inside; font-size: 14px; color: #333; line-height: 18px;}
.guide ol li:not(:last-of-type){margin-bottom: 10px;}
.guide ol li:last-of-type a{margin-top: 10px;}
.guide h3{border-left-color: #009beb !important; color: #009beb !important;}
.guide > div::after{content: ''; display: block; visibility: hidden; clear: both;}
.guide > div > div{float: left; width: 48%; vertical-align: top;}
.guide > div > div:first-of-type{margin-right: 4%;}
.guide > div > div > p{font-size: 14px; color: #333; font-weight: bold; margin-bottom: 10px; text-align: center;}
.guide > div > div > span{display: block; width: 100%; font-size: 14px; color: #ff8500; font-weight: bold; margin-bottom: 10px; text-align: center; margin-top: 10px;}
.guide > div > div > table{border-top-color: #009beb; border-bottom-color: #009beb;}
.guide > div > div > table thead tr th{background-color: rgba(0, 155, 235, .05);}
.guide > div > div > table tbody tr td a{display: inline-block; height: 35px; line-height: 35px; font-size: 14px; color: #333; background-color: #fff; border: 1px solid #ddd; padding: 0 16px;}
.guide > div > div > table tbody tr td a:hover{border: 1px solid #009beb; color: #009beb; font-weight: bold;}
.mList{color: #ff0000 !important;}
a.linkBtn{display: inline-block; height: 32px; line-height: 32px; font-size: 14px; color: #333; background-color: #fafafa; border: 1px solid #ddd; padding: 0 12px; margin-left: 10px;}
a.linkBtn:hover{color: #333; font-weight: bold; background-color: rgba(0, 155, 235, .1);}


/*info_ccn.html*/
.info ul{margin-bottom: 40px; padding: 30px; background-color: rgba(0, 155, 235, .02); border-top: 2px solid #333;}
.info ul li{list-style-type: square; list-style-position: inside; font-size: 15px; color: #333; line-height: 18px;}
.info ul li:not(:last-of-type){margin-bottom: 10px;}
.info ul li b{font-size: 15px; font-weight: bold; color: #000;}
.info dl:not(:last-of-type){margin-bottom: 16px;}
.info dl:last-of-type{margin-bottom: 40px;}
.info dl > *{display: inline-block;}
.info dl dt{font-size: 14px; color: #333; margin-right: 20px; background-color: rgba(0, 155, 235, .02); padding: 14px 20px; border: 1px solid #eee;}
.info dl dt b{font-size: 20px; color: #000; margin-right: 5px;}
.info dl dd{font-size: 14px; color: #ff8500;}


/*info_fm.html*/
.info p{font-size: 15px; color: #333; line-height: 24px; margin-bottom: 16px;}
.info > .infoC{display: inline-block; width: 48%; margin-bottom: 30px;}
.info > .infoC:first-of-type{margin-right: 4%;}
.info > .infoC > p{font-size: 15px; color: #ff8500; font-weight: bold; line-height: 20px; text-align: center;}
.info > .infoC > ul.hList2{width: 100%; padding: 0; margin-bottom: 5px; border-top-color: #333;}
.info > .infoC > ul.hList2 li{padding: 30px;}
.info > p{padding: 40px 60px; background-color: #fafafa; word-break: keep-all;}


/*info_nc.html*/
.lT{position: relative; width: 500px; margin-top: 50px;}
.lT ul.hList2{background: url(../images/line.svg) no-repeat center 10px; background-size: 40%; border-top: none;}
.lT ul.hList2 li{padding: 100px 30px !important;}
.lT ul.hList2 li div:first-of-type{font-size: 30px; color: #333;}
.lT ul.hList2 li div:last-of-type{font-size: 16px; color: #009beb; font-weight: bold;}
.lT span{position: absolute; font-size: 14px; color: #009beb; font-weight: bold;}
.lT span:first-of-type{top: -15px; left: 50%; margin-left: -22.4px;}
.lT span:nth-of-type(2){top: 40px; left: 35%;}
.lT span:nth-of-type(3){top: 40px; right: 35%;}
.lT span:last-of-type{bottom: 60px; left: 50%; margin-left: -22.4px;}
.dTable{margin-bottom: 100px;}
.dTable tbody tr td{text-align: center;}
.dTable tbody tr td:nth-of-type(3){border-right: 1px solid #aaa;}


/*info_sd.html*/
.nP{background-color: transparent !important; padding: 0 !important; margin-bottom: 16px; text-align: justify;}
.nP:last-of-type{margin-bottom: 40px;}
.bList div table tr td:not(:nth-of-type(2)){text-align: center !important;}
.bList div p{margin-top: 10px;}


/*info_mn.html*/
.bList div img{display: block; width: 280px; margin: 0 auto;}


/*info_ncc.html*/
.info img{margin-bottom: 30px;}


/*info_hcc.html*/
.con_ex h3{font-size: 16px; color: #333; font-weight: bold; margin-bottom: 10px;}
.con_ex h4{font-size: 14px; color: #333; font-weight: bold; margin-bottom: 10px;}
.infoS{margin-top: 50px;}
.infoS strong{display: block; font-size: 28px; color: #333; font-weight: bold; margin-bottom: 12px;}
.infoS strong b{color: #ff8500;}
.infoS span{display: block; font-size: 13px; color: #aaa; line-height: 18px; margin-bottom: 30px;}
.infoS input[type="text"]{display: inline-block; width: 300px; height: 40px; line-height: 40px; padding: 0 10px; border: 1px solid #ddd; background-color: #fff; font-size: 15px; color: #333;}
.infoS input[type="button"]{display: inline-block; height: 40px; line-height: 40px; padding: 0 20px; border: none; background-color: #aaa; font-size: 15px; color: #fff; margin-left: 10px; transition: .5s ease all;}
.infoS input[type="button"]:hover{background-color: #009beb;}
.infoSR{display: block; font-size: 16px; color: #333; font-weight: bold; margin-bottom: 10px;}
.infoR{width: 100%; background-color: rgba(255, 133, 0, .05); padding: 20px 30px; font-size: 0;}
.infoR span{display: inline-block; width: 112.5px; padding: 12px 20px;}
.infoR span div:first-of-type{font-size: 30px; margin-bottom: 8px;text-align: center;}
.infoR span div:last-of-type{font-size: 13px; color: #333;text-align: center;}
.infoR .error{margin: 0;}

.infoD{display: block; margin-bottom: 20px !important;}
.infoD a{display: inline-block; height: 40px; line-height: 40px; font-size: 13px; color: #333; border: 1px solid #ddd; padding: 0 20px; background-color: #fafafa;}
.infoD a:hover{border-color: #009beb; color: #009beb;}
.infoD a:not(:last-of-type){margin-right: 10px;}


/*privacy.html*/
.pList ol{padding: 50px;}
.pList ol li{font-size: 16px; color: #333; font-weight: bold;}
.pList ol li:not(:last-of-type){margin-bottom: 40px;}
.pList ol li div{font-size: 14px; color: #666; font-weight: normal; line-height: 20px; margin-top: 10px; padding-left: 16px;}
.pList ol li div:not(:first-of-type){margin-top: 20px;}


/*email_refusal.html*/
.emailR p{display: block; padding: 80px 140px; font-size: 15px; line-height: 25px; color: #333; border: 10px solid rgba(0, 155, 235, .05); text-align: center; word-break: keep-all;}
.emailR p span{display: block; width: 100%; font-size: 13px; color: #333; font-weight: bold; margin-top: 30px; text-align: center;}


/*book.html*/
.bookItem{width: 100%; padding: 80px 20px; margin-bottom: 16px; font-size: 0;}
.bookItem:not(:last-of-type){border-bottom: 1px solid #ddd;}
.bookItem figure,
.bookItem div{display: inline-block; width: 50%; vertical-align: middle;}
.bookItem figure img{display: block; width: 250px; margin: 0 auto 30px auto; box-shadow: 0 10px 20px rgba(0,0,0,.2);}
.bookItem figure figcaption{text-align: center;}
.bookItem figure figcaption span{font-size: 13px; color: #666; padding: 0 16px; border-right: 1px solid #ddd;}
.bookItem figure figcaption span:first-of-type{border-left: 1px solid #ddd;}
.bookItem div p{font-size: 20px; color: #333; font-weight: bold; text-align: left; line-height: 25px; margin-bottom: 25px;}
.bookItem div ul{background-color: #fafafa; padding: 30px 40px;}
.bookItem div ul li:first-of-type{font-size: 18px; color: #6bb3d6; font-weight: bold; line-height: 22px; margin-bottom: 22px;}
.bookItem div ul li:not(:first-of-type){font-size: 14px; color: #666; line-height: 20px; margin-bottom: 5px;}
.imgN{display: table; width: 250px; height: 354px; margin: 0 auto 30px auto; background-color: #fafafa; border: 1px solid #ddd; text-align: center;}
.imgN div{display: table-cell; vertical-align: middle; width: 160px; font-size: 20px; color: #aaa; font-weight: bold; padding: 20px 0; text-align: center;}