body{font-family: 'NanumSquareRound'; overflow-x: hidden;}
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{padding: 10px; width: 100%; box-sizing: border-box;}



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




@media (max-width:479px){
    header{position: relative; z-index: 100; width: 100%;}
    header h1{position: relative; height: 55px; padding-top: 14px;}
    a.logo{display: block; width: 100px; margin: 0 auto;}
    a.logo img{display: block; width: 100px; height: 25px;}
    a.login{position: absolute; top: 0; right: 0; display: block; padding: 0 16px; height: 55px; background-color: #009beb; line-height: 16px; text-align: center; font-size: 14px; color: #fff; padding-top: 12px;}
    .loginS{opacity: .75;}

    .menuA{position: absolute; top: 0; left: 0; width: 55px; height: 55px; box-sizing: border-box; padding-top: 16px; cursor: pointer; transition: .5s ease all;}
    .menuA > span{display: block; width: 24px; height: 3px; margin: 0 auto; border-radius: 2px; background-color: #009beb; transition: .5s ease all;}
    .menuA > span:not(:last-of-type){margin-bottom: 6px;}

    .m_menu{position: absolute; opacity: .9; width: 100%; background-color: #009beb; padding: 12px 0; border-top: 1px solid #fff;}
    .m_menu > li{display: block; width: 100%;}
    .m_menu > li > a{display: block; width: 50%; height: 40px; line-height: 40px; font-size: 14px; color: #fff; font-weight: bold; padding: 0 30px;}
    .m_menu > li > a::after{content: ''; display: block; visibility: hidden; clear: both;}
    .m_menu > li > a > img{opacity: .2; float: right; display: block; height: 16px; margin-top: 12px;}
    .m_menu > li > ul{position: absolute; top: 0; right: 0; width: 50%; height: 100%; background-color: #d6f1ff; padding: 12px 0;}
    .m_menu > li > ul > li > a{display: block; width: 100%; font-size: 13px; color: #666; line-height: 40px; padding-left: 30px; color: #333;}

    footer{background-color: #eee;}
    footer .f_con{padding: 10px 30px;}
    footer .f_con li{font-size: 12px; color: #888; margin: 6px 0;}
    footer .f_con li:first-of-type{padding-left: 0;}
    footer .f_con li b{font-weight: bold; color: #333;}
    footer .f_con li em{font-weight: bold; color: #cc0000;}
    footer .f_con li:last-of-type{font-size: 12px; color: #888; line-height: 22px;}
    footer .m_menuList{margin-bottom: 10px; font-size: 0;}
    footer .m_menuList::after{content: ''; display: block; visibility: hidden; clear: both;}
    footer .m_menuList li{float: left; display: inline-block; width: 50%;}
    footer .m_menuList li a{display: block; height: 42px; line-height: 42px; font-size: 12px; text-align: center; background-color: #fff; border: 1px solid #ddd; margin: 1%;}
    footer .pcBtn{padding: 10px;}
    footer .pcBtn a{display: block; width: 100%; height: 45px; font-size: 15px; color: #333; line-height: 45px; text-align: center; font-weight: bold; text-transform: uppercase; background-color: #ddd;}

    
    /*index.html*/
    .mainSlider{width: 100%; overflow: hidden;}
    .mainSlider .slick-list .slick-track .slick-slide{position: relative; overflow: hidden;}
    .mainSlider .slick-list .slick-track .slick-slide h3{position: absolute;}
    .mainSlider .slick-list .slick-track .slick-slide a{position: absolute; top: 50%; right: 0; margin-top: -16px; margin-right: -120px; display: block; width: 100px; height: 32px; line-height: 32px; font-size: 10px; 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 .mSlide01 img, 
    .mainSlider .slick-list .slick-track .mSlide02 img{position: relative; z-index: 10; display: block; width: 100%; object-fit: cover;}
    
    .mainSlider .slick-list .slick-track .mSlide03{background-color: #009beb;}
    .mainSlider .slick-list .slick-track .mSlide03 img{display: block; opacity: .65; width: 100%; object-fit: cover;}
    .mainSlider .slick-list .slick-track .mSlide03 h3{position: absolute; top: 14%; left: 10%; display: block; width: 50%; font-size: 14px; line-height: 28px; color: #fff;}
    .mainSlider .slick-list .slick-track .mSlide03 h3 small{display: block; font-size: 10px; color: #fff; line-height: 16px;}
    .mainSlider .slick-list .slick-track .mSlide03 p{font-size: 10px; color: #fff; line-height: 12px; margin-bottom: 30px;}
    .mainSlider .slick-list .slick-track .mSlide03 p::before{content: ''; display: block; width: 50px; height: 2px; background-color: #fff; margin-top: 3px; margin-bottom: 6px;}
    .m_menuBtn{font-size: 0;}
    .m_menuBtn::after{content: ''; display: block; visibility: hidden; clear: both;}
    .m_menuBtn a{float: left; display: inline-block; height: 50px; line-height: 50px; font-size: 15px; color: #fff; border: 1px solid #428eca; text-align: center;}
    .m_menuBtn a:first-of-type{border-right: none;}
    .m_menuBtn a:first-of-type, 
    .m_menuBtn a:nth-of-type(2){width: 50%; background-color: #116cb2;}
    .m_menuBtn a:last-of-type{width: 100%; background-color: #009beb; border-top: none;}

    .wrap div{width: 100%; box-sizing: border-box;}
    .wrap .introB{margin-bottom: 10px;}
    .wrap .introB a img{display: block; width: 100%;}
    .wrap .interviewB{position: relative; /*height: 120px;*/ background-color: #fff; overflow: hidden; margin-bottom: 10px; margin-top: 10px;}
    .wrap .interviewB img{width:100%;/*height: 100%;*/ object-fit: cover;}
    .wrap .interviewB a{position: absolute; top: 0; border: none; display: block; width: 100%; height: 100%; padding: 30px;}
    .wrap .interviewB a p{color: #fff;}
    .wrap .interviewB a p:first-of-type{font-size: 16px; font-weight: bold; margin-bottom: 12px;}
    .wrap .interviewB a p:last-of-type{font-size: 11px; line-height: 14px;}
    .wrap section:not(:last-of-type){margin-bottom: 20px;}

    .wrap .cuscall{position: relative; /*height: 120px;*/ background-color: #fff; overflow: hidden; margin-bottom: 10px; margin-top: 10px;}
    .wrap .cuscall img{width:100%;/*height: 100%;*/ object-fit: cover;}
    .wrap .cuscall a{position: absolute; top: 0; border: none; display: block; width: 100%; height: 100%; padding: 30px;}
    .wrap .cuscall a p{color: #fff;}
    .wrap .cuscall a p:first-of-type{font-size: 58px; font-weight: bold; margin-bottom: 12px;}
    .wrap .cuscall a p:last-of-type{font-size: 38px; line-height: 14px;}
    .wrap section:not(:last-of-type){margin-bottom: 20px;}




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

	.mocall{position: relative; height: 148px; background-color: #fff; margin-bottom: 10px;}
	.mocall img{width: 100%; object-fit: cover;}
	.mocall a{position: absolute; top: 0; border: none; display: block; width: 100%; height: 100%; padding-top: 100px; padding-left: 12px;}
	.mocall a p{font-size: 22px; font-weight: bold; margin-bottom: 20px; color: #fff;}

    .s_list{font-size: 0;}
    .s_list li{display: inline-block; width: 25%; vertical-align: top;}
    .s_list li img{display: block; width: 65%; margin: 0 auto 6px auto; cursor: pointer;}
    .s_list li a{display: block; text-align: center; font-size: 16px; color: #333 !important; cursor: pointer;}

	.bookintro a img{display: block; width: 100%;}






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

    
    /*my_history.html*/    
    .subMenu{display: block; width: 100%; background-color: #fff;}
    .subMenu .subMenuT{height: 45px; line-height: 45px; font-size: 15px; color: #fff; font-weight: bold; text-align: center; background-color: #009beb;}
    .subMenuSlider{width: 100%; height: 40px; overflow: hidden;}
    .subMenuSlider .slick-list .slick-track .slick-slide{position: relative; background-color: rgba(0, 155, 235, .07); overflow: hidden;}
    .subMenuSlider .slick-list .slick-track .slick-slide a{display: block; font-size: 13px; color: #666; line-height: 40px; text-align: center;}
    .subMenuSlider .slick-list .slick-track .slick-slide a.slick-active{color: red;}
    .subMenuActive{background-color: rgba(0, 155, 235, .07); color: #333 !important; font-weight: bold;}
    
    .wrap::after{content: ''; display: block; visibility: hidden; clear: both;}
    .wrap .loc{float: right; text-align: right;}
    .wrap .loc span{display: inline-block; font-size: 11px; color: #888;}
    .wrap .loc span:last-of-type{font-weight: bold;}
    .wrap .loc span:not(:last-of-type){margin-right: 8px;}
    .wrap .loc span a{font-weight: normal;}
    .wrap .loc span img{opacity: .5; display: inline-block; width: 6px;}
    .wrap h2{font-size: 18px; color: #009beb; font-weight: bold; line-height: 20px; margin-top: 30px; margin-bottom: 12px;}
    .con_ex{width: 100%; background-color: #fafafa; padding: 16px; box-sizing: border-box; margin-bottom: 30px; text-align: justify;}
    .con_ex p{font-size: 12px; color: #888; line-height: 16px;}
    .con_ex 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;}
    .con_ex2{width: 100%; background-color: #fafafa; padding: 16px; box-sizing: border-box; margin-bottom: 30px; text-align: justify;}
    .con_ex2 p{font-size: 14px; color: #888; line-height: 18px;}
    .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;}
	section.wrap section.conList h3{font-size: 14px; color: #333; line-height: 20px; font-weight: bold; padding: 0 12px; border-left: 3px solid #666; margin-bottom: 10px;}
    table.cTable{width: 100%; font-size: 12px; color: #666; border-top: 2px solid #333; border-bottom: 1px solid #aaa;}
    table.cTable tbody tr{height: 30px; line-height: 30px;}
    table.cTable tbody tr:not(:last-of-type){border-bottom: 1px solid #eee;}
    table.cTable tbody tr td{padding: 10px 12px; line-height: 10px; vertical-align: middle;}
    table.cTable tbody tr td.t_t{width: 70px; color: #333; font-weight: bold; background-color: #fafafa;}
	table.cTable tbody tr td.t_c{line-height: 20px; padding-top: 15px; padding-bottom: 15px; text-align: justify;}
    section.user_f{border-top: 1px dashed #ddd; margin-top: 60px; margin-bottom: 60px;}
    section.user_f h2{font-size: 14px; color: #333;}
    section.user_f h2 img{display: inline-block; height: 20px; margin-right: 4px; vertical-align: top;}
    section.user_f ul li{background-color: #fafafa; padding: 20px; border-top: 1px solid #ddd; text-align: justify;}
    section.user_f ul li:not(:last-of-type){margin-bottom: 12px;}
    section.user_f ul li div{font-size: 13px; color: #333; font-weight: bold; line-height: 18px;}
    section.user_f ul li div img{display: inline-block; width: 18px;}
    section.user_f ul li div:first-of-type{margin-bottom: 12px;}
    section.user_f ul li div p{font-size: 13px; color: #666; font-weight: normal; line-height: 18px;}
	.char{font-size: 18px; color: #000# margin-right: 8px;}
	.char2{font-size: 12px; color: #F70000; margin-right: 8px;}
	.char3{font-size: 12px; color: #009beb; margin-right: 8px;}
	.char4{font-size: 12px; color: #0CAA00; margin-right: 8px;}
	a.resultBtn{display: block; width: 100%; height: 45px; line-height: 45px; margin: 20px auto 40px auto; font-size: 14px; color: #fff; font-weight: bold; text-align: center; background-color: #009beb; transition: .5s ease all;}

    section.wrap section.conList2 h3{font-size: 14px; color: #333; line-height: 20px; font-weight: bold; padding: 0 12px; border-left: 3px solid #666; margin-top:16px; margin-bottom: 6px;}
    section.user_e{margin-bottom: 20px;}
    section.user_e h2{font-size: 14px; color: #333;}
    section.user_e h2 img{display: inline-block; height: 20px; margin-right: 4px; vertical-align: top;}
    section.user_e ul li{background-color: #fafafa; padding: 20px; border-top: 1px solid #ddd; text-align: justify;}
    section.user_e ul li:not(:last-of-type){margin-bottom: 12px;}
    section.user_e ul li div{font-size: 13px; color: #666; font-weight: normal; line-height: 18px;}
    section.user_e ul li div img{display: block; margin: 0 auto; max-width: 100%; height: auto; margin-bottom: 2px;}
    section.user_e ul li div p{font-size: 12px; color: #666; font-weight: normal; line-height: 16px;}
    
    /*my_namelist.html*/
    .hanja{color: #333; font-weight: bold;}
    .han{color: #009beb;}
    .nrTable tbody tr td:first-of-type, 
    .nrTable tbody tr td:nth-of-type(2){width: 74px;}
    .nrTable tbody tr td:last-of-type{width: 80px;}
    .nrTable tbody tr td:nth-of-type(2) div:first-of-type{border-bottom: 1px dotted #eee;}
    .nrTable tbody tr td::after{content: ''; display: block; visibility: hidden; clear: both;}
    .nrTable tbody tr td:nth-of-type(3) div{width: auto; padding: 2px 6px; border-radius: 4px;}
    .nrTable tbody tr td div a{margin-bottom: 4px !important;}
    .nrTable tbody tr td div a, 
    .nrTable tbody tr td div button{display: block !important; width: 100%; min-width: 75px;}
    
    .formBtn{text-align: center; margin-bottom: 60px; margin-top: 20px;}
    .formBtn > a{display: block; margin-top: 0;}
    .formBtn > *:not(:last-child){margin-bottom: 4px;}
    .formBtn > a:last-of-type{background-color: #fff; border: 1px solid #ccc; color: #666;}
        

    /*ÀÎÁõ¼­ ½Åû ¸ð´Þ*/
    #eventModal .modal-dialog{margin: 0 auto;}
    #eventModal .modal-dialog .modal-content2{border-radius: 0; font-size: 0;}
    .modal-footer .btn+.btn{margin-left: 1%;}
    #eventModal .modal-dialog .modal-content2 .btn-primary{width: 60%; background-color: #009beb; border: none;}
    #eventModal .modal-dialog .modal-content2 .btn-primary, 
    #eventModal .modal-dialog .modal-content2 .btn-secondary{display: inline-block; min-width: 65px; font-size: 12px; line-height: 28px;}
    #eventModal .modal-dialog .modal-content2 .btn-secondary{width: 39%;}
    #eventModal .modal-dialog .modal-content2 .modal-header{padding: 12px 15px;}
    #eventModal .modal-dialog .modal-content2 .modal-header h4{display: inline-block; font-size: 18px; color: #009beb; font-weight: bold;}
    #eventModal .modal-dialog .modal-content2 .modal-body > div{padding: 12px 16px; background-color: #f6f6f6; margin-bottom: 10px;}
    #eventModal .modal-dialog .modal-content2 .modal-body > div > p{font-size: 11px; color: #666; line-height: 18px;}
    .mTable tbody tr{height: auto !important; line-height: normal !important;}
    .mTable tbody tr td{text-align: left !important; padding: 10px !important;}
    .mTable tbody tr td:first-of-type{width: 85px; background-color: #fafafa;}
    .mTable tbody tr td input[type="password"], 
    .mTable tbody tr td input[type="text"]{display: block; width: 100%; height: 30px; line-height: 30px; padding: 0 6px; font-size: 12px; color: #333; border: 1px solid #ccc;}
    .mTable tbody tr td textarea{display: block; width: 100%; height: 100px; font-size: 12px; color: #333; line-height: 20px; padding: 5px 8px; border: 1px solid #ccc;}
    .mTable tbody tr td input[type="radio"]{display: none; width: 0; height: 0;}
    .mTable tbody tr td label{padding-left: 22px; 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: 16px;}
    .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;}
    .error{font-size: 12px; color: #ff0000; text-align: left; margin-top: 4px;}
    .b{color: #333; font-weight: bold;}

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

    section.nResult dl{margin-top: 30px; margin-bottom: 30px;}
    section.nResult .birth,
    section.nResult ul.hList1,
    section.nResult ul.hList2{margin-bottom: 10px;}
	section.nResult ul.hList1{padding: 10px 20px 25px 20px; font-size: 0; background-color: #FCFFFD; border: 1px solid #00C73C;}
    section.nResult ul.hList1 li{display: inline-block; width: 25%; vertical-align: top; padding: 8px 0;}
    section.nResult ul.hList1 li > span{display: block; font-size: 12px; color: #666; text-align: center; border-bottom: 1px solid #eee; padding: 10px 0; margin: 0 10px;}
    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: 20px; color: #333; text-align: right; margin-right: 10%;}
    section.nResult ul.hList1 li > div > span:last-of-type{font-size: 11px; color: #333; line-height: 12px;}

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

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

    section.nResult dl dt{font-size: 14px; color: #000; font-weight: bold; margin-bottom: 12px;}
    section.nResult dl dd{font-size: 13px; color: #666; line-height: 18px; 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: 20px; vertical-align: -2px; margin-right: 10px;}
    .dlR{padding: 25px 30px; background-color: #fff; border: 1px solid #fcb416;}
    .dlR dt{font-size: 16px !important; color: #ff8500 !important;}
    .dlR dd{font-size: 14px !important; color: #333 !important;}
    
        
    /*intro.html*/
    .intro{margin-bottom: 60px;}
    .intro figure.pic{display: block; width: 100%; 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{display: block; width: 100%; object-fit: cover; border: 10px solid #ebf8ff;}
    .intro figure.pic figcaption{display: table; width: 100%; height: 100px; background-image: linear-gradient(to right, #ebf8ff, #fff);}
    .intro figure.pic figcaption div{display: table-cell; vertical-align: middle; font-size: 16px; color: #333; font-weight: 100; text-align: center;}
    .intro figure.pic figcaption div p{font-size: 13px; color: #333; font-weight: bold; margin-top: 10px;}
    .intro figure.pic figcaption div p b{color: #009beb;}

    table.rTable{width: 100%; font-size: 12px; 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 6px; 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 4px; 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:last-of-type div{padding-left: 12px;}    
    table.rTable tbody tr td div a{display: inline-block; height: 32px; line-height: 32px; margin: 0 auto; font-size: 12px; color: #fff; text-align: center; background-color: #009beb; transition: .5s ease all;}
    table.rTable tbody tr td div button{display: block; height: 32px; margin: 0 auto; padding: 0 10px; font-size: 12px; color: #333; text-align: center; background-color: transparent; border: 1px solid #ccc; transition: .5s ease all;}

    .introT{border-top-color: #009beb !important; border-bottom-color: #7fcdf5 !important;}
    .introT tbody tr td:first-of-type{background-color: #fafafa; width: 20%; font-weight: bold; color: #333 !important;}
    .introT tbody tr td:not(:first-of-type){text-align: left;}
    .introT tbody tr td:not(:first-of-type) div p:not(:last-of-type){margin-bottom: 6px;}


    /*way.html*/
    ul.way{padding: 20px; margin-bottom: 60px;}
    ul.way li:not(:last-of-type){margin-bottom: 30px; padding-bottom: 30px; border-bottom: 2px dotted #eee;}
    ul.way li span{display: block; margin: 0 auto;}
    ul.way li span:first-of-type{width: 200px; padding: 16px; border-radius: 60px; margin-bottom: 20px;}
    ul.way li span:first-of-type > div{display: block; font-size: 14px; padding: 20px; border-radius: 50px; background-color: #fff; text-align: center;}
    ul.way li span:first-of-type div div{font-size: 20px; margin-bottom: 10px; font-weight: bold;}
    ul.way li span:last-of-type div{width: 100%; font-size: 13px; color: #333; line-height: 20px; text-align: center;}

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


    /*guide.html*/
    .guide ol, .guide > div{margin-bottom: 40px;}
    .guide ol{border: 5px solid rgba(0, 155, 235, .05); padding: 16px 20px;}
    .guide ol li{list-style-type: decimal; list-style-position: inside; font-size: 12px; color: #333; line-height: 16px;}
    .guide ol li:not(:last-of-type){margin-bottom: 10px;}
    .guide h3{border-left-color: #009beb !important; color: #009beb !important;}
    .guide > div > div{width: 100%; margin-top: 20px;}
    .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: 12px; 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: 32px; line-height: 32px; font-size: 11px; color: #333; background-color: #fff; border: 1px solid #ddd; padding: 0 10px;}
    .mList{color: #ff0000 !important;}
    a.linkBtn{display: block; width: 160px; height: 32px; line-height: 32px; font-size: 11px; color: #333; text-align: center; background-color: #fafafa; border: 1px solid #ddd; margin-left: 10px; margin-top: 6px;}
    
    
    /*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;}

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

    .sort{margin-bottom: 10px;}
    .sort > *{vertical-align: middle;}
    .sort div{display: inline-block; margin-bottom: 10px; font-size: 0;}
    .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: 12px; line-height: 32px; border: 1px solid #ccc;}
    .sort div select, 
    .sort div input[type="text"]{color: #333; border: 1px solid #ccc;}
    .sort div select{width: 25%; max-width: 120px; padding: 0 4px;}
    .sort div input[type="text"]{width: 45%; padding: 0 8px;}
    .sort div input[type="button"]{width: 30%; max-width: 120px; color: #fff; background-color: #666; border: none; transition: .5s ease all;}
    .sort .wBtn{display: block; margin: 0; margin-bottom: 10px;}
    .wBtn{display: block; width: 100%; height: 40px; line-height: 40px; font-size: 12px; color: #fff; text-align: center; background-color: #009beb; margin-top: 10px; transition: .5s ease all;}

    span.t_e, 
    span.t_w{display: inline-block; height: 28px; line-height: 28px; font-size: 11px; color: #fff; padding: 0 8px;}
    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: 11px; color: #aaa; background-color: #fff; border: 1px solid #eee; padding: 0 8px; margin-top: 6px;}

    .qnaTable tbody tr td:first-of-type{width: 50px;}
    .qnaTable tbody tr td:nth-of-type(2){width: 70px;}
    
    #pagination_2{
        text-align: center;
        margin-top: 30px;
        margin-bottom: 60px;
        font-size: 0
    }
    #pagination_2 a{
        display: inline-block;
        width: 27px;
        height: 27px;
        line-height: 27px;
        box-sizing: border-box;
        font-size: 13px;
        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: 80%; max-width: 400px; margin: 30px auto; border: 1px solid #333; background-color: #fafafa; padding-bottom: 40px;}
    section.qnaPwCheck h2{font-size: 14px; color: #333; font-weight: bold; margin-bottom: 40px; text-align: center; border-bottom: 1px solid #ddd; padding: 16px 0;}
    section.qnaPwCheck input{display: block; width: 70%; max-width: 235px; height: 40px; line-height: 40px; margin: 0 auto; font-size: 12px; color: #333; padding: 0 10px;}
    section.qnaPwCheck input::placeholder{font-size: 12px; color: #aaa;}
    section.qnaPwCheck .formBtn{margin-top: 20px; margin-bottom: 0;}
    section.qnaPwCheck .formBtn a{font-size: 11px; width: 70%; height: 35px; line-height: 35px;}

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

    /*faq.html*/
    .faq{margin-bottom: 60px;}
    .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: 12px; color: #333; line-height: 18px;}
    .faq ul li div:first-of-type{padding: 10px 12px; cursor: pointer;}
    .faq ul li div:last-of-type{background-color: #fafafa; border-top: 1px solid #ddd; padding: 16px 20px;}
    .faq ul li div img{display: inline-block; width: 16px; margin-right: 2px;}
    .faq ul li div p{font-size: 12px; color: #666; font-weight: normal; line-height: 16px;}
    .faq_rb{text-align: justify;}
	.faq_r{margin-top: 20px; text-align: justify;}
    .faqA{color: #009beb !important; font-weight: bold;}


    /*interview_list.html*/
    .interviewTable tbody tr td:first-of-type{width: 40px;}
    .interviewTable tbody tr td:first-of-type div{width: 40px; word-break: break-all;}
    .interviewTable tbody tr td:last-of-type{text-align: left;}
    .interviewTable tbody tr td div img{display: block; width: 80px; height: 60px; margin: 0 auto; object-fit: cover;}
    .interviewTable tbody tr td a{display: block; line-height: 14px; margin-bottom: 5px;}
    .interviewTable tbody tr td .uInfo{font-size: 10px; color: #aaa; line-height: 12px; padding: 0 !important;}
    .interviewTable tbody tr td .uInfo2{font-size: 10px; color: #aaa; line-height: 12px; padding: 0 !important;}

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

    
    /*naming.html*/
    .naming h3{font-size: 14px; 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: 100px; font-weight: bold;}
    .naming table tbody tr td select{display: inline-block; width: 100px; height: 30px; line-height: 30px; padding: 0 6px; font-size: 12px; color: #333; border: 1px solid #ccc; box-sizing: border-box; margin-right: 2px;}
    .naming table tbody tr td p{margin-bottom: 2px;}
    .naming table tbody tr:first-of-type td select:first-of-type{display: inline-block; width: 100px; height: 30px; line-height: 30px; padding: 0 6px; font-size: 12px; color: #333; border: 1px solid #ccc; box-sizing: border-box; margin-right: 2px;}
    .naming table tbody tr td select:not(:last-of-type){margin-bottom: 4px;}
    .naming table tbody tr td input[type="text"]{margin-bottom: 5px;}
    .naming table tbody tr td div{font-size: 12px; color: #ff8500;}
    .naming table tbody tr td ul{margin-bottom: 10px;}
    .naming table tbody tr td ul li{font-size: 12px; line-height: 16px;}
    .naming table tbody tr td ul li:first-of-type{color: #ff8500;}
    .naming table tbody tr td ul li:not(:last-of-type){margin-bottom: 6px;}
    .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; width: auto; min-width: 100px; padding: 10px;}
    .naming table tbody tr td .ch_character span{display: block; width: 80px; margin: 0 auto 5px auto; font-size: 12px; color: #333; font-weight: bold;}
    .naming table tbody tr td .ch_character div{display: inline-block; width: auto; 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: 12px; color: #fff; background-color: #aaa;}
    .namingTable tbody tr td label{display: block;}
    .namingTable tbody tr td label:not(:last-of-type){margin-bottom: 10px;}
    .namingTable tbody tr td div{line-height: 16px !important;}
    
    .i_agree{margin-top: 50px;}
    .i_agree p{font-size: 14px; color: #009beb; font-weight: bold; margin-bottom: 10px;}
    .i_agree textarea{width: 100%; height: 200px; border: 1px solid #ddd; padding: 16px; box-sizing: border-box; background-color: #fff; font-size: 12px; color: #333; line-height: 16px;}
    .i_agree div{display: block; margin-top: 10px;}
    .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: 11px; color: #888;}
    
    .naming .formBtn{margin-top: 50px;}    
    .naming .formBtn a:not(:last-of-type){margin-bottom: 4px;}    

    .namingC{margin-top: 16px; padding: 10% 8%; border: 4px solid rgba(0, 155, 235, .07); text-align: center}
    .namingC .namingC_1{font-size: 20px; color: #333; font-weight: bold; margin-bottom: 16px;}
    .namingC .namingC_1 img{display: inline-block; width: 20px; vertical-align: 2px; margin-right: 10px;}
    .namingC .namingC_2{width: 80%; font-size: 12px; color: #333; line-height: 16px; margin: 0 auto;}
    .namingC .namingC_2::after{content:''; display: block; width: 50px; height: 3px; background-color: #666; margin: 16px auto;}
    .namingC .namingC_3{font-size: 12px; color: #009beb; font-weight: bold; line-height: 14px; margin-bottom: 10px;}
    .namingC table{width: 100%; max-width: 600px; font-size: 12px; color: #333; line-height: 16px; margin: 0 auto 30px 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; vertical-align: middle;}
    .namingC table tbody tr td:first-of-type, 
    .namingC table tbody tr td:last-of-type{width: 30%;}
    .namingC table tbody tr td:nth-of-type(2){width: 40%;}
    .namingC ul{width: 100%; margin: 0 auto; border-top: 1px solid #ddd; padding: 10%; text-align: left; background: #fafafa;}
    .namingC ul li{list-style: disc; list-style-position: inside; font-size: 11px; color: #333; line-height: 16px;}
    .namingC ul li:not(:last-of-type){margin-bottom: 8px;}
    
    
    /*pop_character_1.html*/
    section.chPopup{width: 100%; max-width: 500px; margin: 0 auto; padding: 16px;}
    section.chPopup h2{font-size: 11px; color: #333; line-height: 16px; margin-bottom: 12px;}
    section.chPopup h2 b{display: block; font-size: 12px; color: #009beb; background-color: #eee; padding: 4px 8px; text-align: center; font-weight: bold; line-height: 18px; margin-bottom: 5px;}
    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: 20px; color: #aaa; background-color: #fafafa; margin: 2px; line-height: 45px; border: 1px solid #eee;}
    section.chPopup table.chTable tbody tr td a:hover{color: #009beb; border-color: #009beb;}
    section.chPopup > .formBtn{margin-top: 20px;}
    section.chPopup > .formBtn > a.resultBtn{width: 100%; height: 40px; line-height: 40px; margin: 0 auto; font-size: 13px;}
    section.chPopup > .formBtn > a:not(:last-of-type){margin-bottom: 4px;}
    section.chPopup > a.resultBtn{width: 100%; height: 40px; line-height: 40px; font-size: 13px; margin: 20px auto 0 auto;}


    /*info_fm.html*/
    .info p{font-size: 13px; color: #333; line-height: 18px; /*margin-bottom: 12px;*/}
    .info > .infoC{display: inline-block; width: 100%; margin-bottom: 20px;}
    .info > .infoC > p{font-size: 13px; color: #ff8500; font-weight: bold; line-height: 18px; text-align: center;}
    .info > .infoC > ul.hList2{width: 100%; padding: 0; margin-bottom: 5px; border-top-color: #333; padding: 10px;}
    .info > .infoC > ul.hList2 li{padding: 20px;}
    .info > p{padding: 20px 25px; background-color: #fafafa; word-break: keep-all; margin-bottom: 12px;}


    /*info_nc.html*/
    .lT{position: relative; width: 340px !important; margin-top: 50px;}
    .lT ul.hList2{background: url(../images/line.svg) no-repeat center 6px; background-size: 60%; border-top: none; padding-top: 30px !important;}
    .lT ul.hList2 li{padding: 80px 38px !important;}
    .lT ul.hList2 li div:first-of-type{font-size: 24px; color: #333; margin-bottom: 8px;}
    .lT ul.hList2 li div:last-of-type{font-size: 14px; color: #009beb; font-weight: bold;}
    .lT span{position: absolute; font-size: 14px; color: #009beb; font-weight: bold;}
    .lT span:first-of-type{top: -20px; left: 50%; margin-left: -22.4px;}
    .lT span:nth-of-type(2){top: 40px; left: 28%;}
    .lT span:nth-of-type(3){top: 40px; right: 28%;}
    .lT span:last-of-type{bottom: 30px; left: 50%; margin-left: -22.4px;}
    .dTable{margin-bottom: 60px;}
    .dTable tbody tr td{padding: 10px 4px !important; text-align: center;}
    .dTable tbody tr td:first-of-type,
    .dTable tbody tr td:nth-of-type(4){background-color: #fafafa;}
    .dTable tbody tr td:nth-of-type(3), 
    .dTable tbody tr td:last-of-type{color: #009beb;}
    .dTable tbody tr td:first-of-type,
    .dTable tbody tr td:nth-of-type(3),
    .dTable tbody tr td:nth-of-type(4),
    .dTable tbody tr td:last-of-type{width: 10%;}
    .dTable tbody tr td:nth-of-type(2),
    .dTable tbody tr td:nth-of-type(5){width: 30%;}
    .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: 12px; 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: 90%; max-width: 280px; margin: 0 auto;}


    /*info_ncc.html*/
    .info img{width: 100%; max-width: 475px; margin-bottom: 30px;}


    /*info_ccn.html*/
    .info > div > div{margin-top: 10px;}
    .info ul{margin-bottom: 30px; padding: 20px 25px; 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: 12px; color: #333; line-height: 16px;}
    .info ul li:not(:last-of-type){margin-bottom: 6px;}
    .info ul li b{font-size: 12px; font-weight: bold; color: #000;}
    .info dl:not(:last-of-type){margin-bottom: 6px;}
    .info dl:last-of-type{margin-bottom: 40px;}
    .info dl > *{display: inline-block;}
    .info dl dt{font-size: 12px; color: #333; margin-right: 10px; background-color: rgba(0, 155, 235, .02); padding: 10px 16px; border: 1px solid #eee;}
    .info dl dt b{font-size: 18px; color: #000; margin-right: 2px;}
    .info dl dd{font-size: 12px; color: #ff8500;}

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


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


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

	
    /*book.html*/
    .bookItem{width: 100%; padding: 30px 20px; margin-bottom: 16px; font-size: 0;}
    .bookItem:not(:last-of-type){border-bottom: 1px solid #ddd;}
    .bookItem figure,
    .bookItem div{display: block; width: 100%;}
    .bookItem figure{margin-bottom: 50px;}
    .bookItem figure img{display: block; width: 60%; max-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: 12px; 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: 15px; color: #333; font-weight: bold; text-align: left; line-height: 22px; margin-bottom: 16px;}
    .bookItem div ul{background-color: #fafafa; padding: 20px 25px;}
    .bookItem div ul li:first-of-type{font-size: 14px; color: #6bb3d6; font-weight: bold; line-height: 18px; margin-bottom: 16px;}
    .bookItem div ul li:not(:first-of-type){font-size: 12px; color: #666; line-height: 16px; margin-bottom: 5px;}
    .imgN{display: table; width: 60%; max-width: 250px; height: 220px; 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;}

	.c_T tbody tr td:first-of-type{width: 90px !important;}
	.c_D{font-size: 0;}
	.c_D > div{display: inline-block; width: 49.5%; vertical-align: top; padding: 0 !important;}
	.c_D > div:last-of-type{margin-left: 1%; padding: 0 !important;}
	.c_D > div::after{content: ''; display: block; visibility: hidden; clear: both;}
	.c_D > div select{width: 100% !important;}
	.c_D > div > div{float:left; width: 49.5%; padding: 0 !important; margin-top: 1%;}
	.c_D > div > div:last-of-type{margin-left: 1%;}
	.c_M{font-size: 11px; color: #ff0000;}	
	.c_label > div{color: #666 !important; display: inline-block !important; width: 65px; padding: 0 !important;}
	.c_label > div:not(:last-of-type){margin-right: 1%;}
	
	.subMenuSlider .slick-prev{opacity: .2; background: url('../images/icon_arrow_l.svg') no-repeat; background-size: 10px; width: 10px; height: 20px; left: 5px; z-index: 100;}
	.subMenuSlider .slick-next{opacity: .2; background: url('../images/icon_arrow.svg') no-repeat; background-size: 10px; width: 10px; height: 20px; right: 5px; z-index: 100;}
	.slick-prev:before{content:'';}
	.slick-next:before{content:'';}
	
	.c_NB{display: block !important; width: 100% !important;}
	.c_NB > span{margin: 0 0 5px 0 !important;}
	.c_NB > div{margin: 0 0 10px 0 !important; height: auto !important; border: none !important; padding: 0 !important;}
	.c_NB > a{margin: 0 !important;}
}


@media (min-width:480px) and (max-width:767px) {
    header{position: relative; z-index: 100; width: 100%;}
    header h1{position: relative; height: 55px; padding-top: 14px;}
    a.logo{display: block; width: 100px; margin: 0 auto;}
    a.logo img{display: block; width: 100px; height: 25px;}
    a.login{position: absolute; top: 0; right: 0; display: block; padding: 0 16px; height: 55px; background-color: #009beb; line-height: 16px; text-align: center; font-size: 14px; color: #fff; padding-top: 12px;}
    .loginS{opacity: .75;}

    .menuA{position: absolute; top: 0; left: 0; width: 55px; height: 55px; box-sizing: border-box; padding-top: 16px; cursor: pointer; transition: .5s ease all;}
    .menuA > span{display: block; width: 24px; height: 3px; margin: 0 auto; border-radius: 2px; background-color: #009beb; transition: .5s ease all;}
    .menuA > span:not(:last-of-type){margin-bottom: 6px;}

    .m_menu{position: absolute; opacity: .9; width: 100%; background-color: #009beb; padding: 12px 0; border-top: 1px solid #fff;}
    .m_menu > li{display: block; width: 100%;}
    .m_menu > li > a{display: block; width: 50%; height: 40px; line-height: 40px; font-size: 14px; color: #fff; font-weight: bold; padding: 0 30px;}
    .m_menu > li > a::after{content: ''; display: block; visibility: hidden; clear: both;}
    .m_menu > li > a > img{opacity: .2; float: right; display: block; height: 16px; margin-top: 12px;}
    .m_menu > li > ul{position: absolute; top: 0; right: 0; width: 50%; height: 100%; background-color: #d6f1ff; padding: 12px 0;}
    .m_menu > li > ul > li > a{display: block; width: 100%; font-size: 13px; color: #666; line-height: 40px; padding-left: 30px; color: #333;}
        
    footer{background-color: #eee;}
    footer .f_con{padding: 10px 30px;}
    footer .f_con li{font-size: 12px; color: #888; margin: 6px 0;}
    footer .f_con li:first-of-type{padding-left: 0;}
    footer .f_con li b{font-weight: bold; color: #333;}
    footer .f_con li em{font-weight: bold; color: #cc0000;}
    footer .f_con li:last-of-type{font-size: 12px; color: #888; line-height: 22px;}
    footer .m_menuList{margin-bottom: 10px; font-size: 0;}
    footer .m_menuList::after{content: ''; display: block; visibility: hidden; clear: both;}
    footer .m_menuList li{float: left; display: inline-block; width: 50%;}
    footer .m_menuList li a{display: block; height: 50px; line-height: 50px; font-size: 12px; text-align: center; background-color: #fff; border: 1px solid #ddd; margin: 1%;}
    footer .pcBtn{padding: 10px;}
    footer .pcBtn a{display: block; width: 100%; height: 50px; font-size: 15px; color: #333; line-height: 50px; text-align: center; font-weight: bold; text-transform: uppercase; background-color: #ddd;}
    
    
    /*index.html*/    
    .mainSlider{width: 100%; overflow: hidden;}
    .mainSlider .slick-list .slick-track .slick-slide{position: relative; overflow: hidden;}
    .mainSlider .slick-list .slick-track .slick-slide h3{position: absolute;}
    .mainSlider .slick-list .slick-track .slick-slide a{position: absolute; top: 50%; right: 0; margin-top: -16px; margin-right: -130px; display: block; width: 110px; height: 36px; line-height: 36px; font-size: 12px; 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 .mSlide01{background: url('../images/mainSBG.jpg') no-repeat center; background-size: cover;}
    .mainSlider .slick-list .slick-track .mSlide01 .sBG{position: absolute; top: 0; left: 0; opacity: .94; display: block; width: 100%; height: 100%; background-color: #a1dcf9;}
    .mainSlider .slick-list .slick-track .mSlide02 .sBG{opacity: .2; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: #fff5ce;}
    .mainSlider .slick-list .slick-track .mSlide01 img, 
    .mainSlider .slick-list .slick-track .mSlide02 img{position: relative; z-index: 10; display: block; width: 100%; object-fit: cover;}
    
    .mainSlider .slick-list .slick-track .mSlide03{background-color: #009beb;}
    .mainSlider .slick-list .slick-track .mSlide03 img{display: block; opacity: .65; width: 100%; object-fit: cover;}
    .mainSlider .slick-list .slick-track .mSlide03 h3{position: absolute; top: 22%; left: 10%; display: block; width: 55%; max-width: 1000px; font-size: 18px; line-height: 28px; color: #fff;}
    .mainSlider .slick-list .slick-track .mSlide03 h3 small{display: block; font-size: 10px; color: #fff; line-height: 16px;}
    .mainSlider .slick-list .slick-track .mSlide03 p{font-size: 11px; color: #fff; line-height: 16px; margin-bottom: 30px;}
    .mainSlider .slick-list .slick-track .mSlide03 p::before{content: ''; display: block; width: 50px; height: 2px; background-color: #fff; margin-top: 10px; margin-bottom: 12px;}

    .m_menuBtn{font-size: 0;}
    .m_menuBtn::after{content: ''; display: block; visibility: hidden; clear: both;}
    .m_menuBtn a{float: left; display: inline-block; height: 60px; line-height: 60px; font-size: 16px; color: #fff; border: 1px solid #428eca; text-align: center;}
    .m_menuBtn a:first-of-type{border-right: none;}
    .m_menuBtn a:first-of-type, 
    .m_menuBtn a:nth-of-type(2){width: 50%; background-color: #116cb2;}
    .m_menuBtn a:last-of-type{width: 100%; background-color: #009beb; border-top: none;}

    .wrap div{width: 100%; box-sizing: border-box;}
    .wrap .introB{margin-bottom: 10px;}
    .wrap .introB a img{display: block; width: 100%;}
    .wrap .interviewB{position: relative; /*height: 150px;*/ background-color: #000; overflow: hidden; margin-bottom: 10px;}
    .wrap .interviewB img{width:100%;/*height: 100%;*/ object-fit: cover;}
    .wrap .interviewB a{position: absolute; top: 0; border: none; display: block; width: 100%; height: 100%; padding: 45px;}
    .wrap .interviewB a p{color: #fff;}
    .wrap .interviewB a p:first-of-type{font-size: 16px; font-weight: bold; margin-bottom: 10px;}
    .wrap .interviewB a p:last-of-type{font-size: 12px; line-height: 16px;}
    .wrap section:not(:last-of-type){margin-bottom: 30px;}

    section.notice{border: 1px solid #ddd; margin-bottom: 10px;}
    section.notice h4{position: relative; width: 100%; height: 55px; line-height: 55px; 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: 30px; box-sizing: border-box;}
    section.notice ul li a{font-size: 12px; color: #888; line-height: 25px; text-transform: uppercase;}
    section.notice ul li:hover a{color: #000;}

    .s_list{font-size: 0;}
    .s_list li{display: inline-block; width: 25%; vertical-align: top;}
    .s_list li img{display: block; width: 60%; max-width: 70px; margin: 0 auto 6px auto; cursor: pointer;}
    .s_list li a{display: block; text-align: center; font-size: 16px; color: #333 !important; cursor: pointer;}


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

    
    /*my_history.html*/    
    .subMenu{display: block; width: 100%; background-color: #fff;}
    .subMenu .subMenuT{height: 45px; line-height: 45px; font-size: 15px; color: #fff; font-weight: bold; text-align: center; background-color: #009beb;}
    .subMenuSlider{width: 100%; height: 40px; overflow: hidden;}
    .subMenuSlider .slick-list .slick-track .slick-slide{position: relative; background-color: rgba(0, 155, 235, .07); overflow: hidden;}
    .subMenuSlider .slick-list .slick-track .slick-slide a{display: block; font-size: 13px; color: #666; line-height: 40px; text-align: center;}
    .subMenuSlider .slick-list .slick-track .slick-slide a.slick-active{color: red;}
    .subMenuActive{background-color: rgba(0, 155, 235, .07); color: #333 !important; font-weight: bold;}

    .wrap::after{content: ''; display: block; visibility: hidden; clear: both;}
    .wrap .loc{float: right; text-align: right;}
    .wrap .loc span{display: inline-block; font-size: 11px; color: #888;}
    .wrap .loc span:last-of-type{font-weight: bold;}
    .wrap .loc span:not(:last-of-type){margin-right: 8px;}
    .wrap .loc span a{font-weight: normal;}
    .wrap .loc span img{opacity: .5; display: inline-block; width: 6px;}
    .wrap h2{font-size: 18px; color: #009beb; font-weight: bold; line-height: 20px; margin-top: 30px; margin-bottom: 12px;}
    .con_ex{width: 100%; background-color: #fafafa; padding: 16px; box-sizing: border-box; margin-bottom: 30px;}
    .con_ex p{font-size: 12px; color: #888; line-height: 16px;}
    .con_ex 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;}
    section.wrap section.conList h3{font-size: 14px; color: #333; line-height: 20px; font-weight: bold; padding: 0 12px; border-left: 3px solid #666; margin-bottom: 10px;}
    table.cTable{width: 100%; font-size: 12px; color: #666; border-top: 2px solid #333; border-bottom: 1px solid #aaa;}
    table.cTable tbody tr{height: 30px; line-height: 30px;}
    table.cTable tbody tr:not(:last-of-type){border-bottom: 1px solid #eee;}
    table.cTable tbody tr td{padding: 10px 12px; line-height: 10px; vertical-align: middle;}
    table.cTable tbody tr td.t_t{width: 80px; color: #333; font-weight: bold; background-color: #fafafa;}
    table.cTable tbody tr td.t_c{line-height: 20px; padding-top: 15px; padding-bottom: 15px; text-align: justify;}
    section.user_f{border-top: 1px dashed #ddd; margin-top: 60px; margin-bottom: 60px;}
    section.user_f h2{font-size: 14px; color: #333;}
    section.user_f h2 img{display: inline-block; height: 20px; margin-right: 4px; vertical-align: top;}
    section.user_f ul li{background-color: #fafafa; padding: 20px; border-top: 1px solid #ddd; text-align: justify;}
    section.user_f ul li:not(:last-of-type){margin-bottom: 12px;}
    section.user_f ul li div{font-size: 13px; color: #333; font-weight: bold; line-height: 18px;}
    section.user_f ul li div img{display: inline-block; width: 18px;}
    section.user_f ul li div:first-of-type{margin-bottom: 12px;}
    section.user_f ul li div p{font-size: 13px; color: #666; font-weight: normal; line-height: 18px;}
	.char{font-size: 18px; color: #000# margin-right: 8px;}
	.char2{font-size: 12px; color: #F70000; margin-right: 8px;}
	.char3{font-size: 12px; color: #009beb; margin-right: 8px;}
	.char4{font-size: 12px; color: #0CAA00; margin-right: 8px;}
    a.resultBtn{display: block; width: 100%; height: 45px; line-height: 45px; margin: 20px auto 40px auto; font-size: 14px; color: #fff; font-weight: bold; text-align: center; background-color: #009beb; transition: .5s ease all;}

    section.wrap section.conList2 h3{font-size: 14px; color: #333; line-height: 20px; font-weight: bold; padding: 0 12px; border-left: 3px solid #666; margin-top:16px;margin-bottom: 10px;}
    section.user_e{margin-bottom: 20px;}
    section.user_e h2{font-size: 14px; color: #333;}
    section.user_e h2 img{display: inline-block; height: 20px; margin-right: 4px; vertical-align: top;}
    section.user_e ul li{background-color: #fafafa; padding: 20px; border-top: 1px solid #ddd; text-align: justify;}
    section.user_e ul li:not(:last-of-type){margin-bottom: 12px;}
    section.user_e ul li div{font-size: 13px; color: #666; font-weight: normal; line-height: 18px;}
    section.user_e ul li div img{display: block; margin: 0 auto; max-width: 100%; height: auto; margin-bottom: 2px;}
    section.user_e ul li div p{font-size: 12px; color: #666; font-weight: normal; line-height: 16px;}
    
    /*my_namelist.html*/
    .hanja{color: #333; font-weight: bold;}
    .han{color: #009beb;}
    .nrTable tbody tr td:first-of-type, 
    .nrTable tbody tr td:nth-of-type(2),
    .nrTable tbody tr td:last-of-type{width: 20%;}
    .nrTable tbody tr td:nth-of-type(2) div:first-of-type{border-bottom: 1px dotted #eee;}
    .nrTable tbody tr td::after{content: ''; display: block; visibility: hidden; clear: both;}
    .nrTable tbody tr td:nth-of-type(3) div{width: auto; padding: 2px 6px; border-radius: 4px;}
    .nrTable tbody tr td div a{margin-bottom: 4px !important;}
    .nrTable tbody tr td div a, 
    .nrTable tbody tr td div button{display: block !important; width: 100%;}
    
    .formBtn{text-align: center; margin-bottom: 60px; margin-top: 20px;}
    .formBtn > a{display: block; margin-top: 0;}
    .formBtn > a:last-of-type{background-color: #fff; border: 1px solid #ccc; color: #666;}
    .formBtn > *:not(:last-child){margin-bottom: 4px;}    
    

    /*ÀÎÁõ¼­ ½Åû ¸ð´Þ*/
    #eventModal .modal-dialog{margin: 0 auto;}
    #eventModal .modal-dialog .modal-content2{border-radius: 0; font-size: 0;}
    .modal-footer .btn+.btn{margin-left: 1%;}
    #eventModal .modal-dialog .modal-content2 .btn-primary{width: 60%; background-color: #009beb; border: none;}
    #eventModal .modal-dialog .modal-content2 .btn-primary, 
    #eventModal .modal-dialog .modal-content2 .btn-secondary{display: inline-block; min-width: 65px; font-size: 12px; line-height: 28px;}
    #eventModal .modal-dialog .modal-content2 .btn-secondary{width: 39%;}
    #eventModal .modal-dialog .modal-content2 .modal-header{padding: 12px 15px;}
    #eventModal .modal-dialog .modal-content2 .modal-header h4{display: inline-block; font-size: 18px; color: #009beb; font-weight: bold;}
    #eventModal .modal-dialog .modal-content2 .modal-body > div{padding: 12px 16px; background-color: #f6f6f6; margin-bottom: 10px;}
    #eventModal .modal-dialog .modal-content2 .modal-body > div > p{font-size: 11px; color: #666; line-height: 18px;}
    .mTable tbody tr{height: auto !important; line-height: normal !important;}
    .mTable tbody tr td{text-align: left !important; padding: 10px !important;}
    .mTable tbody tr td:first-of-type{width: 120px; background-color: #fafafa;}
    .mTable tbody tr td input[type="password"], 
    .mTable tbody tr td input[type="text"]{display: block; width: 100%; height: 30px; line-height: 30px; padding: 0 6px; font-size: 12px; color: #333; border: 1px solid #ccc;}
    .mTable tbody tr td textarea{display: block; width: 100%; height: 100px; font-size: 12px; color: #333; line-height: 20px; padding: 5px 8px; border: 1px solid #ccc;}
    .mTable tbody tr td input[type="radio"]{display: none; width: 0; height: 0;}
    .mTable tbody tr td label{padding-left: 22px; 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: 16px;}
    .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;}
    .error{font-size: 12px; color: #ff0000; text-align: left; margin-top: 4px;}
    .b{color: #333; font-weight: bold;}

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

    section.nResult dl{margin-top: 30px; margin-bottom: 30px;}
    section.nResult .birth,
    section.nResult ul.hList1,
    section.nResult ul.hList2{margin-bottom: 10px;}
    section.nResult ul.hList1{padding: 10px 20px 25px 20px; font-size: 0; background-color: #FCFFFD; border: 1px solid #00C73C;}
    section.nResult ul.hList1 li{display: inline-block; width: 25%; vertical-align: top; padding: 8px 0;}
    section.nResult ul.hList1 li > span{display: block; font-size: 12px; color: #666; text-align: center; border-bottom: 1px solid #eee; padding: 10px 0; margin: 0 10px;}
    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: 20px; color: #333; text-align: right; margin-right: 10%;}
    section.nResult ul.hList1 li > div > span:last-of-type{font-size: 11px; color: #333; line-height: 12px;}

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

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

    section.nResult dl dt{font-size: 14px; color: #000; font-weight: bold; margin-bottom: 12px;}
    section.nResult dl dd{font-size: 13px; color: #666; line-height: 18px; 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: 20px; vertical-align: -2px; margin-right: 10px;}
    .dlR{padding: 25px 30px; background-color: #fff; border: 1px solid #fcb416;}
    .dlR dt{font-size: 16px !important; color: #ff8500 !important;}
    .dlR dd{font-size: 14px !important; color: #333 !important;}
    
    
    /*intro.html*/
    .intro{margin-bottom: 60px;}
    .intro figure.pic{display: block; width: 100%; 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{display: block; width: 100%; object-fit: cover; border: 10px solid #ebf8ff;}
    .intro figure.pic figcaption{display: table; width: 100%; height: 100px; background-image: linear-gradient(to right, #ebf8ff, #fff);}
    .intro figure.pic figcaption div{display: table-cell; vertical-align: middle; font-size: 16px; color: #333; font-weight: 100; text-align: center;}
    .intro figure.pic figcaption div p{font-size: 13px; color: #333; font-weight: bold; margin-top: 10px;}
    .intro figure.pic figcaption div p b{color: #009beb;}

    table.rTable{width: 100%; font-size: 12px; 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 6px; 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 4px; 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:last-of-type div{padding-left: 16px;}
    table.rTable tbody tr td div a{display: inline-block; height: 32px; line-height: 32px; margin: 0 auto; font-size: 12px; color: #fff; text-align: center; background-color: #009beb; transition: .5s ease all;}
    table.rTable tbody tr td div button{display: block; height: 32px; margin: 0 auto; padding: 0 10px; font-size: 12px; color: #333; text-align: center; background-color: transparent; border: 1px solid #ccc; transition: .5s ease all;}

    .introT{border-top-color: #009beb !important; border-bottom-color: #7fcdf5 !important;}
    .introT tbody tr td:first-of-type{background-color: #fafafa; width: 20%; font-weight: bold; color: #333 !important;}
    .introT tbody tr td:not(:first-of-type){text-align: left;}
    .introT tbody tr td:not(:first-of-type) div p:not(:last-of-type){margin-bottom: 6px;}


    /*way.html*/
    ul.way{padding: 20px; margin-bottom: 60px;}
    ul.way li:not(:last-of-type){margin-bottom: 30px; padding-bottom: 30px; border-bottom: 2px dotted #eee;}
    ul.way li span{display: block; margin: 0 auto;}
    ul.way li span:first-of-type{width: 200px; padding: 16px; border-radius: 60px; margin-bottom: 20px;}
    ul.way li span:first-of-type > div{display: block; font-size: 14px; padding: 20px; border-radius: 50px; background-color: #fff; text-align: center;}
    ul.way li span:first-of-type div div{font-size: 20px; margin-bottom: 10px; font-weight: bold;}
    ul.way li span:last-of-type div{width: 100%; font-size: 13px; color: #333; line-height: 20px; text-align: center;}

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


    /*guide.html*/
    .guide ol, .guide > div{margin-bottom: 40px;}
    .guide ol{border: 5px solid rgba(0, 155, 235, .05); padding: 16px 20px;}
    .guide ol li{list-style-type: decimal; list-style-position: inside; font-size: 12px; color: #333; line-height: 16px;}
    .guide ol li:not(:last-of-type){margin-bottom: 10px;}
    .guide h3{border-left-color: #009beb !important; color: #009beb !important;}
    .guide > div > div{width: 100%; margin-top: 20px;}
    .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: 12px; 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: 32px; line-height: 32px; font-size: 11px; color: #333; background-color: #fff; border: 1px solid #ddd; padding: 0 10px;}
    .mList{color: #ff0000 !important;}
    a.linkBtn{display: block; width: 160px; height: 32px; line-height: 32px; font-size: 11px; color: #333; text-align: center; background-color: #fafafa; border: 1px solid #ddd; margin-left: 10px; margin-top: 6px;}
    
    
    /*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;}

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

    .sort{margin-bottom: 10px;}
    .sort > *{vertical-align: middle;}
    .sort div{display: inline-block; margin-bottom: 10px; font-size: 0;}
    .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: 12px; line-height: 32px; border: 1px solid #ccc;}
    .sort div select, 
    .sort div input[type="text"]{color: #333; border: 1px solid #ccc;}
    .sort div select{width: 25%; max-width: 120px; padding: 0 4px;}
    .sort div input[type="text"]{width: 45%; padding: 0 8px;}
    .sort div input[type="button"]{width: 30%; max-width: 120px; color: #fff; background-color: #666; border: none; transition: .5s ease all;}
    .sort .wBtn{display: block; margin: 0; margin-bottom: 10px;}
    .wBtn{display: block; width: 100%; height: 40px; line-height: 40px; font-size: 12px; color: #fff; text-align: center; background-color: #009beb; margin-top: 10px; transition: .5s ease all;}

    span.t_e, 
    span.t_w{display: inline-block; height: 28px; line-height: 28px; font-size: 11px; color: #fff; padding: 0 8px;}
    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: 11px; color: #aaa; background-color: #fff; border: 1px solid #eee; padding: 0 8px; margin-top: 6px;}

    .qnaTable tbody tr td:first-of-type{width: 50px;}
    .qnaTable tbody tr td:nth-of-type(2){width: 70px;}
    
    #pagination_2{
        text-align: center;
        margin-top: 30px;
        margin-bottom: 60px;
        font-size: 0
    }
    #pagination_2 a{
        display: inline-block;
        width: 27px;
        height: 27px;
        line-height: 27px;
        box-sizing: border-box;
        font-size: 13px;
        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: 80%; max-width: 400px; margin: 30px auto; border: 1px solid #333; background-color: #fafafa; padding-bottom: 40px;}
    section.qnaPwCheck h2{font-size: 15px; color: #333; font-weight: bold; margin-bottom: 40px; text-align: center; border-bottom: 1px solid #ddd; padding: 16px 0;}
    section.qnaPwCheck input{display: block; width: 70%; max-width: 235px; height: 45px; line-height: 45px; margin: 0 auto; font-size: 13px; color: #333; padding: 0 10px;}
    section.qnaPwCheck input::placeholder{font-size: 13px; color: #aaa;}
    section.qnaPwCheck .formBtn{margin-top: 20px; margin-bottom: 0;}
    section.qnaPwCheck .formBtn a{font-size: 12px; width: 70%; height: 35px; line-height: 35px;}

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

    /*faq.html*/
    .faq{margin-bottom: 60px;}
    .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: 12px; color: #333; line-height: 18px;}
    .faq ul li div:first-of-type{padding: 10px 12px; cursor: pointer;}
    .faq ul li div:last-of-type{background-color: #fafafa; border-top: 1px solid #ddd; padding: 16px 20px;}
    .faq ul li div img{display: inline-block; width: 16px; margin-right: 2px;}
    .faq ul li div p{font-size: 12px; color: #666; font-weight: normal; line-height: 16px;}
    .faq_rb{text-align: justify;}
	.faq_r{margin-top: 20px; text-align: justify;}
    .faqA{color: #009beb !important; font-weight: bold;}


    /*interview_list.html*/
    .interviewTable tbody tr td:first-of-type{width: 40px;}
    .interviewTable tbody tr td:first-of-type div{width: 40px; word-break: break-all;}
    .interviewTable tbody tr td:last-of-type{text-align: left;}
    .interviewTable tbody tr td div img{display: block; width: 80px; height: 60px; margin: 0 auto; object-fit: cover;}
    .interviewTable tbody tr td a{display: block; line-height: 14px; margin-bottom: 5px;}
    .interviewTable tbody tr td .uInfo{font-size: 10px; color: #aaa; line-height: 12px; padding: 0 !important;}
    .interviewTable tbody tr td .uInfo2{font-size: 10px; color: #aaa; line-height: 12px; padding: 0 !important;}

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

    
    /*naming.html*/
    .naming h3{font-size: 14px; 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: 100px; font-weight: bold;}
    .naming table tbody tr td select{display: inline-block; width: 100px; height: 30px; line-height: 30px; padding: 0 6px; font-size: 12px; color: #333; border: 1px solid #ccc; box-sizing: border-box; margin-right: 2px;}
    .naming table tbody tr td p:not(:last-of-type){margin-bottom: 2px;}
    .naming table tbody tr:first-of-type td p select:first-of-type{display: inline-block; width: 100px; height: 30px; line-height: 30px; padding: 0 6px; font-size: 12px; color: #333; border: 1px solid #ccc; box-sizing: border-box; margin-right: 2px;}
    .naming table tbody tr td select:not(:last-of-type){margin-bottom: 4px;}
    .naming table tbody tr td input[type="text"]{margin-bottom: 5px;}
    .naming table tbody tr td div{font-size: 12px; color: #ff8500;}
    .naming table tbody tr td ul{margin-bottom: 10px;}
    .naming table tbody tr td ul li{font-size: 12px; line-height: 16px;}
    .naming table tbody tr td ul li:first-of-type{color: #ff8500;}
    .naming table tbody tr td ul li:not(:last-of-type){margin-bottom: 6px;}
    .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; width: auto; min-width: 100px; padding: 10px;}
    .naming table tbody tr td .ch_character span{display: block; width: 80px; margin: 0 auto 5px auto; font-size: 12px; color: #333; font-weight: bold;}
    .naming table tbody tr td .ch_character div{display: inline-block; width: auto; 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: 12px; color: #fff; background-color: #aaa;}
    .namingTable tbody tr td label{display: block;}
    .namingTable tbody tr td label:not(:last-of-type){margin-bottom: 10px;}
    .namingTable tbody tr td div{line-height: 16px !important;}
    
    .i_agree{margin-top: 50px;}
    .i_agree p{font-size: 14px; color: #009beb; font-weight: bold; margin-bottom: 10px;}
    .i_agree textarea{width: 100%; height: 200px; border: 1px solid #ddd; padding: 16px; box-sizing: border-box; background-color: #fff; font-size: 12px; color: #333; line-height: 16px;}
    .i_agree div{display: block; margin-top: 10px;}
    .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: 11px; color: #888;}
    
    .naming .formBtn{margin-top: 50px;}    
    .naming .formBtn a:not(:last-of-type){margin-bottom: 4px;}    

    .namingC{margin-top: 16px; padding: 10% 8%; border: 4px solid rgba(0, 155, 235, .07); text-align: center}
    .namingC .namingC_1{font-size: 25px; color: #333; font-weight: bold; margin-bottom: 16px;}
    .namingC .namingC_1 img{display: inline-block; width: 24px; vertical-align: 2px; margin-right: 12px;}
    .namingC .namingC_2{width: 80%; font-size: 12px; color: #333; line-height: 16px; margin: 0 auto;}
    .namingC .namingC_2::after{content:''; display: block; width: 50px; height: 3px; background-color: #666; margin: 20px auto;}
    .namingC .namingC_3{font-size: 12px; color: #009beb; font-weight: bold; line-height: 14px; margin-bottom: 10px;}
    .namingC table{width: 100%; max-width: 600px; font-size: 12px; color: #333; line-height: 16px; margin: 0 auto 30px 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; vertical-align: middle;}
    .namingC table tbody tr td:first-of-type, 
    .namingC table tbody tr td:last-of-type{width: 30%;}
    .namingC table tbody tr td:nth-of-type(2){width: 40%;}
    .namingC ul{width: 100%; margin: 0 auto; border-top: 1px solid #ddd; padding: 10%; text-align: left; background: #fafafa;}
    .namingC ul li{list-style: disc; list-style-position: inside; font-size: 12px; color: #333; line-height: 16px;}
    .namingC ul li:not(:last-of-type){margin-bottom: 8px;}
    
    
    /*pop_character_1.html*/
    section.chPopup{width: 100%; max-width: 500px; margin: 0 auto; padding: 16px;}
    section.chPopup h2{font-size: 13px; color: #333; line-height: 18px; margin-bottom: 12px;}
    section.chPopup h2 b{display: inline-block; font-size: 13px; color: #009beb; background-color: #eee; padding: 5px 10px; text-align: center; font-weight: bold; line-height: 18px; margin-right: 10px;}
    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: 28px; color: #aaa; background-color: #fafafa; margin: 2px; line-height: 55px; border: 1px solid #eee;}
    section.chPopup table.chTable tbody tr td a:hover{color: #009beb; border-color: #009beb;}
    section.chPopup > .formBtn{margin-top: 20px;}
    section.chPopup > .formBtn > a.resultBtn{width: 100%; height: 40px; line-height: 40px; margin: 0 auto; font-size: 13px;}
    section.chPopup > .formBtn > a:not(:last-of-type){margin-bottom: 4px;}
    section.chPopup > a.resultBtn{width: 100%; height: 40px; line-height: 40px; font-size: 13px; margin: 20px auto 0 auto;}


    /*info_fm.html*/
    .info p{font-size: 13px; color: #333; line-height: 18px; /*margin-bottom: 12px;*/}
    .info > .infoC{display: inline-block; width: 100%; margin-bottom: 20px;}
    .info > .infoC > p{font-size: 13px; color: #ff8500; font-weight: bold; line-height: 18px; text-align: center;}
    .info > .infoC > ul.hList2{width: 100%; padding: 0; margin-bottom: 5px; border-top-color: #333; padding: 10px;}
    .info > .infoC > ul.hList2 li{padding: 20px;}
    .info > p{padding: 20px 25px; background-color: #fafafa; word-break: keep-all; margin-bottom: 12px;}


    /*info_nc.html*/
    .lT{position: relative; width: 340px !important; margin-top: 50px;}
    .lT ul.hList2{background: url(../images/line.svg) no-repeat center 6px; background-size: 60%; border-top: none; padding-top: 30px !important;}
    .lT ul.hList2 li{padding: 80px 38px !important;}
    .lT ul.hList2 li div:first-of-type{font-size: 24px; color: #333; margin-bottom: 8px;}
    .lT ul.hList2 li div:last-of-type{font-size: 14px; color: #009beb; font-weight: bold;}
    .lT span{position: absolute; font-size: 14px; color: #009beb; font-weight: bold;}
    .lT span:first-of-type{top: -20px; left: 50%; margin-left: -22.4px;}
    .lT span:nth-of-type(2){top: 40px; left: 28%;}
    .lT span:nth-of-type(3){top: 40px; right: 28%;}
    .lT span:last-of-type{bottom: 30px; left: 50%; margin-left: -22.4px;}
    .dTable{margin-bottom: 60px;}
    .dTable tbody tr td{padding: 10px 4px !important; text-align: center;}
    .dTable tbody tr td:first-of-type,
    .dTable tbody tr td:nth-of-type(4){background-color: #fafafa;}
    .dTable tbody tr td:nth-of-type(3), 
    .dTable tbody tr td:last-of-type{color: #009beb;}
    .dTable tbody tr td:first-of-type,
    .dTable tbody tr td:nth-of-type(3),
    .dTable tbody tr td:nth-of-type(4),
    .dTable tbody tr td:last-of-type{width: 10%;}
    .dTable tbody tr td:nth-of-type(2),
    .dTable tbody tr td:nth-of-type(5){width: 30%;}
    .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: 12px; 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: 90%; max-width: 280px; margin: 0 auto;}


    /*info_ncc.html*/
    .info img{width: 100%; max-width: 475px; margin-bottom: 30px;}


    /*info_ccn.html*/
    .info > div > div{margin-top: 10px;}
    .info ul{margin-bottom: 30px; padding: 20px 25px; 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: 12px; color: #333; line-height: 16px;}
    .info ul li:not(:last-of-type){margin-bottom: 6px;}
    .info ul li b{font-size: 12px; font-weight: bold; color: #000;}
    .info dl:not(:last-of-type){margin-bottom: 6px;}
    .info dl:last-of-type{margin-bottom: 40px;}
    .info dl > *{display: inline-block;}
    .info dl dt{font-size: 12px; color: #333; margin-right: 10px; background-color: rgba(0, 155, 235, .02); padding: 10px 16px; border: 1px solid #eee;}
    .info dl dt b{font-size: 18px; color: #000; margin-right: 2px;}
    .info dl dd{font-size: 12px; color: #ff8500;}

    
    /*info_hcc.html*/
    .con_ex h3{font-size: 14px; color: #333; font-weight: bold; margin-bottom: 10px;}
    .infoS{margin-top: 30px; font-size: 0;}
    .infoS strong{display: block; font-size: 20px; color: #333; font-weight: bold; margin-bottom: 8px;}
    .infoS strong b{color: #ff8500;}
    .infoS span{display: block; font-size: 13px; color: #aaa; line-height: 18px; margin-bottom: 16px;}
    .infoS input[type="text"]{display: inline-block; vertical-align: middle; width: 70%; max-width: 300px; height: 40px; line-height: 40px; padding: 0 10px; border: 1px solid #009beb; background-color: #fff; font-size: 13px; color: #333;}
    .infoS input[type="button"]{display: inline-block; vertical-align: middle; width: 30%; max-width: 120px; height: 40px; line-height: 40px; padding: 0 20px; border: none; box-sizing: border-box; background-color: #009beb; font-size: 13px; color: #fff; transition: .5s ease all;}
    .infoSR{display: block; font-size: 14px; color: #333; font-weight: bold; margin-bottom: 10px;}
    .infoR{width: 100%; background-color: rgba(255, 133, 0, .05); padding: 10px 12px; font-size: 0;}
    .infoR span{display: inline-block; width: 33.3%; padding: 10px 12px;}
    .infoR span div:first-of-type{font-size: 28px; margin-bottom: 6px;text-align:center;}
    .infoR span div:last-of-type{font-size: 11px; color: #333;text-align:center;}
    .infoR .error{margin: 0;}
    .infoD{display: block; margin-bottom: 20px !important;}
    .infoD a{display: inline-block; width: 100%; height: 40px; line-height: 40px; font-size: 11px; color: #333; text-align: center; border: 1px solid #ddd; background-color: #fafafa;}
    .infoD + img{max-width: 585px;}


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


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

	
    /*book.html*/
    .bookItem{width: 100%; padding: 40px 20px; margin-bottom: 16px; font-size: 0;}
    .bookItem:not(:last-of-type){border-bottom: 1px solid #ddd;}
    .bookItem figure,
    .bookItem div{display: block; width: 100%;}
    .bookItem figure{margin-bottom: 50px;}
    .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: 18px; color: #333; font-weight: bold; text-align: left; line-height: 22px; margin-bottom: 20px;}
    .bookItem div ul{background-color: #fafafa; padding: 25px 30px;}
    .bookItem div ul li:first-of-type{font-size: 16px; color: #6bb3d6; font-weight: bold; line-height: 20px; margin-bottom: 18px;}
    .bookItem div ul li:not(:first-of-type){font-size: 13px; color: #666; line-height: 18px; 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;}
	
	.c_T tbody tr td:first-of-type{width: 90px !important;}
	.c_D{font-size: 0;}
	.c_D > div{display: inline-block; width: 49.5%; vertical-align: top; padding: 0 !important;}
	.c_D > div:last-of-type{margin-left: 1%; padding: 0 !important;}
	.c_D > div::after{content: ''; display: block; visibility: hidden; clear: both;}
	.c_D > div select{width: 100% !important;}
	.c_D > div > div{float:left; width: 49.5%; padding: 0 !important; margin-top: 1%;}
	.c_D > div div:last-of-type{margin-left: 1%;}
	.c_M{font-size: 11px; color: #ff0000;}	
	.c_label > div{color: #666 !important; display: inline-block !important; width: 65px; padding: 0 !important;}
	.c_label > div:not(:last-of-type){margin-right: 1%;}
	
	.subMenuSlider .slick-prev{opacity: .2; background: url('../images/icon_arrow_l.svg') no-repeat; background-size: 10px; width: 10px; height: 20px; left: 10px; z-index: 100;}
	.subMenuSlider .slick-next{opacity: .2; background: url('../images/icon_arrow.svg') no-repeat; background-size: 10px; width: 10px; height: 20px; right: 10px; z-index: 100;}
	.slick-prev:before{content:'';}
	.slick-next:before{content:'';}
	
	.c_NB{display: block !important; width: 100% !important;}
	.c_NB > span{margin: 0 0 5px 0 !important;}
	.c_NB > div{margin: 0 0 10px 0 !important; height: auto !important; border: none !important; padding: 0 !important;}
	.c_NB > a{margin: 0 !important;}
}


@media (min-width:768px) {
    header{position: relative; z-index: 100; width: 100%;}
    header h1{position: relative; height: 55px; padding-top: 14px;}
    a.logo{display: block; width: 100px; margin: 0 auto;}
    a.logo img{display: block; width: 100px; height: 25px;}
    a.login{position: absolute; top: 0; right: 0; display: block; padding: 0 20px; height: 55px; background-color: #009beb; line-height: 14px; text-align: center; font-size: 12px; color: #fff; padding-top: 12px;}
    .loginS{opacity: .75;}

    .menuA{position: absolute; top: 0; left: 0; width: 55px; height: 55px; box-sizing: border-box; padding-top: 16px; cursor: pointer; transition: .5s ease all;}
    .menuA > span{display: block; width: 24px; height: 3px; margin: 0 auto; border-radius: 2px; background-color: #009beb; transition: .5s ease all;}
    .menuA > span:not(:last-of-type){margin-bottom: 6px;}

    .m_menu{position: absolute; opacity: .9; width: 100%; background-color: #009beb; padding: 12px 0; border-top: 1px solid #fff;}
    .m_menu > li{display: block; width: 100%;}
    .m_menu > li > a{display: block; width: 50%; height: 40px; line-height: 40px; font-size: 14px; color: #fff; font-weight: bold; padding: 0 30px;}
    .m_menu > li > a::after{content: ''; display: block; visibility: hidden; clear: both;}
    .m_menu > li > a > img{opacity: .2; float: right; display: block; height: 16px; margin-top: 12px;}
    .m_menu > li > ul{position: absolute; top: 0; right: 0; width: 50%; height: 100%; background-color: #d6f1ff; padding: 12px 0;}
    .m_menu > li > ul > li > a{display: block; width: 100%; font-size: 13px; color: #666; line-height: 40px; padding-left: 30px; color: #333;}
        
    footer{background-color: #eee;}
    footer .f_con{padding: 10px 30px;}
    footer .f_con li{font-size: 12px; color: #888; margin: 6px 0;}
    footer .f_con li:first-of-type{padding-left: 0;}
    footer .f_con li b{font-weight: bold; color: #333;}
    footer .f_con li em{font-weight: bold; color: #cc0000;}
    footer .f_con li:last-of-type{font-size: 12px; color: #888; line-height: 22px;}
    footer .m_menuList{margin-bottom: 10px; font-size: 0;}
    footer .m_menuList::after{content: ''; display: block; visibility: hidden; clear: both;}
    footer .m_menuList li{float: left; display: inline-block; width: 50%;}
    footer .m_menuList li a{display: block; height: 60px; line-height: 60px; font-size: 12px; text-align: center; background-color: #fff; border: 1px solid #ddd; margin: 1%;}
    footer .pcBtn{padding: 10px;}
    footer .pcBtn a{display: block; width: 100%; height: 60px; font-size: 15px; color: #333; line-height: 60px; text-align: center; font-weight: bold; text-transform: uppercase; background-color: #ddd;}
    
    
    /*index.html*/
    .mainSlider{width: 100%; overflow: hidden;}
    .mainSlider .slick-list .slick-track .slick-slide{position: relative; overflow: hidden;}
    .mainSlider .slick-list .slick-track .slick-slide h3{position: absolute;}
    .mainSlider .slick-list .slick-track .slick-slide a{position: absolute; top: 50%; right: 0; margin-top: -16px; margin-right: -200px; display: block; width: 150px; height: 45px; line-height: 45px; font-size: 14px; 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 .mSlide01{background: url('../images/mainSBG.jpg') no-repeat center; background-size: cover;}
    .mainSlider .slick-list .slick-track .mSlide01 .sBG{position: absolute; top: 0; left: 0; opacity: .94; display: block; width: 100%; height: 100%; background-color: #a1dcf9;}
    .mainSlider .slick-list .slick-track .mSlide02 .sBG{opacity: .2; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: #fff5ce;}
    .mainSlider .slick-list .slick-track .mSlide01 img, 
    .mainSlider .slick-list .slick-track .mSlide02 img{position: relative; z-index: 10; display: block; width: 100%; object-fit: cover;}
    
    .mainSlider .slick-list .slick-track .mSlide03{background-color: #009beb;}
    .mainSlider .slick-list .slick-track .mSlide03 img{display: block; opacity: .65; width: 100%; object-fit: cover;}
    .mainSlider .slick-list .slick-track .mSlide03 h3{position: absolute; top: 22%; left: 10%; display: block; width: 50%; max-width: 1000px; font-size: 30px; line-height: 30px; color: #fff;}
    .mainSlider .slick-list .slick-track .mSlide03 h3 small{display: block; font-size: 10px; color: #fff; line-height: 16px;}
    .mainSlider .slick-list .slick-track .mSlide03 p{font-size: 14px; color: #fff; line-height: 20px; margin-bottom: 30px;}
    .mainSlider .slick-list .slick-track .mSlide03 p::before{content: ''; display: block; width: 80px; height: 2px; background-color: #fff; margin-top: 28px; margin-bottom: 24px;}

    .m_menuBtn{font-size: 0;}
    .m_menuBtn::after{content: ''; display: block; visibility: hidden; clear: both;}
    .m_menuBtn a{float: left; display: inline-block; height: 65px; line-height: 65px; font-size: 16px; color: #fff; border: 1px solid #428eca; text-align: center;}
    .m_menuBtn a:first-of-type{border-right: none;}
    .m_menuBtn a:first-of-type, 
    .m_menuBtn a:nth-of-type(2){width: 50%; background-color: #116cb2;}
    .m_menuBtn a:last-of-type{width: 100%; background-color: #009beb; border-top: none;}

    .wrap div{height: 100%; box-sizing: border-box;}
    .wrap .introB{margin-bottom: 10px;}
	.wrap .introB a img{display: block; width: 100%;}
    .wrap .interviewB{position: relative; /*height: 220px;*/ background-color: #000; overflow: hidden; margin-bottom: 10px;}
    .wrap .interviewB img{width:100%;/*height: 100%;*/ object-fit: cover;}
    .wrap .interviewB a{position: absolute; top: 0; border: none; display: block; width: 100%; height: 100%; padding: 80px;}
    .wrap .interviewB a p{color: #fff;}
    .wrap .interviewB a p:first-of-type{font-size: 16px; font-weight: bold; margin-bottom: 10px;}
    .wrap .interviewB a p:last-of-type{font-size: 12px; line-height: 16px;}

    section.notice{border: 1px solid #ddd; margin-bottom: 10px;}
    section.notice h4{position: relative; width: 100%; height: 60px; line-height: 60px; 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: 45px; box-sizing: border-box;}
    section.notice ul li a{font-size: 12px; color: #888; line-height: 25px; text-transform: uppercase;}
    section.notice ul li:hover a{color: #000;}

    .s_list{font-size: 0;}
    .s_list li{display: inline-block; width: 25%; vertical-align: top;}
    .s_list li img{opacity: .5; display: block; width: 60%; max-width: 100px; margin: 0 auto 6px 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;}


    /*my_login.html*/
    .loginT{font-size: 28px; color: #009beb; font-weight: bold; padding: 60px 0 30px 0; text-align: center;}
    section.login{width: 100%; max-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: #009beb; border: none;}
    section.login a{color: #888; background-color: #fff; border: 1px solid #ddd; margin-top: 10px;}

        
    /*my_history.html*/    
    .subMenu{display: block; width: 100%; background-color: #fff;}
    .subMenu .subMenuT{height: 45px; line-height: 45px; font-size: 15px; color: #fff; font-weight: bold; text-align: center; background-color: #009beb;}
    .subMenuSlider{width: 100%; height: 40px; overflow: hidden;}
    .subMenuSlider .slick-list .slick-track .slick-slide{position: relative; background-color: rgba(0, 155, 235, .07); overflow: hidden;}
    .subMenuSlider .slick-list .slick-track .slick-slide a{display: block; font-size: 13px; color: #666; line-height: 40px; text-align: center;}
    .subMenuSlider .slick-list .slick-track .slick-slide a.slick-active{color: red;}
    .subMenuActive{background-color: rgba(0, 155, 235, .07); color: #333 !important; font-weight: bold;}

    .wrap::after{content: ''; display: block; visibility: hidden; clear: both;}
    .wrap .loc{float: right; text-align: right;}
    .wrap .loc span{display: inline-block; font-size: 12px; color: #888;}
    .wrap .loc span:last-of-type{font-weight: bold;}
    .wrap .loc span:not(:last-of-type){margin-right: 8px;}
    .wrap .loc span a{font-weight: normal;}
    .wrap .loc span img{opacity: .5; display: inline-block; width: 6px;}
    .wrap h2{font-size: 22px; color: #009beb; font-weight: bold; line-height: 30px; margin-top: 30px; margin-bottom: 16px;}
    .con_ex{width: 100%; background-color: #fafafa; padding: 20px; box-sizing: border-box; margin-bottom: 30px;}
    .con_ex p{font-size: 12px; color: #888; line-height: 18px;}
    .con_ex 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;}
    section.wrap section.conList h3{font-size: 16px; color: #333; line-height: 24px; 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: 30px; line-height: 30px;}
    table.cTable tbody tr:not(:last-of-type){border-bottom: 1px solid #eee;}
    table.cTable tbody tr td{padding: 10px 16px; line-height: 10px; 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: 20px; padding-bottom: 20px; text-align: justify;}
    section.user_f{border-top: 1px dashed #ddd; margin-top: 80px; margin-bottom: 100px;}
    section.user_f h2{font-size: 16px; color: #333;}
    section.user_f h2 img{display: inline-block; height: 25px; margin-right: 8px; vertical-align: top;}
    section.user_f ul li{background-color: #fafafa; padding: 20px; border-top: 1px solid #ddd; text-align: justify;}
    section.user_f ul li:not(:last-of-type){margin-bottom: 16px;}
    section.user_f ul li div{font-size: 14px; color: #333; font-weight: bold; line-height: 20px;}
    section.user_f ul li div img{display: inline-block; width: 20px; margin-right: 2px;}
    section.user_f ul li div:first-of-type{margin-bottom: 16px;}
    section.user_f ul li div p{font-size: 14px; color: #666; font-weight: normal; line-height: 20px;}
	.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 40px auto; font-size: 15px; color: #fff; font-weight: bold; text-align: center; background-color: #009beb; transition: .5s ease all;}

    section.wrap section.conList2 h3{font-size: 16px; color: #333; line-height: 24px; font-weight: bold; padding: 0 16px; border-left: 3px solid #666; margin-top:20px; margin-bottom: 12px;}
    section.user_e{margin-bottom: 24px;}
    section.user_e h2{font-size: 16px; color: #333;}
    section.user_e h2 img{display: inline-block; height: 25px; margin-right: 8px; vertical-align: top;}
    section.user_e ul li{background-color: #fafafa; padding: 20px; border-top: 1px solid #ddd; text-align: justify;}
    section.user_e ul li:not(:last-of-type){margin-bottom: 16px;}
    section.user_e ul li div{font-size: 14px; color: #666; font-weight: normal; line-height: 20px;}
    section.user_e ul li div img{display: block; margin: 0 auto; max-width: 100%; height: auto; margin-bottom: 2px;}
    section.user_e ul li div p{font-size: 13px; color: #666; font-weight: normal; line-height: 18px;}
    
    /*my_namelist.html*/
    .hanja{color: #333; font-weight: bold;}
    .han{color: #009beb;}
    .nrTable tbody tr td:first-of-type, 
    .nrTable tbody tr td:nth-of-type(2), 
    .nrTable tbody tr td:last-of-type{width: 20%;}
    .nrTable tbody tr td:nth-of-type(2) div:first-of-type{border-bottom: 1px dotted #eee;}
    .nrTable tbody tr td::after{content: ''; display: block; visibility: hidden; clear: both;}
    .nrTable tbody tr td:nth-of-type(3) div{display: inline-block; width: auto; padding: 4px 8px; border-radius: 4px; border: 1px solid #eee; margin: 4px;}
    .nrTable tbody tr td div a{margin-bottom: 4px !important;}
    .nrTable tbody tr td div a, 
    .nrTable tbody tr td div button{display: block !important; width: 100%;}
    
    .formBtn{text-align: center; margin-bottom: 100px; margin-top: 30px;}
    .formBtn > a{display: inline-block; vertical-align: middle; margin-top: 0;}
    .formBtn > a:last-of-type{background-color: #fff; border: 1px solid #ccc; color: #666;}
        

    /*ÀÎÁõ¼­ ½Åû ¸ð´Þ*/
    #eventModal .modal-dialog{margin: 0 auto; top: 50%; margin-top: -357.5px;}
    #eventModal .modal-dialog .modal-content2{border-radius: 0; font-size: 0;}
    .modal-footer .btn+.btn{margin-left: 1%;}
    #eventModal .modal-dialog .modal-content2 .btn-primary{width: 70%; background-color: #009beb; border: none;}
    #eventModal .modal-dialog .modal-content2 .btn-primary, 
    #eventModal .modal-dialog .modal-content2 .btn-secondary{display: inline-block; min-width: 65px; font-size: 12px; line-height: 30px;}
    #eventModal .modal-dialog .modal-content2 .btn-secondary{width: 29%;}    
    #eventModal .modal-dialog .modal-content2 .modal-header{padding: 16px;}
    #eventModal .modal-dialog .modal-content2 .modal-header h4{display: inline-block; font-size: 20px; color: #009beb; font-weight: bold;}
    #eventModal .modal-dialog .modal-content2 .modal-body > div{padding: 20px; background-color: #f6f6f6; margin-bottom: 10px;}
    #eventModal .modal-dialog .modal-content2 .modal-body > div > p{font-size: 12px; color: #666; line-height: 18px;}
    .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{width: 140px; background-color: #fafafa;}
    .mTable tbody tr td input[type="password"], 
    .mTable tbody tr td input[type="text"]{display: block; width: 100%; 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: 100%; height: 100px; font-size: 12px; color: #333; line-height: 20px; padding: 5px 8px; border: 1px solid #ccc;}
    .mTable tbody tr td input[type="radio"]{display: none; width: 0; height: 0;}
    .mTable tbody tr td label{padding-left: 22px; 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: 16px;}
    .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;}
    .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;}
    
    section.nResult{background-color: #ffffff; padding: 5%; border: 1px solid #009beb;}
    section.nResult h4{font-size: 30px; color: #009beb; font-weight: bold; text-align: center; margin-bottom: 40px; margin-top: 40px;}
    section.nResult h4 div{display: block; font-size: 16px; color: #333; font-weight: normal;}
    section.nResult h4 div::before{display: block; content: ''; width: 80px; height: 2px; background-color: #333; margin: 25px auto; text-align: center;}
    section.nResult h4 div span{font-size: 16px; color: #000000; font-weight: bold;}
    section.nResult h4 div small{font-size: 16px; color: #333;}
    section.nResult .birth{text-align: center; font-size: 0;}
    section.nResult .birth div{display: inline-block; width: auto; vertical-align: middle;}
    section.nResult .birth div:not(:last-of-type){margin-right: 20px;}
    section.nResult .birth div img{display: block; width: 55px;}
    section.nResult .birth div p{font-size: 15px; color: #000000; padding-left: 12px; border-left: 2px solid #ff8500;}
    section.nResult .birth div p:not(:last-of-type){margin-bottom: 8px;}

    section.nResult dl{margin-top: 40px; margin-bottom: 30px;}
    section.nResult .birth,
    section.nResult ul.hList1,
    section.nResult ul.hList2{margin-bottom: 40px;}
    section.nResult ul.hList1{padding: 10px 25px 30px 25px; font-size: 0; background-color: #FCFFFD; border: 1px 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: 14px; color: #666; text-align: center; border-bottom: 1px solid #eee; padding: 16px 0; margin: 0 10px;}
    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: 30px; color: #333; text-align: right; margin-right: 10%;}
    section.nResult ul.hList1 li > div > span:last-of-type{font-size: 12px; color: #333; line-height: 14px;}

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

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

    section.nResult dl dt{font-size: 16px; color: #000; font-weight: bold; margin-bottom: 12px;}
    section.nResult dl dd{font-size: 15px; color: #666; line-height: 20px; 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: 8px;}
    dd.result{color: #009beb !important; font-weight: bold; margin-top: 16px;}
    .tR{display: inline-block; height: 22px; vertical-align: -2px; margin-right: 12px;}
    .dlR{padding: 28px 35px; background-color: #fff; border: 1px solid #fcb416;}
    .dlR dt{font-size: 18px !important; color: #ff8500 !important;}
    .dlR dd{font-size: 15px !important; color: #333 !important;}
    
    
    /*intro.html*/
    .intro{margin-bottom: 100px;}
    .intro figure.pic{display: block; width: 100%; 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{display: block; width: 100%; object-fit: cover; border: 20px solid #ebf8ff;}
    .intro figure.pic figcaption{display: table; width: 100%; height: 200px; background-image: linear-gradient(to right, #ebf8ff, #fff);}
    .intro figure.pic figcaption div{display: table-cell; vertical-align: middle; font-size: 25px; color: #333; font-weight: 100; text-align: center;}
    .intro figure.pic figcaption div p{font-size: 20px; color: #333; font-weight: bold; margin-top: 20px;}
    .intro figure.pic figcaption div p b{color: #009beb;}

    table.rTable{width: 100%; font-size: 14px; 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 16px; 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; font-size: 12px; color: #fff; text-align: center; background-color: #009beb; transition: .5s ease all;}
    table.rTable tbody tr td div button{display: block; height: 32px; margin: 0 auto; padding: 0 10px; font-size: 12px; color: #333; text-align: center; background-color: transparent; border: 1px solid #ccc; transition: .5s ease all;}

    .introT{border-top-color: #009beb !important; border-bottom-color: #7fcdf5 !important;}
    .introT tbody tr td:first-of-type{background-color: #fafafa; width: 20%; 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{font-size: 0;}
    ul.way li:not(:last-of-type){margin-bottom: 30px; padding-bottom: 30px; 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{width: 42%; padding: 20px; border-radius: 90px; margin-right: 8%;}
    ul.way li span:first-of-type > div{display: block; font-size: 16px; 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{width: 50%;}
    ul.way li span:last-of-type div{width: 100%; max-width: 600px; font-size: 15px; color: #333; line-height: 25px;}

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


    /*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: 12px; color: #333; line-height: 18px;}
    .guide ol li:not(:last-of-type){margin-bottom: 10px;}
    .guide h3{border-left-color: #009beb !important; color: #009beb !important;}
    .guide > div > div{width: 100%; margin-top: 20px;}
    .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: 12px; 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: 12px; color: #333; background-color: #fff; border: 1px solid #ddd; padding: 0 16px;}
    .mList{color: #ff0000 !important;}
    a.linkBtn{display: block; width: 160px; height: 32px; line-height: 32px; font-size: 11px; color: #333; text-align: center; background-color: #fafafa; border: 1px solid #ddd; margin-left: 10px; margin-top: 6px;}
    
    
    /*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;}

    section.con_h{margin: 30px 0 10px 0; font-size: 0;}
    section.con_h > *{vertical-align: top;}
    section.con_h h3{display: inline-block; font-size: 36px; color: #333;}
    section.con_h div{display: inline-block; width: 80%; font-size: 12px; color: #333; line-height: 18px; margin-bottom: 10px; padding-left: 20px; box-sizing: border-box;}

    .sort{margin-bottom: 10px;}
    .sort > *{vertical-align: middle;}
    .sort div{display: inline-block; width: 60%; font-size: 0;}
    .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;}
    .sort div select{width: 100px; max-width: 120px; padding: 0 4px;}
    .sort div input[type="text"]{width: 50%; padding: 0 8px;}
    .sort div input[type="button"]{width: 30%; max-width: 120px;; color: #fff; background-color: #666; border: none; transition: .5s ease all;}
    .sort::after{content: ''; display: block; visibility: hidden; clear: both;}
    .sort .wBtn{display: block; margin: 0;}
    .wBtn{float: right; display: block; width: 100px; height: 32px; line-height: 32px; font-size: 14px; color: #fff; text-align: center; background-color: #009beb; margin-top: 10px; transition: .5s ease all;}

    span.t_e, 
    span.t_w{display: inline-block; height: 28px; line-height: 28px; font-size: 11px; color: #fff; padding: 0 8px;}
    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: 12px; color: #aaa; background-color: #fff; border: 1px solid #eee; padding: 0 10px; margin-top: 10px; margin-left: 10px;}

    .qnaTable tbody tr td:first-of-type, 
    .qnaTable tbody tr td:nth-of-type(2){width: 100px;}
    
    #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: 80%; max-width: 400px; margin: 30px auto; border: 1px solid #333; background-color: #fafafa; padding-bottom: 40px;}
    section.qnaPwCheck h2{font-size: 15px; color: #333; font-weight: bold; margin-bottom: 40px; text-align: center; border-bottom: 1px solid #ddd; padding: 16px 0;}
    section.qnaPwCheck input{display: block; width: 70%; max-width: 235px; height: 45px; line-height: 45px; margin: 0 auto; font-size: 13px; color: #333; padding: 0 10px;}
    section.qnaPwCheck input::placeholder{font-size: 13px; color: #aaa;}
    section.qnaPwCheck .formBtn{margin-top: 20px; margin-bottom: 0;}
    section.qnaPwCheck .formBtn a{font-size: 12px; width: 70%; height: 35px; line-height: 35px;}
    section.qnaPwCheck .formBtn a:not(:last-of-type){margin-bottom: 4px;}

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

    /*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: 14px; color: #333; line-height: 20px;}
    .faq ul li div:first-of-type{padding: 16px 20px; cursor: pointer;}
    .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: 13px; color: #666; font-weight: normal; line-height: 18px;}
    .faq_rb{text-align: justify;}
	.faq_r{margin-top: 20px; text-align: justify;}
    .faqA{color: #009beb !important; font-weight: bold;}


    /*interview_list.html*/
    .interviewTable tbody tr td:first-of-type div{word-break: break-all;}
    .interviewTable tbody tr td:last-of-type{text-align: left;}
    .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; line-height: 14px; margin-bottom: 8px;}
    .interviewTable tbody tr td .uInfo{font-size: 11px; color: #aaa; line-height: 14px; padding: 0 !important;}
    .interviewTable tbody tr td .uInfo2{font-size: 11px; color: #aaa; line-height: 12px; padding: 0 !important;}

    
    /*interview.html*/
    .interview{border-bottom: 1px solid rgba(0, 155, 235, .2); padding-bottom: 50px; margin-bottom: 50px; 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; width: auto; 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: 100%; max-width: 500px; margin: 0 auto;}
    .interviewListBtn{margin-bottom: 100px !important;}

    
    /*naming.html*/
    .naming h3{font-size: 14px; 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{font-weight: bold;}
    .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: 12px;}
    .naming table tbody tr td p{display: inline-block; margin-bottom: 2px;}
    .naming table tbody tr:first-of-type td select:first-of-type{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: 12px;}
    .naming table tbody tr td select:not(:last-of-type){margin-bottom: 4px;}
    .naming table tbody tr td input[type="text"]{margin-bottom: 5px;}
    .naming table tbody tr td div{font-size: 12px; color: #ff8500;}
    .naming table tbody tr td ul{margin-bottom: 10px;}
    .naming table tbody tr td ul li{font-size: 12px; line-height: 18px;}
    .naming table tbody tr td ul li:first-of-type{color: #ff8500;}
    .naming table tbody tr td ul li:not(:last-of-type){margin-bottom: 6px;}
    .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; width: auto; min-width: 100px; padding: 10px;}
    .naming table tbody tr td .ch_character span{display: block; width: 80px; margin: 0 auto 5px auto; font-size: 12px; color: #333; font-weight: bold;}
    .naming table tbody tr td .ch_character div{display: inline-block; width: auto; 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;}
    .namingTable tbody tr td label:not(:last-of-type){margin-bottom: 10px;}
    .namingTable tbody tr td div{line-height: 16px !important;}
    
    .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; vertical-align: middle;}
    .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: 100%; max-width: 500px; margin: 0 auto; padding: 16px;}
    section.chPopup h2{font-size: 13px; color: #333; line-height: 18px; margin-bottom: 12px;}
    section.chPopup h2 b{display: inline-block; font-size: 13px; color: #009beb; background-color: #eee; padding: 5px 10px; text-align: center; font-weight: bold; line-height: 18px; margin-right: 10px;}
    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: 28px; color: #aaa; background-color: #fafafa; margin: 2px; line-height: 55px; border: 1px solid #eee;}
    section.chPopup table.chTable tbody tr td a:hover{color: #009beb; border-color: #009beb;}
    section.chPopup > .formBtn{margin-top: 20px;}
    section.chPopup > .formBtn > a.resultBtn{width: 100%; height: 40px; line-height: 40px; margin: 0 auto; font-size: 13px;}
    section.chPopup > .formBtn > a:not(:last-of-type){margin-bottom: 4px;}
    section.chPopup > a.resultBtn{width: 100%; height: 40px; line-height: 40px; font-size: 13px; margin: 20px auto 0 auto;}


    /*info_fm.html*/
    .info{font-size: 0;}
    .info p{font-size: 15px; color: #333; line-height: 20px; 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; padding: 10px;}
    .info > .infoC > ul.hList2 li{padding: 20px;}
    .info > p{padding: 40px 60px; background-color: #fafafa; word-break: keep-all;}


    /*info_nc.html*/
    .lT{position: relative; width: 340px !important; margin-top: 50px;}
    .lT ul.hList2{background: url(../images/line.svg) no-repeat center 6px; background-size: 60%; border-top: none; padding-top: 30px !important;}
    .lT ul.hList2 li{padding: 80px 38px !important;}
    .lT ul.hList2 li div:first-of-type{font-size: 24px; color: #333; margin-bottom: 8px;}
    .lT ul.hList2 li div:last-of-type{font-size: 14px; color: #009beb; font-weight: bold;}
    .lT span{position: absolute; font-size: 14px; color: #009beb; font-weight: bold;}
    .lT span:first-of-type{top: -20px; left: 50%; margin-left: -22.4px;}
    .lT span:nth-of-type(2){top: 40px; left: 28%;}
    .lT span:nth-of-type(3){top: 40px; right: 28%;}
    .lT span:last-of-type{bottom: 30px; left: 50%; margin-left: -22.4px;}
    .dTable{margin-bottom: 60px;}
    .dTable tbody tr td{padding: 10px 4px !important; text-align: center;}
    .dTable tbody tr td:first-of-type,
    .dTable tbody tr td:nth-of-type(4){background-color: #fafafa;}
    .dTable tbody tr td:nth-of-type(3), 
    .dTable tbody tr td:last-of-type{color: #009beb;}
    .dTable tbody tr td:first-of-type,
    .dTable tbody tr td:nth-of-type(3),
    .dTable tbody tr td:nth-of-type(4),
    .dTable tbody tr td:last-of-type{width: 10%;}
    .dTable tbody tr td:nth-of-type(2),
    .dTable tbody tr td:nth-of-type(5){width: 30%;}
    .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: 12px; 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: 90%; max-width: 280px; margin: 0 auto;}


    /*info_ncc.html*/
    .info img{width: 100%; max-width: 475px; margin-bottom: 30px;}


    /*info_ccn.html*/
    .info > div > div{margin-top: 10px;}
    .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_hcc.html*/
    .con_ex h3{font-size: 14px; color: #333; font-weight: bold; margin-bottom: 10px;}
    .infoS{margin-top: 50px; font-size: 0;}
    .infoS strong{display: block; font-size: 25px; 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; vertical-align: middle; width: 70%; max-width: 400px; height: 40px; line-height: 40px; padding: 0 10px; border: 1px solid #009beb; background-color: #fff; font-size: 14px; color: #333;}
    .infoS input[type="button"]{display: inline-block; vertical-align: middle; width: 30%; max-width: 120px; height: 40px; line-height: 40px; padding: 0 20px; border: none; box-sizing: border-box; background-color: #009beb; font-size: 14px; color: #fff; transition: .5s ease all;}
    .infoSR{display: block; font-size: 14px; color: #333; font-weight: bold; margin-bottom: 10px;}
    .infoR{width: 100%; background-color: rgba(255, 133, 0, .05); padding: 10px 12px; font-size: 0;}
    .infoR span{display: inline-block; width: 33.3%; padding: 10px 12px;}
    .infoR span div:first-of-type{font-size: 28px; margin-bottom: 6px;text-align:center;}
    .infoR span div:last-of-type{font-size: 11px; color: #333;text-align:center;}
    .infoR .error{margin: 0;}
    .infoD{display: block; margin-bottom: 20px !important;}
    .infoD a{display: inline-block; width: 49.5%; height: 40px; line-height: 40px; font-size: 13px; color: #333; text-align: center; border: 1px solid #ddd; background-color: #fafafa;}
    .infoD a:first-of-type{margin-right: 1%;}
    .infoD + img{max-width: 585px;}

    /*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: 20px;}
    .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;}
	
	.c_T tbody tr td:first-of-type{width: 90px !important;}
	.c_D{font-size: 0;}
	.c_D > div{display: inline-block; width: 49.5%; vertical-align: top; padding: 0 !important;}
	.c_D > div:last-of-type{margin-left: 1%; padding: 0 !important;}
	.c_D > div::after{content: ''; display: block; visibility: hidden; clear: both;}
	.c_D > div select{width: 100% !important;}
	.c_D > div > div{float:left; width: 49.5%; padding: 0 !important; margin-top: 1%;}
	.c_D > div > div:last-of-type{margin-left: 1%;}
	.c_M{font-size: 11px; color: #ff0000;}
	.c_label > div{color: #666 !important; display: inline-block !important; width: 65px; padding: 0 !important;}
	.c_label > div:not(:last-of-type){margin-right: 1%;}

	.subMenuSlider .slick-prev{opacity: .2; background: url('../images/icon_arrow_l.svg') no-repeat; background-size: 10px; width: 10px; height: 20px; left: 10px; z-index: 100;}
	.subMenuSlider .slick-next{opacity: .2; background: url('../images/icon_arrow.svg') no-repeat; background-size: 10px; width: 10px; height: 20px; right: 10px; z-index: 100;}
	.slick-prev:before{content:'';}
	.slick-next:before{content:'';}
	
	.c_NB{display: block !important; width: 100% !important;}
	.c_NB > span{margin: 0 0 5px 0 !important;}
	.c_NB > div{margin: 0 0 10px 0 !important; height: auto !important; border: none !important; padding: 0 !important;}
	.c_NB > a{margin: 0 !important;}
}