@charset "UTF-8"; @import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css); @import url(https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&family=Noto+Serif+KR:wght@200..900&display=swap'); /* reset */ *, *:before, *:after {margin:0; padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;vertical-align:top;padding:0;margin:0;-webkit-font-smoothing:antialiased;} html{height:100%; font-size:15px; overflow-x:auto; } fieldset{border:0 none} img{border:0 none;vertical-align: top;} dl,ul,ol,menu,li{list-style:none} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none} input,select,textarea,button,label{font-size:100%;vertical-align:middle;font-family: 'Noto Sans KR', sans-serif;} button{border:0 none;background-color:transparent;} table{width:100%;border-collapse:collapse;border-spacing:0} textarea{resize:none;padding:5px 10px;border:1px solid #d0d0d0;} input{border-radius:0} input[type="text"],input[type="password"]{padding:0 10px;border:1px solid #d0d0d0;font-size:15px;} input[type="file"]{border:0;} select{background:#fff; border:1px solid #d0d0d0;} a, a:active, a:hover{text-decoration:none} address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal} body{min-width:1200px; position:relative; letter-spacing: -0.05em; color: #2f2f2f;word-break: keep-all;word-wrap: break-word;line-height:1.7em; overflow-x:hidden;font-family:'Malgun Gothic','맑은 고딕','Noto Sans KR', sans-serif;} /* common */ .sprites { background-image: url(../images/sprites.png); background-repeat: no-repeat;} .inner{position:relative;width:1200px;margin:0 auto;} .dim{display:none; position:fixed; top:0; bottom:0; left:0; width:100%; z-index:100; background:rgba(0,0,0,0.6);} .ellipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;} .clear_float:after{content:""; display: block; clear: both;} .hide_text { font-size: 0; text-indent: -99999px;} .bold {font-weight: bold;} .mgt0{margin-top:0 !important;} .mgt5{margin-top:5px;} .mgt30{margin-top:30px;} .mgt50{margin-top:50px;} .mgl20{margin-left:20px;} .pd20 {padding:20px;} .w100p{width:100% !important;} .w60p{width:60% !important;} .w60{width:60px !important;} .w80{width:80px !important;} .w120{width:120px !important;} .w160{width:160px !important;} .w220{width:220px !important;} .w300m180{width:360px !important;} .w300{width:300px !important;} .w150m100 {width:150px !important;} .w100m70 {width:100px !important;} .w100ph100p {width:100%;height:100px;} .w50m100 {width:50% !important;} .w45m100 {width:45% !important;} .ar{text-align:right; !important} .al{text-align:left; !important} .ac{text-align:center; !important} .mr1{margin-right:1px !important;}.mr2{margin-right:2px !important;}.mr3{margin-right:3px !important;}.mr4{margin-right:4px !important;}.mr5{margin-right:5px !important;}.mr6{margin-right:6px !important;}.mr7{margin-right:7px !important;}.mr8{margin-right:8px !important;}.mr9{margin-right:9px !important;}.mr10{margin-right:10px !important;}.mr11{margin-right:11px !important;}.mr12{margin-right:12px !important;}.mr13{margin-right:13px !important;}.mr14{margin-right:14px !important;}.mr15{margin-right:15px !important;}.mr16{margin-right:16px !important;}.mr17{margin-right:17px !important;}.mr18{margin-right:18px !important;}.mr19{margin-right:19px !important;}.mr20{margin-right:20px !important;}.mr21{margin-right:21px !important;}.mr22{margin-right:22px !important;}.mr23{margin-right:23px !important;}.mr24{margin-right:24px !important;}.mr25{margin-right:25px !important;}.mr26{margin-right:26px !important;}.mr27{margin-right:27px !important;}.mr28{margin-right:28px !important;}.mr29{margin-right:29px !important;}.mr30{margin-right:30px !important;}.mr31{margin-right:31px !important;}.mr32{margin-right:32px !important;}.mr33{margin-right:33px !important;}.mr34{margin-right:34px !important;}.mr35{margin-right:35px !important;}.mr36{margin-right:36px !important;}.mr37{margin-right:37px !important;}.mr38{margin-right:38px !important;}.mr39{margin-right:39px !important;}.mr40{margin-right:40px !important;}.mr41{margin-right:41px !important;}.mr42{margin-right:42px !important;}.mr43{margin-right:43px !important;}.mr44{margin-right:44px !important;}.mr45{margin-right:45px !important;}.mr46{margin-right:46px !important;}.mr47{margin-right:47px !important;}.mr48{margin-right:48px !important;}.mr49{margin-right:49px !important;}.mr50{margin-right:50px !important;}.mr51{margin-right:51px !important;}.mr52{margin-right:52px !important;}.mr53{margin-right:53px !important;}.mr54{margin-right:54px !important;}.mr55{margin-right:55px !important;}.mr56{margin-right:56px !important;}.mr57{margin-right:57px !important;}.mr58{margin-right:58px !important;}.mr59{margin-right:59px !important;}.mr60{margin-right:60px !important;}.mr61{margin-right:61px !important;}.mr62{margin-right:62px !important;}.mr63{margin-right:63px !important;}.mr64{margin-right:64px !important;}.mr65{margin-right:65px !important;}.mr66{margin-right:66px !important;}.mr67{margin-right:67px !important;}.mr68{margin-right:68px !important;}.mr69{margin-right:69px !important;}.mr70{margin-right:70px !important;}.mr71{margin-right:71px !important;}.mr72{margin-right:72px !important;}.mr73{margin-right:73px !important;}.mr74{margin-right:74px !important;}.mr75{margin-right:75px !important;}.mr76{margin-right:76px !important;}.mr77{margin-right:77px !important;}.mr78{margin-right:78px !important;}.mr79{margin-right:79px !important;}.mr80{margin-right:80px !important;}.mr81{margin-right:81px !important;}.mr82{margin-right:82px !important;}.mr83{margin-right:83px !important;}.mr84{margin-right:84px !important;}.mr85{margin-right:85px !important;}.mr86{margin-right:86px !important;}.mr87{margin-right:87px !important;}.mr88{margin-right:88px !important;}.mr89{margin-right:89px !important;}.mr90{margin-right:90px !important;}.mr91{margin-right:91px !important;}.mr92{margin-right:92px !important;}.mr93{margin-right:93px !important;}.mr94{margin-right:94px !important;}.mr95{margin-right:95px !important;}.mr96{margin-right:96px !important;}.mr97{margin-right:97px !important;}.mr98{margin-right:98px !important;}.mr99{margin-right:99px !important;}.mr100{margin-right:100px !important;} .ml1{margin-left:1px !important;}.ml2{margin-left:2px !important;}.ml3{margin-left:3px !important;}.ml4{margin-left:4px !important;}.ml5{margin-left:5px !important;}.ml6{margin-left:6px !important;}.ml7{margin-left:7px !important;}.ml8{margin-left:8px !important;}.ml9{margin-left:9px !important;}.ml10{margin-left:10px !important;}.ml11{margin-left:11px !important;}.ml12{margin-left:12px !important;}.ml13{margin-left:13px !important;}.ml14{margin-left:14px !important;}.ml15{margin-left:15px !important;}.ml16{margin-left:16px !important;}.ml17{margin-left:17px !important;}.ml18{margin-left:18px !important;}.ml19{margin-left:19px !important;}.ml20{margin-left:20px !important;}.ml21{margin-left:21px !important;}.ml22{margin-left:22px !important;}.ml23{margin-left:23px !important;}.ml24{margin-left:24px !important;}.ml25{margin-left:25px !important;}.ml26{margin-left:26px !important;}.ml27{margin-left:27px !important;}.ml28{margin-left:28px !important;}.ml29{margin-left:29px !important;}.ml30{margin-left:30px !important;}.ml31{margin-left:31px !important;}.ml32{margin-left:32px !important;}.ml33{margin-left:33px !important;}.ml34{margin-left:34px !important;}.ml35{margin-left:35px !important;}.ml36{margin-left:36px !important;}.ml37{margin-left:37px !important;}.ml38{margin-left:38px !important;}.ml39{margin-left:39px !important;}.ml40{margin-left:40px !important;}.ml41{margin-left:41px !important;}.ml42{margin-left:42px !important;}.ml43{margin-left:43px !important;}.ml44{margin-left:44px !important;}.ml45{margin-left:45px !important;}.ml46{margin-left:46px !important;}.ml47{margin-left:47px !important;}.ml48{margin-left:48px !important;}.ml49{margin-left:49px !important;}.ml50{margin-left:50px !important;}.ml51{margin-left:51px !important;}.ml52{margin-left:52px !important;}.ml53{margin-left:53px !important;}.ml54{margin-left:54px !important;}.ml55{margin-left:55px !important;}.ml56{margin-left:56px !important;}.ml57{margin-left:57px !important;}.ml58{margin-left:58px !important;}.ml59{margin-left:59px !important;}.ml60{margin-left:60px !important;}.ml61{margin-left:61px !important;}.ml62{margin-left:62px !important;}.ml63{margin-left:63px !important;}.ml64{margin-left:64px !important;}.ml65{margin-left:65px !important;}.ml66{margin-left:66px !important;}.ml67{margin-left:67px !important;}.ml68{margin-left:68px !important;}.ml69{margin-left:69px !important;}.ml70{margin-left:70px !important;}.ml71{margin-left:71px !important;}.ml72{margin-left:72px !important;}.ml73{margin-left:73px !important;}.ml74{margin-left:74px !important;}.ml75{margin-left:75px !important;}.ml76{margin-left:76px !important;}.ml77{margin-left:77px !important;}.ml78{margin-left:78px !important;}.ml79{margin-left:79px !important;}.ml80{margin-left:80px !important;}.ml81{margin-left:81px !important;}.ml82{margin-left:82px !important;}.ml83{margin-left:83px !important;}.ml84{margin-left:84px !important;}.ml85{margin-left:85px !important;}.ml86{margin-left:86px !important;}.ml87{margin-left:87px !important;}.ml88{margin-left:88px !important;}.ml89{margin-left:89px !important;}.ml90{margin-left:90px !important;}.ml91{margin-left:91px !important;}.ml92{margin-left:92px !important;}.ml93{margin-left:93px !important;}.ml94{margin-left:94px !important;}.ml95{margin-left:95px !important;}.ml96{margin-left:96px !important;}.ml97{margin-left:97px !important;}.ml98{margin-left:98px !important;}.ml99{margin-left:99px !important;}.ml100{margin-left:100px !important;} .mt1{margin-top:1px !important;}.mt2{margin-top:2px !important;}.mt3{margin-top:3px !important;}.mt4{margin-top:4px !important;}.mt5{margin-top:5px !important;}.mt6{margin-top:6px !important;}.mt7{margin-top:7px !important;}.mt8{margin-top:8px !important;}.mt9{margin-top:9px !important;}.mt10{margin-top:10px !important;}.mt11{margin-top:11px !important;}.mt12{margin-top:12px !important;}.mt13{margin-top:13px !important;}.mt14{margin-top:14px !important;}.mt15{margin-top:15px !important;}.mt16{margin-top:16px !important;}.mt17{margin-top:17px !important;}.mt18{margin-top:18px !important;}.mt19{margin-top:19px !important;}.mt20{margin-top:20px !important;}.mt21{margin-top:21px !important;}.mt22{margin-top:22px !important;}.mt23{margin-top:23px !important;}.mt24{margin-top:24px !important;}.mt25{margin-top:25px !important;}.mt26{margin-top:26px !important;}.mt27{margin-top:27px !important;}.mt28{margin-top:28px !important;}.mt29{margin-top:29px !important;}.mt30{margin-top:30px !important;}.mt31{margin-top:31px !important;}.mt32{margin-top:32px !important;}.mt33{margin-top:33px !important;}.mt34{margin-top:34px !important;}.mt35{margin-top:35px !important;}.mt36{margin-top:36px !important;}.mt37{margin-top:37px !important;}.mt38{margin-top:38px !important;}.mt39{margin-top:39px !important;}.mt40{margin-top:40px !important;}.mt41{margin-top:41px !important;}.mt42{margin-top:42px !important;}.mt43{margin-top:43px !important;}.mt44{margin-top:44px !important;}.mt45{margin-top:45px !important;}.mt46{margin-top:46px !important;}.mt47{margin-top:47px !important;}.mt48{margin-top:48px !important;}.mt49{margin-top:49px !important;}.mt50{margin-top:50px !important;}.mt51{margin-top:51px !important;}.mt52{margin-top:52px !important;}.mt53{margin-top:53px !important;}.mt54{margin-top:54px !important;}.mt55{margin-top:55px !important;}.mt56{margin-top:56px !important;}.mt57{margin-top:57px !important;}.mt58{margin-top:58px !important;}.mt59{margin-top:59px !important;}.mt60{margin-top:60px !important;}.mt61{margin-top:61px !important;}.mt62{margin-top:62px !important;}.mt63{margin-top:63px !important;}.mt64{margin-top:64px !important;}.mt65{margin-top:65px !important;}.mt66{margin-top:66px !important;}.mt67{margin-top:67px !important;}.mt68{margin-top:68px !important;}.mt69{margin-top:69px !important;}.mt70{margin-top:70px !important;}.mt71{margin-top:71px !important;}.mt72{margin-top:72px !important;}.mt73{margin-top:73px !important;}.mt74{margin-top:74px !important;}.mt75{margin-top:75px !important;}.mt76{margin-top:76px !important;}.mt77{margin-top:77px !important;}.mt78{margin-top:78px !important;}.mt79{margin-top:79px !important;}.mt80{margin-top:80px !important;}.mt81{margin-top:81px !important;}.mt82{margin-top:82px !important;}.mt83{margin-top:83px !important;}.mt84{margin-top:84px !important;}.mt85{margin-top:85px !important;}.mt86{margin-top:86px !important;}.mt87{margin-top:87px !important;}.mt88{margin-top:88px !important;}.mt89{margin-top:89px !important;}.mt90{margin-top:90px !important;}.mt91{margin-top:91px !important;}.mt92{margin-top:92px !important;}.mt93{margin-top:93px !important;}.mt94{margin-top:94px !important;}.mt95{margin-top:95px !important;}.mt96{margin-top:96px !important;}.mt97{margin-top:97px !important;}.mt98{margin-top:98px !important;}.mt99{margin-top:99px !important;}.mt100{margin-top:100px !important;} .mb1{margin-bottom:1px !important;}.mb2{margin-bottom:2px !important;}.mb3{margin-bottom:3px !important;}.mb4{margin-bottom:4px !important;}.mb5{margin-bottom:5px !important;}.mb6{margin-bottom:6px !important;}.mb7{margin-bottom:7px !important;}.mb8{margin-bottom:8px !important;}.mb9{margin-bottom:9px !important;}.mb10{margin-bottom:10px !important;}.mb11{margin-bottom:11px !important;}.mb12{margin-bottom:12px !important;}.mb13{margin-bottom:13px !important;}.mb14{margin-bottom:14px !important;}.mb15{margin-bottom:15px !important;}.mb16{margin-bottom:16px !important;}.mb17{margin-bottom:17px !important;}.mb18{margin-bottom:18px !important;}.mb19{margin-bottom:19px !important;}.mb20{margin-bottom:20px !important;}.mb21{margin-bottom:21px !important;}.mb22{margin-bottom:22px !important;}.mb23{margin-bottom:23px !important;}.mb24{margin-bottom:24px !important;}.mb25{margin-bottom:25px !important;}.mb26{margin-bottom:26px !important;}.mb27{margin-bottom:27px !important;}.mb28{margin-bottom:28px !important;}.mb29{margin-bottom:29px !important;}.mb30{margin-bottom:30px !important;}.mb31{margin-bottom:31px !important;}.mb32{margin-bottom:32px !important;}.mb33{margin-bottom:33px !important;}.mb34{margin-bottom:34px !important;}.mb35{margin-bottom:35px !important;}.mb36{margin-bottom:36px !important;}.mb37{margin-bottom:37px !important;}.mb38{margin-bottom:38px !important;}.mb39{margin-bottom:39px !important;}.mb40{margin-bottom:40px !important;}.mb41{margin-bottom:41px !important;}.mb42{margin-bottom:42px !important;}.mb43{margin-bottom:43px !important;}.mb44{margin-bottom:44px !important;}.mb45{margin-bottom:45px !important;}.mb46{margin-bottom:46px !important;}.mb47{margin-bottom:47px !important;}.mb48{margin-bottom:48px !important;}.mb49{margin-bottom:49px !important;}.mb50{margin-bottom:50px !important;}.mb51{margin-bottom:51px !important;}.mb52{margin-bottom:52px !important;}.mb53{margin-bottom:53px !important;}.mb54{margin-bottom:54px !important;}.mb55{margin-bottom:55px !important;}.mb56{margin-bottom:56px !important;}.mb57{margin-bottom:57px !important;}.mb58{margin-bottom:58px !important;}.mb59{margin-bottom:59px !important;}.mb60{margin-bottom:60px !important;}.mb61{margin-bottom:61px !important;}.mb62{margin-bottom:62px !important;}.mb63{margin-bottom:63px !important;}.mb64{margin-bottom:64px !important;}.mb65{margin-bottom:65px !important;}.mb66{margin-bottom:66px !important;}.mb67{margin-bottom:67px !important;}.mb68{margin-bottom:68px !important;}.mb69{margin-bottom:69px !important;}.mb70{margin-bottom:70px !important;}.mb71{margin-bottom:71px !important;}.mb72{margin-bottom:72px !important;}.mb73{margin-bottom:73px !important;}.mb74{margin-bottom:74px !important;}.mb75{margin-bottom:75px !important;}.mb76{margin-bottom:76px !important;}.mb77{margin-bottom:77px !important;}.mb78{margin-bottom:78px !important;}.mb79{margin-bottom:79px !important;}.mb80{margin-bottom:80px !important;}.mb81{margin-bottom:81px !important;}.mb82{margin-bottom:82px !important;}.mb83{margin-bottom:83px !important;}.mb84{margin-bottom:84px !important;}.mb85{margin-bottom:85px !important;}.mb86{margin-bottom:86px !important;}.mb87{margin-bottom:87px !important;}.mb88{margin-bottom:88px !important;}.mb89{margin-bottom:89px !important;}.mb90{margin-bottom:90px !important;}.mb91{margin-bottom:91px !important;}.mb92{margin-bottom:92px !important;}.mb93{margin-bottom:93px !important;}.mb94{margin-bottom:94px !important;}.mb95{margin-bottom:95px !important;}.mb96{margin-bottom:96px !important;}.mb97{margin-bottom:97px !important;}.mb98{margin-bottom:98px !important;}.mb99{margin-bottom:99px !important;}.mb100{margin-bottom:100px !important;} .pr1{padding-right:1px !important;}.pr2{padding-right:2px !important;}.pr3{padding-right:3px !important;}.pr4{padding-right:4px !important;}.pr5{padding-right:5px !important;}.pr6{padding-right:6px !important;}.pr7{padding-right:7px !important;}.pr8{padding-right:8px !important;}.pr9{padding-right:9px !important;}.pr10{padding-right:10px !important;}.pr11{padding-right:11px !important;}.pr12{padding-right:12px !important;}.pr13{padding-right:13px !important;}.pr14{padding-right:14px !important;}.pr15{padding-right:15px !important;}.pr16{padding-right:16px !important;}.pr17{padding-right:17px !important;}.pr18{padding-right:18px !important;}.pr19{padding-right:19px !important;}.pr20{padding-right:20px !important;}.pr21{padding-right:21px !important;}.pr22{padding-right:22px !important;}.pr23{padding-right:23px !important;}.pr24{padding-right:24px !important;}.pr25{padding-right:25px !important;}.pr26{padding-right:26px !important;}.pr27{padding-right:27px !important;}.pr28{padding-right:28px !important;}.pr29{padding-right:29px !important;}.pr30{padding-right:30px !important;}.pr31{padding-right:31px !important;}.pr32{padding-right:32px !important;}.pr33{padding-right:33px !important;}.pr34{padding-right:34px !important;}.pr35{padding-right:35px !important;}.pr36{padding-right:36px !important;}.pr37{padding-right:37px !important;}.pr38{padding-right:38px !important;}.pr39{padding-right:39px !important;}.pr40{padding-right:40px !important;}.pr41{padding-right:41px !important;}.pr42{padding-right:42px !important;}.pr43{padding-right:43px !important;}.pr44{padding-right:44px !important;}.pr45{padding-right:45px !important;}.pr46{padding-right:46px !important;}.pr47{padding-right:47px !important;}.pr48{padding-right:48px !important;}.pr49{padding-right:49px !important;}.pr50{padding-right:50px !important;}.pr51{padding-right:51px !important;}.pr52{padding-right:52px !important;}.pr53{padding-right:53px !important;}.pr54{padding-right:54px !important;}.pr55{padding-right:55px !important;}.pr56{padding-right:56px !important;}.pr57{padding-right:57px !important;}.pr58{padding-right:58px !important;}.pr59{padding-right:59px !important;}.pr60{padding-right:60px !important;}.pr61{padding-right:61px !important;}.pr62{padding-right:62px !important;}.pr63{padding-right:63px !important;}.pr64{padding-right:64px !important;}.pr65{padding-right:65px !important;}.pr66{padding-right:66px !important;}.pr67{padding-right:67px !important;}.pr68{padding-right:68px !important;}.pr69{padding-right:69px !important;}.pr70{padding-right:70px !important;}.pr71{padding-right:71px !important;}.pr72{padding-right:72px !important;}.pr73{padding-right:73px !important;}.pr74{padding-right:74px !important;}.pr75{padding-right:75px !important;}.pr76{padding-right:76px !important;}.pr77{padding-right:77px !important;}.pr78{padding-right:78px !important;}.pr79{padding-right:79px !important;}.pr80{padding-right:80px !important;}.pr81{padding-right:81px !important;}.pr82{padding-right:82px !important;}.pr83{padding-right:83px !important;}.pr84{padding-right:84px !important;}.pr85{padding-right:85px !important;}.pr86{padding-right:86px !important;}.pr87{padding-right:87px !important;}.pr88{padding-right:88px !important;}.pr89{padding-right:89px !important;}.pr90{padding-right:90px !important;}.pr91{padding-right:91px !important;}.pr92{padding-right:92px !important;}.pr93{padding-right:93px !important;}.pr94{padding-right:94px !important;}.pr95{padding-right:95px !important;}.pr96{padding-right:96px !important;}.pr97{padding-right:97px !important;}.pr98{padding-right:98px !important;}.pr99{padding-right:99px !important;}.pr100{padding-right:100px !important;} .pl1{padding-left:1px !important;}.pl2{padding-left:2px !important;}.pl3{padding-left:3px !important;}.pl4{padding-left:4px !important;}.pl5{padding-left:5px !important;}.pl6{padding-left:6px !important;}.pl7{padding-left:7px !important;}.pl8{padding-left:8px !important;}.pl9{padding-left:9px !important;}.pl10{padding-left:10px !important;}.pl11{padding-left:11px !important;}.pl12{padding-left:12px !important;}.pl13{padding-left:13px !important;}.pl14{padding-left:14px !important;}.pl15{padding-left:15px !important;}.pl16{padding-left:16px !important;}.pl17{padding-left:17px !important;}.pl18{padding-left:18px !important;}.pl19{padding-left:19px !important;}.pl20{padding-left:20px !important;}.pl21{padding-left:21px !important;}.pl22{padding-left:22px !important;}.pl23{padding-left:23px !important;}.pl24{padding-left:24px !important;}.pl25{padding-left:25px !important;}.pl26{padding-left:26px !important;}.pl27{padding-left:27px !important;}.pl28{padding-left:28px !important;}.pl29{padding-left:29px !important;}.pl30{padding-left:30px !important;}.pl31{padding-left:31px !important;}.pl32{padding-left:32px !important;}.pl33{padding-left:33px !important;}.pl34{padding-left:34px !important;}.pl35{padding-left:35px !important;}.pl36{padding-left:36px !important;}.pl37{padding-left:37px !important;}.pl38{padding-left:38px !important;}.pl39{padding-left:39px !important;}.pl40{padding-left:40px !important;}.pl41{padding-left:41px !important;}.pl42{padding-left:42px !important;}.pl43{padding-left:43px !important;}.pl44{padding-left:44px !important;}.pl45{padding-left:45px !important;}.pl46{padding-left:46px !important;}.pl47{padding-left:47px !important;}.pl48{padding-left:48px !important;}.pl49{padding-left:49px !important;}.pl50{padding-left:50px !important;}.pl51{padding-left:51px !important;}.pl52{padding-left:52px !important;}.pl53{padding-left:53px !important;}.pl54{padding-left:54px !important;}.pl55{padding-left:55px !important;}.pl56{padding-left:56px !important;}.pl57{padding-left:57px !important;}.pl58{padding-left:58px !important;}.pl59{padding-left:59px !important;}.pl60{padding-left:60px !important;}.pl61{padding-left:61px !important;}.pl62{padding-left:62px !important;}.pl63{padding-left:63px !important;}.pl64{padding-left:64px !important;}.pl65{padding-left:65px !important;}.pl66{padding-left:66px !important;}.pl67{padding-left:67px !important;}.pl68{padding-left:68px !important;}.pl69{padding-left:69px !important;}.pl70{padding-left:70px !important;}.pl71{padding-left:71px !important;}.pl72{padding-left:72px !important;}.pl73{padding-left:73px !important;}.pl74{padding-left:74px !important;}.pl75{padding-left:75px !important;}.pl76{padding-left:76px !important;}.pl77{padding-left:77px !important;}.pl78{padding-left:78px !important;}.pl79{padding-left:79px !important;}.pl80{padding-left:80px !important;}.pl81{padding-left:81px !important;}.pl82{padding-left:82px !important;}.pl83{padding-left:83px !important;}.pl84{padding-left:84px !important;}.pl85{padding-left:85px !important;}.pl86{padding-left:86px !important;}.pl87{padding-left:87px !important;}.pl88{padding-left:88px !important;}.pl89{padding-left:89px !important;}.pl90{padding-left:90px !important;}.pl91{padding-left:91px !important;}.pl92{padding-left:92px !important;}.pl93{padding-left:93px !important;}.pl94{padding-left:94px !important;}.pl95{padding-left:95px !important;}.pl96{padding-left:96px !important;}.pl97{padding-left:97px !important;}.pl98{padding-left:98px !important;}.pl99{padding-left:99px !important;}.pl100{padding-left:100px !important;} .pt1{padding-top:1px !important;}.pt2{padding-top:2px !important;}.pt3{padding-top:3px !important;}.pt4{padding-top:4px !important;}.pt5{padding-top:5px !important;}.pt6{padding-top:6px !important;}.pt7{padding-top:7px !important;}.pt8{padding-top:8px !important;}.pt9{padding-top:9px !important;}.pt10{padding-top:10px !important;}.pt11{padding-top:11px !important;}.pt12{padding-top:12px !important;}.pt13{padding-top:13px !important;}.pt14{padding-top:14px !important;}.pt15{padding-top:15px !important;}.pt16{padding-top:16px !important;}.pt17{padding-top:17px !important;}.pt18{padding-top:18px !important;}.pt19{padding-top:19px !important;}.pt20{padding-top:20px !important;}.pt21{padding-top:21px !important;}.pt22{padding-top:22px !important;}.pt23{padding-top:23px !important;}.pt24{padding-top:24px !important;}.pt25{padding-top:25px !important;}.pt26{padding-top:26px !important;}.pt27{padding-top:27px !important;}.pt28{padding-top:28px !important;}.pt29{padding-top:29px !important;}.pt30{padding-top:30px !important;}.pt31{padding-top:31px !important;}.pt32{padding-top:32px !important;}.pt33{padding-top:33px !important;}.pt34{padding-top:34px !important;}.pt35{padding-top:35px !important;}.pt36{padding-top:36px !important;}.pt37{padding-top:37px !important;}.pt38{padding-top:38px !important;}.pt39{padding-top:39px !important;}.pt40{padding-top:40px !important;}.pt41{padding-top:41px !important;}.pt42{padding-top:42px !important;}.pt43{padding-top:43px !important;}.pt44{padding-top:44px !important;}.pt45{padding-top:45px !important;}.pt46{padding-top:46px !important;}.pt47{padding-top:47px !important;}.pt48{padding-top:48px !important;}.pt49{padding-top:49px !important;}.pt50{padding-top:50px !important;}.pt51{padding-top:51px !important;}.pt52{padding-top:52px !important;}.pt53{padding-top:53px !important;}.pt54{padding-top:54px !important;}.pt55{padding-top:55px !important;}.pt56{padding-top:56px !important;}.pt57{padding-top:57px !important;}.pt58{padding-top:58px !important;}.pt59{padding-top:59px !important;}.pt60{padding-top:60px !important;}.pt61{padding-top:61px !important;}.pt62{padding-top:62px !important;}.pt63{padding-top:63px !important;}.pt64{padding-top:64px !important;}.pt65{padding-top:65px !important;}.pt66{padding-top:66px !important;}.pt67{padding-top:67px !important;}.pt68{padding-top:68px !important;}.pt69{padding-top:69px !important;}.pt70{padding-top:70px !important;}.pt71{padding-top:71px !important;}.pt72{padding-top:72px !important;}.pt73{padding-top:73px !important;}.pt74{padding-top:74px !important;}.pt75{padding-top:75px !important;}.pt76{padding-top:76px !important;}.pt77{padding-top:77px !important;}.pt78{padding-top:78px !important;}.pt79{padding-top:79px !important;}.pt80{padding-top:80px !important;}.pt81{padding-top:81px !important;}.pt82{padding-top:82px !important;}.pt83{padding-top:83px !important;}.pt84{padding-top:84px !important;}.pt85{padding-top:85px !important;}.pt86{padding-top:86px !important;}.pt87{padding-top:87px !important;}.pt88{padding-top:88px !important;}.pt89{padding-top:89px !important;}.pt90{padding-top:90px !important;}.pt91{padding-top:91px !important;}.pt92{padding-top:92px !important;}.pt93{padding-top:93px !important;}.pt94{padding-top:94px !important;}.pt95{padding-top:95px !important;}.pt96{padding-top:96px !important;}.pt97{padding-top:97px !important;}.pt98{padding-top:98px !important;}.pt99{padding-top:99px !important;}.pt100{padding-top:100px !important;} .pb1{padding-bottom:1px !important;}.pb2{padding-bottom:2px !important;}.pb3{padding-bottom:3px !important;}.pb4{padding-bottom:4px !important;}.pb5{padding-bottom:5px !important;}.pb6{padding-bottom:6px !important;}.pb7{padding-bottom:7px !important;}.pb8{padding-bottom:8px !important;}.pb9{padding-bottom:9px !important;}.pb10{padding-bottom:10px !important;}.pb11{padding-bottom:11px !important;}.pb12{padding-bottom:12px !important;}.pb13{padding-bottom:13px !important;}.pb14{padding-bottom:14px !important;}.pb15{padding-bottom:15px !important;}.pb16{padding-bottom:16px !important;}.pb17{padding-bottom:17px !important;}.pb18{padding-bottom:18px !important;}.pb19{padding-bottom:19px !important;}.pb20{padding-bottom:20px !important;}.pb21{padding-bottom:21px !important;}.pb22{padding-bottom:22px !important;}.pb23{padding-bottom:23px !important;}.pb24{padding-bottom:24px !important;}.pb25{padding-bottom:25px !important;}.pb26{padding-bottom:26px !important;}.pb27{padding-bottom:27px !important;}.pb28{padding-bottom:28px !important;}.pb29{padding-bottom:29px !important;}.pb30{padding-bottom:30px !important;}.pb31{padding-bottom:31px !important;}.pb32{padding-bottom:32px !important;}.pb33{padding-bottom:33px !important;}.pb34{padding-bottom:34px !important;}.pb35{padding-bottom:35px !important;}.pb36{padding-bottom:36px !important;}.pb37{padding-bottom:37px !important;}.pb38{padding-bottom:38px !important;}.pb39{padding-bottom:39px !important;}.pb40{padding-bottom:40px !important;}.pb41{padding-bottom:41px !important;}.pb42{padding-bottom:42px !important;}.pb43{padding-bottom:43px !important;}.pb44{padding-bottom:44px !important;}.pb45{padding-bottom:45px !important;}.pb46{padding-bottom:46px !important;}.pb47{padding-bottom:47px !important;}.pb48{padding-bottom:48px !important;}.pb49{padding-bottom:49px !important;}.pb50{padding-bottom:50px !important;}.pb51{padding-bottom:51px !important;}.pb52{padding-bottom:52px !important;}.pb53{padding-bottom:53px !important;}.pb54{padding-bottom:54px !important;}.pb55{padding-bottom:55px !important;}.pb56{padding-bottom:56px !important;}.pb57{padding-bottom:57px !important;}.pb58{padding-bottom:58px !important;}.pb59{padding-bottom:59px !important;}.pb60{padding-bottom:60px !important;}.pb61{padding-bottom:61px !important;}.pb62{padding-bottom:62px !important;}.pb63{padding-bottom:63px !important;}.pb64{padding-bottom:64px !important;}.pb65{padding-bottom:65px !important;}.pb66{padding-bottom:66px !important;}.pb67{padding-bottom:67px !important;}.pb68{padding-bottom:68px !important;}.pb69{padding-bottom:69px !important;}.pb70{padding-bottom:70px !important;}.pb71{padding-bottom:71px !important;}.pb72{padding-bottom:72px !important;}.pb73{padding-bottom:73px !important;}.pb74{padding-bottom:74px !important;}.pb75{padding-bottom:75px !important;}.pb76{padding-bottom:76px !important;}.pb77{padding-bottom:77px !important;}.pb78{padding-bottom:78px !important;}.pb79{padding-bottom:79px !important;}.pb80{padding-bottom:80px !important;}.pb81{padding-bottom:81px !important;}.pb82{padding-bottom:82px !important;}.pb83{padding-bottom:83px !important;}.pb84{padding-bottom:84px !important;}.pb85{padding-bottom:85px !important;}.pb86{padding-bottom:86px !important;}.pb87{padding-bottom:87px !important;}.pb88{padding-bottom:88px !important;}.pb89{padding-bottom:89px !important;}.pb90{padding-bottom:90px !important;}.pb91{padding-bottom:91px !important;}.pb92{padding-bottom:92px !important;}.pb93{padding-bottom:93px !important;}.pb94{padding-bottom:94px !important;}.pb95{padding-bottom:95px !important;}.pb96{padding-bottom:96px !important;}.pb97{padding-bottom:97px !important;}.pb98{padding-bottom:98px !important;}.pb99{padding-bottom:99px !important;}.pb100{padding-bottom:100px !important;} .pointer{cursor:pointer;} .pd5 {padding:5px} .color_gray {color:#2f2f2f;} .black{background: #424242; color:#fff !important;} .txt_rule {margin-bottom:15px;} .txt_point{display: inline-block;padding-left:5px;text-indent:-5px;font-size:12px; color:#fa610e; line-height: 150%; vertical-align: middle;} /* title type */ .tit_page{margin-bottom:30px; padding-bottom:20px; border-bottom:1px solid #d0d0d0; font-size:20px; color:#1a1a1a;} .arrow_right{float:right; width:auto; height:auto; margin-top:-80px; padding:10px 30px; line-height:1;} .arrow_right:after{content:""; display:inline-block; width:13px; height:7px; margin-left:10px; background:url(../images/ico_arrowRed.png) no-repeat top left; vertical-align: middle;} /* header */ header{ height:120px; position:relative; z-index:1000;} header .inner{padding-top:29px;} header h1{display:inline-block;} header h1 a{display: inline-block; width:312px; height:62px; background:url(../images/logo.png) no-repeat top left; font-size:0; text-indent:-99999px;} header .btn_openGnb{display: none;} /* util */ .util{position:absolute;top:22px;right: 0px;} .util a{ position:relative; font-size:12px; color: #8f8f8f; letter-spacing: -0.01em; line-height:1; vertical-align:middle; display: inline-block;} .util a+a{margin-left:16px;} .util .myInfo{display:none;} .util a.eng { position:relative; font-size:12px; color: #fff;font-weight:600; letter-spacing: -0.01em; line-height:1; vertical-align:middle; background: #277eb3; padding: 3px 8px; border-radius: 15px;} .btnLanguage { width:64px; height:24px; position:absolute; right:0; top:20px; border:1px solid #ad5454; background:#fdefef; color:#a32222; text-align:center; font-size:12px; vertical-align:middle; } #container { position:relative; } /* gnb */ .menu{ position:absolute; top:0; right:0; z-index:100; } .menu .btn_openGnb{display: none;} .menu .gnb{margin-top:55px; margin-right:23px;} .menu .gnb:after { content:''; clear:both; display:block; } .menu .gnb>li{width:160px; position:relative;float:left;letter-spacing: -0.045em;} .menu .gnb>li:nth-child(3) .depth02 { width:200px; left:-20px; } .menu .gnb>li>a{display: block; margin-top:-7px;height:73px; font-size: 22px; color:#252525; line-height:1; line-height:66px; text-align:center;font-family: 'Noto Sans KR', sans-serif;} .menu .gnb .depth02{display:none;position:absolute; top:65px; left:0; width:100%; padding:28px 25px; background:#fff; border:2px solid #346c9f; } .menu .gnb .depth02:after { content:''; width:22px; height:11px; position:absolute; left:50%; top:-11px; margin-left:-11px; background:url(../images/bg_menu.png) no-repeat; } .menu .gnb .depth02 li+li{margin-top:6px;} .menu .gnb .depth02 a{ display:block; font-size: 17px; white-space: nowrap; color:#111;font-family: 'Noto Sans KR', sans-serif; } .menu .gnb .depth02 a:hover{color:#346c9f;} .menu .gnb .depth03 { margin-top:6px; } .menu .gnb .last{left:inherit;right:0;} .btn_closeGnb{display:none;} /* All Menu */ .btnAllMenu { width:23px; height:19px; position:absolute; right:0; bottom:30px; background:url('../images/btnAllMenu.png') center center no-repeat; font-size:0; text-indent:-9999px; z-index:20; } .btnAllMenu.on { background:url('../images/btnAllMenuClose.png') center center no-repeat; } .boxAllMenu { width:1200px; height:296px; display:none; position:absolute; left:50%; top:120px; margin-left:-600px; border:1px solid #346c9f; background:url('../images/bgAllMenu.jpg') right 59px no-repeat #fff; } .boxAllMenu > ul { overflow:hidden; } .boxAllMenu > ul > li { width:250px; float:left; } .boxAllMenu > ul > li:last-child { width:198px; } .boxAllMenu > ul > li > a { height:60px; display:block; background:#4883b8; border-right:1px solid #346c9f; text-align:center; color:#fff; font-size:20px; line-height:60px;font-family: 'Noto Sans KR', sans-serif; } .boxAllMenu > ul > li:last-child > a { border-right:0; } .boxAllMenu .depth02 { padding:12px 0; } .boxAllMenu .depth02 a { height:32px; display:block; line-height:32px; color:#555555; font-size:17px; text-align:center;font-family: 'Noto Sans KR', sans-serif; } .boxAllMenu .depth02 a:hover { color:#346c9f; text-decoration:underline; } /* footer */ .copyright { position:absolute; right:0; bottom:40px; z-index:10; } .copyright a { width:140px; height:34px; float:left; border:1px solid #dbdbdb; text-align:center; line-height:32px; color:#fff; font-size:13px; } .copyright a+a { margin-left:-1px; } footer{ position:relative; background:#252525; z-index:1;} footer .f_logo{position:absolute;top:57px;left:0;width: 213px; height:43px; background:url(../images/f_logo.png) no-repeat top left; font-size:0; text-indent:-99999px;} footer .inner{padding:50px 0 50px 226px; font-size:14px;} footer address{color:#8b8b8b; line-height:22px; letter-spacing:-0.04em;} footer address a{color:#8b8b8b;} footer .info { display:none; } .box_family { width:140px; position:absolute; right:0; top:40px; background:#fff; } .box_family:after { content:''; clear:both; display:block; } .box_family .select { width:140px; height:36px; position:relative; padding:0 35px 0 12px; line-height:36px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; cursor:pointer; font-size:13px; color:#2e2e2e; } .box_family .select:after { content:''; width:10px; height:6px; position:absolute; right:13px; top:14px; background:url(../images/ico_family_site.png) no-repeat; } .box_family ul { width:140px; display:none; position:absolute; left:0px; bottom:35px; background:#fff; } .box_family ul li { height:36px; padding:0 12px; font-size:13px; color:#2e2e2e; line-height:36px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; cursor:pointer; } .box_family ul li a {color:#2e2e2e;font-size:13px;} /* main */ .main_top{position:relative;overflow:hidden; z-index:1;} .main_top img.pc { display:block; } .main_top img.mo { display:none; } .main_top .inner{height:480px; z-index:10;} .main_top .visual_txt{ width:1200px; position:absolute; left:50%; top:108px; margin-left:-600px; padding-left:24px; z-index:20;} .main_top .visual_txt h2{ font-size:52px; letter-spacing:-0.025em; color:#fff; line-height:1;} .main_top .visual_txt p{ margin-top:12px; font-size:17px; color:#fff;} .main_top .visual_txt.type1 h2, .main_top .visual_txt.type1 p { color:#1a254c; } .main_top .btn_visual{ display:none; position:absolute; left:30px; bottom:30px; overflow:hidden; } .main_top .btn_visual a{display:block; float:left; width:18px; height:5px; border-radius:3px; background:#ababab; vertical-align:middle;} .main_top .btn_visual a+a{margin-left:5px;} .main_top .btn_visual .is-selected{width:94px; background:#921616;} .main_top .visual_area{position:absolute; top:0; right:0; width:100%; height:100%; z-index:1;} .main_top .visual_area > div { display:none; position:relative; } .main_top .visual_area > div img { width:1920px; height:480px; position:absolute; left:50%; top:0; margin-left:-960px; } .main_top .visual_area .is-show{display:block;} .main_top .btn_visual_prev{ width:36px; height:62px; position:absolute; top:200px; left:84px; background:url('../images/visualArrowLeft.png') center center no-repeat; z-index:20; } .main_top .btn_visual_next{ width:36px; height:62px; position:absolute; top:200px; right:84px; background:url('../images/visualArrowRight.png') center center no-repeat; z-index:20; } .mainMiddle { margin-bottom:30px; position:relative; z-index:10; } .mainQuick { width:410px; position:absolute; left:50%; top:0; z-index:20; margin-left:190px; } .mainQuick a { display:block; } .mainQuick a img { width:100%; } /* 최신글 게시판 */ .recentlyBoard { overflow:hidden; margin-top:50px;} .recentlyBoard .box_board{ width:552px; height:277px; float:left; padding:40px 28px 0; position:relative; border:1px solid #e7e7e7; } .recentlyBoard .box_board .tit_board{ margin-bottom:35px; position:relative; font-size:30px; color:#111; font-weight:600;letter-spacing:-0.045em; } .recentlyBoard .box_board li { padding-left:11px; position:relative; background:url('../images/icon_board.png') left center no-repeat; line-height:32px;font-size:18px; color:#111;font-family: 'Noto Sans KR', sans-serif; } .recentlyBoard .box_board li a{ position:relative; padding-right:20px; display:block; font-size:18px; color:#111;font-family: 'Noto Sans KR', sans-serif; } .recentlyBoard .box_board li a img { vertical-align:middle; margin-left:5px; margin-top:-4px; } .recentlyBoard .box_board li a.new:after { content:''; width:15px; height:15px; position:absolute; right:0; top:10px; background:url('../images/ico_new.gif') no-repeat; } .recentlyBoard .box_board li .date { margin-right:10px; display:inline-block; font-size:15px; color:#436d98; } .recentlyBoard .box_board .btn_more{ position:absolute; top:45px; right:31px;} .recentlyBoard .box_board .btn_more img {position:relative; z-index:10;} .recentlyBoard .box_board.banner { padding-left:40px; background-repeat:no-repeat; } .recentlyBoard .box_board.banner.type1 { background-image:url(../images/iconLetter.png); background-position:230px 20px; } .recentlyBoard .box_board.banner.type2 { background-image:url(../images/iconInfomation.png); background-position:230px 30px; } .recentlyBoard .box_board.banner .cont { margin-top:35px; margin-bottom:12px; } .recentlyBoard .box_board.banner button { width:160px; height:40px; padding-left:28px; display:block; border:1px solid #e2c68c; background-image:url(../images/iconBoardArr1.png); background-position:134px center; background-repeat:no-repeat; background-color:#f7edd9; font-size:16px; font-weight:200; color:#8b5d03; text-align:left; cursor:pointer; line-height:38px; } .recentlyBoard .box_board.banner.type2 button { border:1px solid #b8d594; background-image:url(../images/iconBoardArr2.png); background-color:#edf5e5; color:#28a02b; } /* */ .box_quickmenu { display:inline-block;; width:550px;height:118px;margin-top:30px;display:inline-block; } .box_quickmenu a { width:164px;height:116px; position:relative; display:inline-block; border:1px solid #c2c2c2; line-height:156px; font-size:18px; color:#111;text-align:center;font-weight:600; font-family: 'Noto Sans KR', sans-serif;} .box_quickmenu a.icon1 { background:#e4f2ff url('../images/main_quick_n1.png') no-repeat 50% 30%;color:#2766a1 } .box_quickmenu a.icon2 { background:#e0f4fb url('../images/main_quick_n2.png') no-repeat 50% 30%;color:#2c7e9b } .box_quickmenu a.icon3 { background:#fff6e7 url('../images/main_quick_n3.png') no-repeat 50% 30%;color:#a37831 } .box_quickmenu a+a { margin-left:24px; } .box_quickmenu_mo {display:none} .mainInfomation { margin-bottom:0px;} .boxLink1 { width:410px; height:180px; position:absolute; left:380px; top:0; } .boxLink1 a { width:205px; height:180px; float:left; } .boxLink1 a img { width:100%; } .boxLink2 { width:350px; float:left; } .boxLink2 a { height:50px; position:relative; display:block; padding-left:64px; background:url('../images/linkArrow.png') 300px center no-repeat #fff; border:1px solid #c2c2c2; line-height:50px; font-size:15px; color:#111; } .boxLink2 a:before { content:''; width:48px; height:48px; position:absolute; left:0; top:0; background-color:#f2f2f2; background-position:center center; background-repeat:no-repeat; background-size:20px auto; border-right:1px solid #c2c2c2; } .boxLink2 a:nth-child(1):before { background-image:url('../images/iconLink1.png'); } .boxLink2 a:nth-child(2):before { background-image:url('../images/iconLink2.png'); } .boxLink2 a:nth-child(3):before { background-image:url('../images/iconLink3.png'); } .boxLink2 a+a { margin-top:15px; } /* 스폰서 */ .main_banner { width:410px; padding:22px 0 0; float:right; } .main_banner .owl-carousel { padding:0 78px; } .main_banner .owl-carousel .item a { display:block; margin:8px 0; } .main_banner .owl-dots{display:none;} .main_banner .owl-nav{ margin:0; } .main_banner .owl-nav .owl-prev{position:absolute; top:50%; left:45px; width:12px; height:20px; margin:-10px 0 0; padding:0; background:url(../images/btn_banner_prev.png) no-repeat top left; font-size:0; text-indent:-999999px;} .main_banner .owl-nav .owl-prev:hover{background:url(../images/btn_banner_prev.png) no-repeat top left;} .main_banner .owl-nav .owl-next{position:absolute; top:50%; right:45px; width:12px; height:20px; margin:-10px 0 0; padding:0; background:url(../images/btn_banner_next.png) no-repeat top left; font-size:0; text-indent:-999999px;} .main_banner .owl-nav .owl-next:hover{background:url(../images/btn_banner_next.png) no-repeat top left;} /* sub page */ /* contents */ section .inner:after { content:''; clear:both; display:block; } section .left{float:left;width:220px;} section .right{float:right;width:920px;} /* contents title background */ .bg_board h2{background: url(../images/bg_main_visual.gif) repeat-x center top;} .bg_board {background: url(../images/sub_bg_1.jpg) no-repeat center top;} .bg_board2 {background: url(../images/sub_bg_2.jpg) no-repeat center top;} .bg_board3 {background: url(../images/sub_bg_3.jpg) no-repeat center top;} .bg_board4 {background: url(../images/sub_bg_4.jpg) no-repeat center top;} .bg_board5 {background: url(../images/sub_bg_5.jpg) no-repeat center top;} .bg_board6 {background: url(../images/sub_bg_6.jpg) no-repeat center top;} .bg_board7 {background: url(../images/sub_bg_7.jpg) no-repeat center top;} /* contents title */ .box_tit{height:250px; background-position:center center;} .box_tit p { padding-top:80px; text-align:right; font-size:17px; color:#1a254c; font-family: 'Noto Sans KR', sans-serif;letter-spacing: -0.02em;} .box_tit p strong { display:block; margin-bottom:15px; font-size:52px; color:#1a254c; line-height:1;font-family: 'Noto Sans KR', sans-serif; } .contents .left { margin-top:-120px; } .contents .left h2 { height:220px; height:160px; padding-top:56px; background:#0e5493; text-align:center; font-size:28px; color:#fff; font-weight:normal; letter-spacing:-0.084em;font-family: 'Noto Sans KR', sans-serif; } .contents .left h2 span { display:block; color:#72a9db; font-size:14px; letter-spacing:0;font-family: 'Noto Sans KR', sans-serif;margin-top: 10px; } /* lnb */ .lnb{margin-bottom:50px; background:#fff; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf;} .lnb>li{ } .lnb>li>a{position:relative;display:block; padding:15px 30px; border-bottom:1px solid #cfcfcf; font-size:17px; color:#111;font-family: 'Noto Sans KR', sans-serif; } .lnb .depth03{display:; padding:10px 0; background: #fff;border-bottom: 1px solid #cfcfcf;} .lnb .depth03 a{display:inline-block;margin:0 0 10px 30px; padding-left:10px; color:#303030; letter-spacing: -0.088em; font-size:15px; text-indent: -10px;} .lnb .is-selected>a{ background:url(../images/ico_menu.png) 182px center no-repeat #dfecf5; border-bottom:1px solid #0e5493; color:#0e5493;font-family: 'Noto Sans KR', sans-serif; } .lnb .is-selected .depth03{display: block;} .lnb .is-selected .on a{text-decoration:underline; font-weight: 700;} /* contents */ .contents .right{padding-top:60px; margin-bottom:130px; } .contentsTop { position:relative; border-bottom:1px solid #cdcdcd; } .contentsTop h3 { margin-bottom:20px; font-size:36px; color:#111; line-height:1;font-family: 'Noto Sans KR', sans-serif;} .contentsTop .location { position:absolute; right:0; bottom:16px; text-align:right; color:#9f9f9f; font-size:16px; font-family: 'Noto Sans KR', sans-serif;} .contentsTop .location img { display:inline-block; margin-bottom:4px; vertical-align:middle; } .contentsTop .location strong { color:#5a5a5a; font-weight:normal;font-family: 'Noto Sans KR', sans-serif; } .tit_bar_blue{margin-top:10px;margin-bottom:10px; padding:7px 18px 7px 35px; border:1px solid #72a9db; background:url(../images/ico_arr_blue.png) 20px center no-repeat #f2f6fb ;font-size:15px; color:#1a254c; } .contWrap { padding-top:30px; } .infoTop {width:100%; height:250px; margin-bottom:30px; background:url(../images/bg_greeting2025.jpg)no-repeat 0 0 ;} .infoTop:after { content:''; clear:both; display:block; } .infoTop .left { width:auto; margin:0; padding:13px 20px; } /* .infoTop .right { width:auto; margin-left:280px; padding: 82px 30px 0 0; float:none; } */ /* .infoTop .right strong { display:block; margin-bottom:25px; font-family:"Nanum Myeongjo", serif; color:#609bd0; font-size:33px; line-height:1; }*/ /* .infoTop .right strong b { font-family:"Nanum Myeongjo", serif; color:#2b2b2b; } */ /* .infoTop .right p { font-size:20px; color:#0e5493;font-family:'Noto Sans KR', sans-serif; } */ .infoTop .right { width:auto; margin-left:130px; padding: 82px 30px 0 0; float:none; } .infoTop .right strong { display:block; margin-bottom:25px; font-family:"Nanum Myeongjo", serif; color:#609bd0; font-size:30px; line-height:1; } .infoTop .right strong b { font-family:"Nanum Myeongjo", serif; color:#2b2b2b; } .infoTop .right p { font-size:22px; color:##609bd0;font-family:'Noto Sans KR', sans-serif; } .InfoSign {width:100%; margin-bottom:30px; background:#ebf2f7 url(../images/img_reginfo.png)no-repeat 30px center ;padding:25px;} .InfoSign strong { display:block;font-family:"Noto Sans KR", sans-serif; color:#1c2244; font-size:18px; padding:0 0 0 200px;} .InfoSign p { font-size:16px; color:#204c89;font-family:'Noto Sans KR', sans-serif;padding:0 0 0 200px; } .res_img {max-width:100%;} .infoTop2026 {width:100%; height:auto;/* height:439px; */ margin-bottom:30px; background:url(../images/bg_greeting2026.png)no-repeat 0 83px ; overflow:hidden;display:flex} .infoTop2026:after { content:''; clear:both; display:block; } .infoTop2026 .left { width:auto; margin:0; padding:13px 20px 0 20px;display:flex;overflow:hidden;justify-content:center;align-items: baseline; } .infoTop2026 .left img { } .infoTop2026 .right { width:auto; margin-left:10px; padding: 182px 30px 0 0;display:flex;flex-direction: column; align-items: left; justify-content: center; } .infoTop2026 .right .insa2026_1 { display:block; margin-bottom:25px; font-family:"Noto Serif KR", serif; color:#333333; font-size:26px; line-height:1.3em;font-weight:800; } .infoTop2026 .right .insa2026_2 { font-family:"Noto Serif KR", serif; color:#1a5fb5;font-size:26px; line-height:1.3em;font-weight:800; } .infoTop2026 .right p.insa2026_3 { font-size:20px; color:#333;font-family:"Noto Serif KR", serif;line-height:1.3em;font-weight:700; } .infoCont p.insa2026_4 { font-family:'Noto Sans KR', sans-serif;font-size:20px; color:#225492; line-height:1.3em;font-weight:600; } .infoCont p {font-family:'Noto Sans KR', sans-serif;} .insa2026_box {border:1px solid #f3f3f3;border-radius:8px;padding:20px;text-align:Center;margin:30px 0;} .insa2026_box_title {display:inline-block;width:100%;font-size:24px;font-weight:800;font-family:'Noto Sans KR', sans-serif;padding:20px 10px;color:#2b4976;} .boxJoinNotice { margin-bottom:40px; position:relative; padding:34px 32px; background:#f1f1f1; border:1px solid #cdcdcd; } .boxJoinNotice ul li { padding-left:12px; position:relative; color:#111; font-size:16px; line-height:26px; } .boxJoinNotice ul li:before { content:'-'; position:absolute; left:0; top:0; } .boxJoinNotice ul li+li { margin-top:10px; } .infoKpns{width:100%; height:250px; margin-bottom:30px; } .infoKpns:after { content:''; clear:both; display:block; } .infoKpns .left { width:320px; margin:0; padding:0 20px; } .infoKpns .right { width:auto; margin-left:350px; padding: 0 0; float:none; } .infoKpns .right strong { display:block; margin-bottom:25px; font-family:"Nanum Myeongjo", serif; color:#609bd0; font-size:28px; line-height:1.5em;background:url('../images/i_dds.png') no-repeat 0 0;padding-left:40px;letter-spacing:-0.09em; } .infoKpns .right strong b { font-family:"Nanum Myeongjo", serif; color:#2b2b2b;background:url('../images/i_dde.png') no-repeat 100% 0 ;padding-right:50px; font-size:32px;} .infoKpns .right p { font-size:16px; color:#2f2f2f;font-family:'Malgun Gothic','맑은 고딕','Noto Sans KR', sans-serif; line-height:1.5em;font-weight:none;} span.impact {font-weight:bold;text-decoration:underline;color:#609bd0;} .infoCont { font-size:16px; line-height:26px; letter-spacing:-0.05em; color:#333; } .infoCont .ps { font-family:'Noto Sans KR', sans-serif;text-align:right; color:#333;font-weight:500; } .infoCont .ps strong { font-family:'Noto Sans KR', sans-serif;color:#333; font-size:22px; line-height:30px; font-weight:500; } .infoCont .psimg { center } .btnPaging{float:right; margin-top:30px;} .contTab { position:relative; margin-bottom:30px; } .contTab ul { overflow:hidden; } .contTab li { width:150px; height:48px; margin-left:10px; float:left; line-height:48px; text-align:center; border:1px solid #b7b7b7; background:#fff; font-size:16px; font-weight:200; color:#292929; } .contTab li:first-child { margin-left:0; } .contTab li.on { background:#f4e5c8; color:#a16e0e; border:1px solid #a16e0e; } h4.dot { height:42px; margin-bottom:30px; padding:0 33px; border-radius:3px; border:1px solid #cda458; background:url(../images/iconTitleDot.png) 15px center no-repeat; line-height:42px; font-size:15px; font-weight:200; } .boxTabCont { display:none; } .tableBasic { width:100%; border-top:1px solid #a16e0e; } .tableBasic th, .tableBasic td { padding:10px; border-bottom:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; text-align:center; font-weight:200; font-size:15px; } .tableBasic th { color:#a16e0e; } .tableBasic td { color:#292929; } .tableBasic2 { width:100%; margin-bottom:15px; border-top:1px solid #252525; border-bottom:1px solid #252525; } .tableBasic2 th { padding:7px 0; font-size:15px; color:#000; border-top:1px solid #bebebe; background:#f8f8f8;font-weight:bold; vertical-align:middle;} .tableBasic2 th.tit1 { padding:7px 0; font-size:15px; color:#000; border-top:1px solid #bebebe; background:#efefef;font-weight:bold; vertical-align:middle;} .tableBasic2 td { padding:7px 0 10px 15px; font-size:15px; color:#111; border-top:1px solid #bebebe;text-align:center; } .tableBasic2 tr:first-child th, .tableBasic2 tr:first-child td { border-top:0; } /* table - common */ .tbl{font-size: 15px;} .tbl th{border-bottom:1px solid #d0d0d0; background: #f5f5f5;font-weight:400;} .tbl td{border-bottom:1px solid #d0d0d0;} .tbl a{color:#2f2f2f;} .tbl .nodata{text-align: center;} /* table - list */ .tbl_list{table-layout: fixed;} .tbl_list th{padding:15px 0;border-top:1px solid #d0d0d0;font-size:15px;} .tbl_list td{padding:18px 0; text-align:center; vertical-align:middle;} .tbl_list .tit{text-align: left;} .tbl_list .tit a{display: inline-block;max-width:100%;color:#2f2f2f;} .tbl_list .tit a.ellipsis{max-width:90%;} .tbl_list .btn_admin a{display: inline-block;line-height: 1;} .tbl_list .btn_admin a+a{margin-left:5px;padding-left:5px;border-left:1px solid #989898;} .tbl_list .link{color:#007ed6; text-decoration: underline;} .ico_notice{display: inline-block;padding:2px 5px 3px 5px;border-radius:3px; background:#fa610e;font-size:13px; color:#fff; letter-spacing: -0.03em; line-height: 1;font-weight:400;} .board_count{margin-bottom:15px; font-size:15px; letter-spacing: -0.01em;} /* table - view */ .tbl_view{table-layout: fixed;} .tbl_view th{padding:15px 20px; border-top:1px solid #757575; text-align:left; font-size:14px; color:#9e9e9e;min-width:100%;} .tbl_view th strong{display:block; margin-bottom:10px; font-size:15px; color:#2f2f2f;} .tbl_view td{padding:20px; text-align:left; font-size:14px; line-height:150%;} .tbl_view .files{padding:15px 20px;} .tbl_view .files a{color:#2f2f2f;} .tbl_view .files .file{color:#2f2f2f;} .tbl_view .files .file:after{content:""; display:inline-block;width:16px; height:13px; margin-left:5px; background: url(../images/sprites.png) no-repeat -140px -80px;vertical-align: middle;} /* table - write */ .tbl_write{table-layout: fixed;border-top:1px solid #757575;} .tbl_write th{padding:15px 0;border-bottom:1px solid #d0d0d0; vertical-align: middle;} .tbl_write td{padding:5px 10px;border-bottom:1px solid #d0d0d0; vertical-align: middle;} .tbl_write td select,.tbl_write td input[type="text"],.tbl_write td input[type="password"]{height:37px;font-size: 14px;} .tbl_write .addFile th,.tbl_write .addFile td{border-top:1px solid #757575;} .tbl_write .box_editor{padding:20px 0;} .tbl_write .innerTable{padding:0;} .tbl_write .innerTable table{border-top:0;} .tbl_write .innerTable table th,.tbl_write .innerTable table td{border-bottom:0;border-top:1px solid #d0d0d0;} .tbl_write .innerTable tr:first-child th,.tbl_write .innerTable tr:first-child td{border-top:0;} .tbl_write .innerTable .btn{height:30px; line-height:30px;} .tbl_write .innerTable input[type="radio"]+label{margin:0 10px 0 5px;} .tbl_write .innerTable span{display: inline-block; vertical-align: middle;} .tbl_write td.tdtitle {background:#f4f4f4;border-top:1px solid #757575;text-align:center;padding:10px;} .addFile{overflow:hidden;} .addFile .files{float:left; width:90%; padding:30px 0; border:1px solid #d0d0d0; font-size:14px; color:#9d9d9d; text-align:center;} .addFile .btn_del_file{display:inline-block;float:left; width:10%; padding:30px 0; border:1px solid #d0d0d0; background:#f9f9f9; font-size:14px; color:#2f2f2f; text-align:center;} .addFile .files+.btn_del_file{border-left:0;} .chk_onoff{display:inline-block; position:relative;} .chk_onoff input{position:absolute; top:0; left:0; width:0; height:0; opacity:0;} .chk_onoff label{display:inline-block; position:relative; width:75px; height:26px; padding:2px; border:1px solid #d0d0d0; border-radius:20px; z-index:1;} .chk_onoff label:before{content:"ON"; display:inline-block; width:30px; margin-left:0; line-height: 20px; font-size:11px; color:#929292; letter-spacing:-0.05em; font-weight:bold; text-align:center;} .chk_onoff label:after{content:"OFF"; display:inline-block; position:absolute; top:2px; left:31px; width:40px; height:20px; border-radius:20px; background:#2b2b2b; color:#fff; font-weight: bold; letter-spacing:-0.05em; text-align:center; font-size:11px;line-height: 20px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; } .chk_onoff input:checked+label:after{content:"ON";left:2px; background:#fa610e;} .chk_onoff input:checked+label:before{content:"OFF"; margin-left:37px;} /* table - standard */ .tbl_fix{table-layout: fixed;border-top:1px solid #757575; font-size: 15px;font-family:'Malgun Gothic','맑은 고딕','Noto Sans KR', sans-serif;} .tbl_fix th{padding:15px 0;border-bottom:1px solid #d0d0d0; vertical-align: middle; background: #f5f5f5;} .tbl_fix td{padding:5px 10px;border-bottom:1px solid #d0d0d0; vertical-align: middle;} .tbl_fix td select,.tbl_fix td input[type="text"],.tbl_fix td input[type="password"]{height:37px;font-size: 14px;} .tbl_fix .addFile th,.tbl_fix .addFile td{border-top:1px solid #757575;} .tbl_fix .box_editor{padding:20px 0;} /* paging */ .pagingWrap1{margin-top:30px; text-align:center;} .paging1{display:inline-block; overflow:hidden;} .paging1 a{display:inline-block; float:left; width:33px; height:33px; border:1px solid #ddd; font-size:15px; color:#404040; text-align:center; line-height:33px;} .paging1 .is-selected{border:1px solid #356db6; color:#356db6;} .paging1 a img{margin-top:13px;} .paging1 a+a, .paging1 span a, .paging1 span+a{border-left:0;} /* button */ .btn1{display:inline-block;width:70px;height:40px;line-height: 40px;font-size:15px;text-align: center;} .btn90{display:inline-block;width:90px;height:40px;line-height: 40px;font-size:15px;text-align: center;} .btn_blue1{background:#1a254c;color:#fff !important;} .btn_green1{background:#518c51;color:#fff !important;} .btn_gray1{background:#b4b4b4;color:#fff !important;} .btn_gray_sm1{height:25px;line-height: 25px;background:#797979;color:#fff !important;} .btn_black1{background:#424242;color:#fff !important;} .btn_red2{background:#921616;color:#fff ; } btn_red1{border:1px solid #fa610e; background:#fff2f6; color:#303030 !important;} .btnDown1 {background:#424242 url(../images/ico_down2.png) no-repeat 95% 50%;padding:8px 50px 8px 30px;color:#fff !important;font-size:0.9em;} .btnDown2 {background:#6a91c6 no-repeat 95% 50%;padding:8px 50px 8px 30px;color:#fff !important;font-size:0.9em;} .btnGo1{display:inline-block;padding:20px 50px 20px 30px;font-size:15px;text-align: center;background:#1c2244 url(../images/ico_arr2.png) no-repeat 95% 50%;color:#fff!important;} .btnGo2{display:inline-block;padding:20px 50px 20px 30px;font-size:15px;text-align: center;background:#424242 url(../images/ico_arr2.png) no-repeat 95% 50%;color:#fff!important;} .btnArea1{margin-top:30px; text-align:right;} .btnArea1 .btn+.btn{margin-left:10px;} .btnArea1.center{text-align:center;} .btnArea1.center .btn{width:150px;} .btnArea1.center .btn+.btn{margin-left:20px;} .buttonSt{display:inline-block; width:70px;height:40px;line-height: 40px;font-size:15px;text-align: center;} .buttonSt-sm{display:inline-block; width:40px;height:20px;line-height: 20px;font-size:12px;text-align: center;} .buttonSt-smA{display:inline-block; min-width:40px;height:20px;line-height: 20px;font-size:12px;text-align: center;padding-left:10px;padding-right:10px;} .button_blue{background:#1a254c;color:#fff !important;} .button_gray{background:#b4b4b4;color:#fff !important;} .button_black{background:#424242;color:#fff !important;} .button_green{background:#518c51;color:#fff !important;} .button_red{border:1px solid #fa610e; background:#fff2f6; color:#303030 !important;} .black{background: #424242; color:#fff !important;} .buttonArea{margin-top:30px; text-align:right;} .buttonArea .buttonSt+.buttonSt{margin-left:10px;} .buttonArea.center{text-align:center;} .buttonArea.center .buttonSt{width:150px;} .buttonArea.center .buttonSt+.buttonSt{margin-left:20px;} .btnPaging1{float:right; margin-top:30px;} /* 검색 */ .box_search{float:right; margin-bottom:15px; overflow: hidden;} .box_search:after{content:"";display: block;clear: both;} .box_search input{float: left;width:200px;height:40px;} .box_search a{float: left;} .box_search+.board_count{float: left; margin:15px 0 0 0;} /* 댓글 */ .box_reply .id{display:inline-block;min-width:200px; margin-bottom:10px; padding:10px 15px; border:1px solid #d0d0d0; background:#f9f9f9; font-size:14px; color:#9d9d9d;} .box_reply .box_write{position: relative;padding-right:90px;} .box_reply .box_write textarea{width:100%; height:60px; font-size:14px; line-height: 120%;} .box_reply .box_write button{display: block;position:absolute; top:0; right:0; width:90px; height:60px; border:1px solid #d0d0d0; border-left:0; background: #f9f9f9;text-align: center;font-size:15px; line-height: 60px; color: #2f2f2f;} .tbl_reply{margin-top:20px;} .tbl_reply td{padding:20px 0; border-bottom:1px solid #d0d0d0;} .tbl_reply .userImage{display:inline-block;width:64px; height:64px; background-position:-320px -130px;} .tbl_reply .reply{position: relative;padding-top:30px;padding-right:80px;} .tbl_reply .reply strong{font-size:15px; color:#356db6;} .tbl_reply .reply p{font-size:14px;} .tbl_reply .btns{position:absolute; top:50px; right:0; width:80px; text-align:center;} .tbl_reply .btns a{display: inline-block; width:14px; height:16px;} .tbl_reply .btns a+a{margin-left:10px;} .tbl_reply .btn_modify{background-position:-180px -80px;} .tbl_reply .btn_del{background-position:-160px -80px;} /* 회원 검색 */ .memberSearch{margin-bottom:20px; padding:30px 100px; border:4px solid #f3f3f3;} .memberSearch p{margin-bottom:20px; padding-left:75px; background:url(../images/img_member_search.gif) no-repeat top left; font-size:14px; color:#2f2f2f; line-height:150%;} .memberSearch p strong{font-size:16px; color:#1a254c;} .memberSearch input{width:180px; height:40px; margin-right:5px;} .memberSearch .btn{width:100px;} /* 회원가입 */ .tab_joinstep{margin-bottom:40px; overflow: hidden;} .tab_joinstep li{position:relative;float:left;width:280px;padding:15px 0;border:4px solid #1a254c; font-size:15px; text-align: center; color: #707070;} .tab_joinstep li+li{margin-left:30px;} .tab_joinstep li+li:before{content:""; display:block; position:absolute; top:22px; left:-25px; width:14px; height:24px; background: url(../images/ico_nextStep.gif) no-repeat top left;} .tab_joinstep li strong{display: block;} .tab_joinstep .is-selected{background:#1a254c; color:#fff;} .tab_joinstep li:nth-of-type(2){border-color: #4380cf;} .tab_joinstep li:nth-of-type(3){border-color: #0d4186;} .tab_joinstep .is-selected:nth-of-type(2){background-color:#4380cf;} .tab_joinstep .is-selected:nth-of-type(3){background-color:#0d4186;} /* 회원가입 약관동의 */ .box_terms{border:1px solid #d0d0d0;} .box_terms pre{height:180px; padding:30px; border-bottom:1px solid #d0d0d0; background:#f7f7f7; font-size:15px; color:#454545; overflow-y:auto; white-space: pre-wrap; line-height: 170%;} .box_terms span{display: block; padding: 10px 0; text-align: center; font-size:15px;} .box_terms span label+input{margin-left:50px;} .box_terms+.bulletBox{margin-top:40px;} /* 가입완료 */ .complateJoin{text-align: center; font-size:15px;} .complateJoin div{width:400px; margin:70px auto 40px auto; padding:20px 120px; background:#ebf2fa;text-align:left; line-height: 200%;} .complateJoin div strong{color:#356db6;} .complateJoin>strong{display: block; margin-bottom:20px; font-size:30px; color:#356db6; font-weight: normal;} .complateJoin2{text-align: center; font-size:15px;} .complateJoin2 div{width:600px; margin:50px auto 40px auto; padding:20px 50px; background:#ebf2fa;text-align:center; line-height: 200%;} .complateJoin2 div strong{color:#356db6;vertical-align: middle;} .complateJoin2>strong{display: block; margin-bottom:20px; font-size:30px; color:#356db6; font-weight: normal;} /* 행사일정 */ .event_selectUI {padding:10px;} .tbl_event th{padding:15px 0; border-top:1px solid #d0d0d0; background:#f5f5f5; font-size:15px;} .tbl_event td{padding:15px 0; font-size:14px; vertical-align: middle;} .tbl_event .month{background:#f8f8f8; color:#000; font-weight: 700;text-align: center;} .tbl_event .nodata{text-align: center;} .tbl_event .tit{padding-left:20px; padding-right:10px;} .tbl_event .tit a{color:#2f2f2f;} .tbl_event .tbl_btn{padding:5px 0;text-align:center;} .btn_inner1{font-size:12px; text-align:center;} .black1{background: #424242; color:#fff !important;} .pink1{background: #b69e79; color:#fff !important;} .bottom_search{margin-top:20px; overflow: hidden;} .bottom_search .box_search{display:inline-block;float:left; margin:0;} .bottom_search .box_search input{width:300px;} .bottom_search .btnArea{display:inline-block;float:right; margin:0;} .calendar_tab{margin-bottom:20px; overflow: hidden;text-align:left;} .calendar_tab .btnArea1{float:left;margin:0;} .calendar_tab .btnArea1 a{width:auto;padding:0 25px;} .calendar_tab .btnArea1 .btn+.btn{margin-left:5px;} .calendar_tab .btnArea1 .is-selected{background:#1a254c;} .calendar_tab select{width:130px; height:40px;} .ico_list:before{content:"";display:inline-block;width:16px;height:14px;margin-right:10px;background:url(../images/ico_list.png) no-repeat top left;vertical-align: middle;} .ico_calendar:before{content:"";display:inline-block;width:16px;height:16px;margin-right:10px;background:url(../images/ico_calendar.png) no-repeat top left;vertical-align: middle;} .calendar_tab3{margin-bottom:20px; overflow: hidden;text-align:right;} .calendar_tab3 .btnArea{float:left;margin:0;} .calendar_tab3 .btnArea a{width:auto;padding:0 25px;} .calendar_tab3 .btnArea .btn+.btn{margin-left:5px;} .calendar_tab3 .btnArea .is-selected{background:#1a254c;} .calendar_tab3 select{width:130px; height:40px;} .calendar_tab6 {margin-bottom:20px; overflow: hidden;text-align:right;} .calendar_tab6 .btnArea{float:left;margin:0;} .calendar_tab6 .btnArea a{float:left; width:auto;padding:0 25px;} .calendar_tab6 .btnArea .btn+.btn{margin-left:5px;} .calendar_tab6 .btnArea .is-selected{background:#1a254c;} .calendar_tab6 select{width:130px; height:40px;} .eventInfo_box{height:150px; padding:20px 0 0 240px; border-top:1px solid #dfa330; border-bottom:1px solid #dfa330; background:url(../images/img_kb.jpg) no-repeat top left;} .eventInfo_box dt{margin-bottom:15px; font-size:24px; font-weight:700; color:#303030;} .eventInfo_box dd{margin-top:5px;font-size:15px; color:#303030;} .eventInfo_box dd span{color:#dfa330;} .event_txt_box1 {display:block;border:10px solid #ebf2fa; padding:15px 10px 15px 120px;background:url(../images/ico_regist_ok.png) no-repeat 30px 20px; } /* full calendar */ .fc th{padding:14px 0 !important; font-size:14px; font-weight: normal;} .fc td{font-size:14px;} .fc-header-toolbar{position:relative;} .fc-toolbar .fc-left{float:none !important;} .fc-header-toolbar h2{width:100% !important; text-align:center !important; font-size:34px !important; font-weight: 400;} .fc-basic-view .fc-week-number, .fc-basic-view .fc-day-number{padding:2px 10px !important;} .fc-today-button{position:absolute !important; top:1px !important; left:0 !important; float:none !important; width:65px !important; height:auto !important; padding:7px 0 !important; border:2px solid #b6b6b6 !important; border-radius:30px !important; background:#fff !important;font-size:14px !important; letter-spacing: -0.05em !important;line-height:1 !important;} .fc-prev-button{float:none !important;width:32px !important; height:32px !important; background:url(../images/btn_cal_prev.png) no-repeat top left !important; border:0 !important; border-radius:0 !important; box-shadow:none !important;} .fc-prev-button span:after{display:none !important;} .fc-next-button{float:none !important; width:32px !important; height:32px !important; margin-left:200px !important; background:url(../images/btn_cal_next.png) no-repeat top left !important; border:0 !important; border-radius:0 !important; box-shadow:none !important;} .fc-next-button span:after{display:none !important;} .fc-button-group{position:absolute !important; top:1px !important; left:0 !important; width:100% !important; margin:0 !important; text-align:center;} /* datepicker */ .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width:30% !important; margin-left:10px !important; font-size:14px !important;} .ui-datepicker-trigger{margin-left:5px !important;} .tab { margin-bottom: 40px; overflow: hidden; } .tab{ margin-top:30px; position:relative;} .tab:after{content:""; width:100%; height:2px; background:#2c4474; position:absolute; left:0; bottom:0; display:block; clear:both; z-index:1;} .tab a{display:block; position:relative; width:135px; padding:10px 0; border:2px solid #bababa; border-bottom:0; background:#f0f0f0; font-size:16px; color:#303030; text-align:center; line-height:1;} .tab a:after { content:''; position:absolute; left:-2px; right:-2px; height:2px; bottom:0; background:#2c4474; } .tab li{float:left; position:relative; z-index:10;} .tab li+li{margin-left:2px;} .tab .is-selected a { border:2px solid #2c4474; border-bottom:0; background:#fff; color:#2c4474;} .tab .is-selected a:after { display:none; } /* 학술행사 연혁 */ .tbl_history{border-top:1px solid #d0d0d0;} .tbl_history td{padding:30px 0; vertical-align:middle;} .tbl_history td dt{margin-bottom:20px;} .tbl_history td dt a{color:#1f66c2; font-weight: 700; font-size:15px;} .tbl_history td dd{line-height:180%;} .tbl_history .tbl_btn{text-align:right;} .tbl_history .tbl_btn a{width:80px; margin:5px 0;} /* 비밀번호 변경 */ .changePassword{padding:30px 165px;} .changePassword p{height:68px; margin-left:30px; padding-top:10px; padding-left:70px; background:url(../images/ico_change_password.gif) no-repeat center left; color:#1a254c; font-size:16px;} .changePassword input{width:100%; font-size:14px;} .changePassword input+input{margin-top:10px;} .txt_changePassword{padding-left:10px; text-indent:-10px;font-size:14px; color:#303030; line-height:150%;} .txt_changePassword li{margin-top:20px;} /* 회원탈퇴 */ .withdrawal{padding:30px 80px;} .withdrawal p{padding-top:0; padding-left:80px; background:url(../images/ico_withdrawal.gif) no-repeat center left; color:#1a254c; font-size:16px;} .withdrawal .tbl_fix{margin-top:10px;} .withdrawal .tbl_fix td{padding:15px 0;text-align:center;} /* 공지팝업 */ .noticePopup .tit{padding:20px 0; background:#0e5493; color:#fff; text-align:center; font-size:20px; font-weight:bold; line-height: 1;} .noticePopup .tit2{padding:20px 0; background:#111; color:#fff; text-align:center; font-size:20px; font-weight:bold; line-height: 1;} .noticePopup .bottom{padding:5px 10px 10px 10px; background:#ececec; color:#4e4e4e; text-align:right; font-size:14px; line-height: 1;} .noticePopup .bottom a{vertical-align: middle; line-height: 1;color:#4e4e4e;} .noticePopup .bottom label,.noticePopup .bottom input{vertical-align: middle; line-height: 1;} .noticePopup .popCont{height:100%;padding:0px; font-size:15px;} .noticePopup .popCont .txtBox{max-height:50%; margin-bottom:20px; overflow-y:auto; line-height: 180%;} .noticePopup .popCont .download a{text-align:center;color:#4e4e4e;} .noticePopup .popCont .download img{margin-left:5px;vertical-align: middle;} .noticePopup .popCont .link{margin-top:5px;} .noticePopup .popCont .link a{text-decoration: underline; color:#1081e1;} .noticePopup .popCont .btn_detail{display:block; width:150px; margin:30px auto 0 auto; padding:10px 0; border:1px solid #363636; font-size:16px; color:#323232; text-align: center;} /* login */ .login{padding:60px 0; border:10px solid #f3f3f3; text-align: center;} .login p{width:650px; margin:0 auto; color:#0e5493; font-size: 15px; line-height: 24px; text-align: left;} .login p strong{display:inline-block; font-size: 50px; vertical-align: middle;} .login p strong img{margin-right:15px; vertical-align: baseline;} .login p span{display:inline-block; margin-top:20px; vertical-align: middle;} .login+p{margin-top: 20px;font-size:15px; text-align: center;} .login .inputBox{position: relative; top:0; left:0; width:535px; margin:30px auto; text-align: left;} .login .inputBox span{display: block;} .login .inputBox span+span{margin-top:10px;} .login .inputBox label{display: inline-block; width:75px; vertical-align: middle; font-size: 16px;} .login .inputBox input{width:300px;height:40px; border:1px solid #d0d0d0;} .login .inputBox button{display: block; position: absolute; top:0; right:0; width:150px; height:100%; background:#0e5493; color:#fff; font-size:20px; font-weight: 700; text-align:center; line-height: 90px;} .btn_border1 {width:160px; border:1px solid #303030; color:#303030;} .login .inputBox2{position: relative; top:0; left:0; width:535px; margin:30px auto; text-align: left;} .login .inputBox2 span{display: block;} .login .inputBox2 span+span{margin-top:10px;} .login .inputBox2 label{display: inline-block; width:75px; vertical-align: middle; font-size: 16px;} .login .inputBox2 input{width:300px;height:40px; border:1px solid #d0d0d0;} .login .inputBox2 button{display: block; position: absolute; top:0; right:0; width:150px; height:100%; background:#0e5493; color:#fff; font-size:20px; font-weight: 700; text-align:center; } /* 아이디 비밀번호 찾기 */ .find_info{padding:30px 0 30px 140px; border:10px solid #f3f3f3; background:url(../images/ico_find_pw.gif) no-repeat 50px center;} .find_info span{display: block;} .find_info span+span{margin-top:10px;} .find_info label{display: inline-block; width:100px; vertical-align: middle;} .find_info input{width:300px;height:40px; border:1px solid #d0d0d0;} .find_info strong{font-size:13px; font-weight:400; vertical-align: middle;} /* 사무국안내 */ .officeInfo li+li{margin-top:10px;} .officeInfo strong{display: inline-block;width:85px;} .google-map{margin-top:20px;} .traffic{position:relative; padding-left:120px;} .traffic img{position:absolute; top:0; left:0;} /* 센터주요업무 */ .center_work .work_box {width:230px;height:174px;background:url(../images/workbox1_bg.png) no-repeat 0 0;padding:25px;margin-left:20px;float:left;margin-bottom:20px;} .center_work .work_box p {font-weight:bold; color:#926517;font-size:28px;padding:15px 0 20px 130px;} .center_work .work_box strong {font-size:16px; color:#333;} /* 갤러리 */ .list_gallery{overflow:hidden;} .list_gallery a{display:block; float:left; width:215px;height:200px; margin:11px 0 11px 20px; border:1px solid #d0d0d0; text-align:center;} .list_gallery a .img{width:100%; height:210px; overflow:hidden;} .list_gallery a .img img{width:100%;min-height:140px; } .list_gallery a .txt{display:block; padding:15px 10px; font-size:15px; color:#2f2f2f;} .list_gallery a:nth-of-type(4n+1){margin-left:0;} /* 사이트맵 */ .siteMap {overflow: hidden;padding: 18px 0; } .siteMap > dl {float: left;width: 190px;margin-left: 14px;border:1px solid #eee;margin-top:10px;} .siteMap > dl > dt { background: #efefef;height:40px;text-align:center;line-height:40px;color:#936518;border:2px solid #d59b32;} .siteMap > dl > dd {padding: 5px 5px 10px 20px;} .siteMap > dl li {padding: 10px 0;} .siteMap > dl a {color: #666;} .login2{padding:30px 0; border:10px solid #ebf2fa; text-align: center;} .login2 p{width:590px; margin:0 auto; color:#356db6; font-size: 15px; line-height: 24px; text-align: left;} .login2 p strong{display:inline-block; font-size: 50px; vertical-align: middle;} .login2 p strong img{margin-right:15px; vertical-align: baseline;} .login2 p span{display:inline-block; margin-left:20px; vertical-align: middle;} .login2+p{margin-top: 20px;font-size:15px; text-align: center;} .login2 .inputBox{position: relative; top:0; left:0; width:535px; margin:30px auto; text-align: left;} .login2 .inputBox span{display: block;} .login2 .inputBox span+span{margin-top:10px;} .login2 .inputBox label{display: inline-block; width:75px; vertical-align: middle; font-size: 16px;} .login2 .inputBox input{width:250px;height:40px; border:1px solid #d0d0d0;} .login2 .inputBox a{display: block; position: absolute; top:0; right:0; width:150px; height:100%; background:#356db6; color:#fff; font-size:20px; font-weight: 700; text-align:center; line-height: 90px;} .m_scrollBox{width:100%; overflow-x:auto;} /* 임원 */ .tbl_executive{border-top:1px solid #000;font-size:14px;} .tbl_executive th{padding:15px 10px;border-bottom:1px solid #d0d0d0;vertical-align: middle;} .tbl_executive td{padding:15px 10px;border-bottom:1px solid #d0d0d0; letter-spacing: normal;} .tbl_executive td a {color:#2f2f2f;} .tbl_executive thead th{background:#f5f5f5; font-weight:400;} .tbl_executive tbody th{background:#f8f8f8; } .popup-gallery a img {margin-bottom:3px;} .tbl_agree{border-top:1px solid #757575;} .tbl_agree th{padding:15px 0 15px 20px; text-align: left; vertical-align: middle;} .tbl_agree td{padding:10px; line-height:150%;} /* 링크 */ .tbl_link{table-layout:fixed;border-top:1px solid #000;font-size:14px;} .tbl_link th{padding:15px 10px;border-bottom:1px solid #d0d0d0;vertical-align: middle;} .tbl_link td{padding:15px 10px;border-bottom:1px solid #d0d0d0; letter-spacing: normal;} .tbl_link td a {color:#2f2f2f;} .tbl_link thead th{background:#f5f5f5; font-weight:400;} .tbl_link tbody th{background:#f8f8f8; } .util .mo { display:none ; } .recentlyBoard_new {display:inline-block;width:552px; height:424px;margin-top:50px; } .mainMiddle_new { margin-bottom:30px; position:relative; z-index:10; } .mainMiddle_new .inner { } .box_board_new { display:inline-block; width:550px; height:277px; padding:40px 28px 0; position:relative; border:1px solid #e7e7e7; } .box_board_new .tit_board{ margin-bottom:35px; position:relative; font-size:30px; color:#111; font-weight:600;letter-spacing:-0.045em; } .box_board_new li { padding-left:11px; position:relative; background:url('../images/icon_board.png') left center no-repeat; line-height:32px;font-size:18px; color:#111;font-family: 'Noto Sans KR', sans-serif; } .box_board_new li a{ position:relative; padding-right:20px; display:block; font-size:18px; color:#111;font-family: 'Noto Sans KR', sans-serif; } .box_board_new li a img { vertical-align:middle; margin-left:5px; margin-top:-4px; } .box_board_new li a.new:after { content:''; width:15px; height:15px; position:absolute; right:0; top:10px; background:url('../images/ico_new.gif') no-repeat; } .box_board_new li .date { margin-right:10px; display:inline-block; font-size:15px; color:#436d98; } .box_board_new .btn_more{ position:absolute; top:45px; right:31px;} .box_board_new .btn_more img {position:relative; z-index:10;} .main_banner_new { width:100%; height:156px;border-top:1px solid #e8e8e9; padding:22px 0; } .main_banner_new .owl-carousel { padding:0 78px; width: 1070px;display: inline-block; } .main_banner_new .owl-carousel .item { display:inline-block;} .main_banner_new .owl-carousel .item a { display:inline-block; margin:8px 0;width:254px;height:60px;border:1px solid #dadada } .main_banner_new .owl-dots{display:none;} .main_banner_new .owl-nav{ margin:0; } .main_banner_new .owl-nav .owl-prev{position:absolute; top:50%; left:35px; width:12px ; height:20px ; margin:-10px 0 0; padding:0; background:url(../images/btn_banner_prev.png) no-repeat top left !important;font-size:0; text-indent:-999999px; } .main_banner_new .owl-nav .owl-prev:hover{background:url(../images/btn_banner_prev.png) no-repeat top left;} .main_banner_new .owl-nav .owl-next{position:absolute; top:50%; right:0px; width:12px ; height:20px ; margin:-10px 0 0; padding:0; background:url(../images/btn_banner_next.png) no-repeat top left !important;font-size:0; text-indent:-999999px; } /**/ .main_banner_new .owl-nav .owl-next:hover{background:url(../images/btn_banner_next.png) no-repeat top left;} .main_banner_new_spon {font-size:22px;color:#000;font-weight:600;font-family: 'Noto Sans KR', sans-serif;padding-top: 20px; display: inline-block;} .hot_issue {display:inline-block; width:618px; height:424px; ; background:#edf2f8 url(../images/hot_issue_bg.png) no-repeat 0 0; margin-left:25px;margin-top:50px;} .hot_issue .owl-carousel {position:relative;width:564px;height:300px;background:#fff;padding:20px;margin-top:112px;margin-left:28px;} .hot_issue .owl-carousel .item {display:block;width:100%;;height:260px; margin-bottom:10px;} .hot_issue .owl-carousel .item a {display:flex; align-items:center;;width:100%;;height:116px; } .hot_issue .owl-carousel .item hr {height:1px;width:100%; margin:15px 0;color:#f2f2f2 !important} .hot_issue .owl-carousel .item a img {display:block; width:122px; height:116px; margin-right:20px; flex-shrink:0; } .hot_issue .owl-carousel .item a span.hot_text {display:flex;align-items:center;;width:382px;height:116px; font-size:18px;color:#1a254c;font-weight:500;font-family: 'Noto Sans KR', sans-serif; ; } .hot_issue .owl-carousel.owl-drag .owl-item {width:524px ;} .hot_issue .owl-dots { position:absolute; right:15px; bottom:15px; line-height:1; } .hot_issue .owl-dots .owl-dot span { width:13px; height:13px; margin:0 0 0 3px; background:#fff; } .hot_issue .owl-dots .owl-dot.active span { background:#e21c0d; } .hot_issue .owl-dots{display:block;} .hot_issue .owl-nav{ margin:0; } .hot_issue .owl-nav .owl-prev{position:absolute; top:-20px; right:35px; width:25px; height:25px; margin:-10px 0 0; padding:0; background:url(../images/ico_prev.png) no-repeat 50% 50% !important;border:1px solid #a1a1a1 !important; font-size:0; text-indent:-999999px;} .hot_issue .owl-nav .owl-prev:hover{background:url(../images/ico_prev.png) no-repeat 50% 50%;} .hot_issue .owl-nav .owl-next{position:absolute; top:-20px; right:5px; width:25px; height:25px; margin:-10px 0 0; padding:0; background:url(../images/ico_next.png) no-repeat 50% 50% !important;border:1px solid #a1a1a1 !important; font-size:0; text-indent:-999999px;} .hot_issue .owl-nav .owl-next:hover{background:url(../images/ico_next.png) no-repeat 50% 50%;} .hot_issue .btn_more_hot{ position:absolute; top:100px; right:31px;} .hot_issue .btn_more_hot img {position:relative; z-index:10;} .mainQuick_new { width:410px; position:absolute; left:50%; top:0; z-index:20; margin-left:190px; } .mainQuick_new a { display:block; } .mainQuick_new a img { width:100%; } .mainQuick_new .mainQuick_new_mo {display:none;} .mainQuick_new .mainQuick_new_pc {display:block;} .mo {display:none} .pc {display:block} @media all and (max-width:1023px){/*tablet*/ body { min-width:auto; } /* html,body{position: fixed;} */ .util a+a:after { display:none; } /* header */ header { height:auto; } header:after { display:none; } header .inner{padding:13px 0;} header h1{display:block; text-align:center; line-height:1;} header h1 a{width:156px; height:31px; background:url(../images/logo.png) no-repeat; background-size:156px 31px; vertical-align:middle;} header .btn_openGnb{display: block; position:absolute; top:20px; left:20px; width:29px; height:22px; background:url(../images/ico_m_gnb.png) no-repeat top left; background-size:29px 22px; font-size:0; text-indent:-99999px;} .btnLanguage { right:20px; } .btnAllMenu { display:none; } .boxAllMenu { display:none !important; } #container .left, #container .right { width:100%; float:none; } .contents .left { margin:0; } /* common */ .inner{width:100%;} .mBox{padding:20px;} .mBox .btnArea{margin-left:0; margin-right:0;} .txt{margin:15px 0; font-size:15px; line-height:23px;} .box_img{margin:15px 0;} .box_border_list{padding:25px;} .innerImg span{display:block; margin-bottom:15px; text-align:center;} .innerImg span img{display:none;} .innerImg span .m{display:inline;} .innerImg p{display:block; width:100%; margin-left:0;} .tit_commandment{margin-top:20px !important;} .commandment{height:auto; padding:20px; background:none;} .commandment .bullet_round_blue{width:25px; height:25px; line-height:25px; font-size:15px;} .commandment .indent_list_bullet li{padding-left:30px; text-indent:-30px; font-size:15px; line-height: 21px;} .mainQuick { width:100%; position:relative; left:0; top:0; margin:0; } /* footer */ footer .f_logo{ display:none; } footer .inner{font-size:12px; padding:30px 20px; } footer address { line-height:1.4; } footer address span { display:block; margin-top:20px; } footer .info { display:block; color:#fff; font-style:italic; } .box_family { width:100%; position:relative; right:0; top:0; margin-bottom:15px; text-align:center; } .box_family .select { width:auto; height:30px; padding:0 33px; display:inline-block; font-size:14px; line-height:30px; } .box_family .select:after { width:17px; height:10px; right:0; top:50%; margin-top:-5px; background:url('../images/ico_family_site_m.png') no-repeat; background-size:100% auto; } .box_family ul { width:100%; bottom:30px; } .copyright { width:100%; position:relative; right:0; bottom:0; margin-bottom:30px; overflow:hidden; } .copyright a { width:50%; height:30px; font-size:14px; line-height:28px; } .footer_link { right:15px; top:28px; } body{width:100%; height:100%; min-width:100%; overflow-x:hidden; overflow-y:auto; -webkit-text-size-adjust:none; user-select: none;} /* gnb */ .menu{position:fixed; top:0; bottom:0; left:0; border-top:0; background:#0e5493; overflow-y:auto; z-index:1000; -webkit-overflow-scrolling: touch; z-index:200; -webkit-width:calc(100% - 60px); -moz-width:calc(100% - 60px); width:calc(100% - 60px); -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); -ms-transform:translateX(-100%); transform:translateX(-100%); } .menu .util{position:relative;top:0;right:0;background: #fff;} .menu .util a{padding:4px 8px; border:1px solid #414c8c; font-size:14px; color: #414c8c; letter-spacing: -0.01em; vertical-align: middle;} .menu .util a+a{margin-left:10px; font-size: 12px;} .menu .util .pc{display:none;} .menu .util .mo { display:inline-block; } .menu .util .myInfo{display:inline-block;padding:10px 0 10px 20px;vertical-align: middle;} .menu .util .myInfo img{display: inline-block;width:40px;height:40px;margin-right:10px;vertical-align: middle;} .menu .btn_openGnb{display: none;} .menu .gnb{margin-top:0; margin-right:0;} .menu .gnb>li{width:auto !important; float:none;border-bottom:1px solid #fff;} .menu .gnb>li+li{margin-left:0;} .menu .gnb>li>a{ height:50px; display: block;padding:0 20px; position:relative;margin:0;font-size:17px; color:#fefefe; text-align:left; line-height:50px;} .menu .gnb>li>a:after{content:"";display:inline-block;position: absolute;top:23px;right:20px;width:16px; height:9px;background:url(../images/ico_folded.png) no-repeat top left; background-size:16px 9px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; } .menu .gnb>li>a.is-opened { background:#dfecf5; border:1px solid #0e5493; color:#2c4474; } .menu .gnb>li>a.is-opened:after{ background:url(../images/ico_folded_active.png) no-repeat top left; background-size:16px 9px; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); } .menu .gnb>li+li>a{background:none;} .menu .gnb .depth02{display:none; position:relative; top:0; left:0;width:100%;margin:0; padding:0; border:0; background:#fff; box-shadow:none;} .menu .gnb .depth02 li+li{margin-top:0; border-top:1px solid #aaa} .menu .gnb .depth02 a{display: block;padding:16px 20px; font-size: 17px; color:#303030;line-height: 1;} .menu .gnb .depth02 a:hover { color:#303030; } .menu .gnb .last{right:inherit;} .menu .gnb .depth03{display:block; margin-top:0; border-top:1px solid #aaa; background:#f1f1f1;} .menu .gnb .depth03 li+li{border:0;} .btn_closeGnb{display: block; position:fixed; top:0; right:0; width:60px;height:60px;background:url(../images/m_close.gif) no-repeat top left;background-size:60px 60px;font-size:0;text-indent:-99999px;z-index:1000; -webkit-transform:translateX(100%); -moz-transform:translateX(100%); -ms-transform:translateX(100%); transform:translateX(100%); } .menu .gnb .depth02:after, .menu .gnb .depth02:before{display:none;} .menu .gnb>li:nth-child(2) .depth02, .menu .gnb>li:nth-child(3) .depth02 { width:auto; left:0; } /* contents */ section{overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling: touch;} section .left{float:none; width:auto; position:relative; z-index:10;} section .right{float:none;width:100%;} /* main */ .main_top { height:auto; } .main_top img.pc { display:none; } .main_top img.mo { display:block; } .main_top .inner { height:auto; } .main_top .visual_txt { width:100%; left:13.3vw; top:12.2vw; margin:0; padding:0; } .main_top .visual_txt h2 { font-size:6vw; } .main_top .visual_txt p { margin-top:2vw; font-size:2vw; line-height:1; } .main_top .visual_area { position:relative; } .main_top .visual_area > div img { width:100%; height:auto; position:relative; left:0; margin:0; } .main_top .btn_visual_prev { width:17px; height:30px; top:50%; left:20px; margin-top:-15px; background-size:17px auto; } .main_top .btn_visual_next { width:17px; height:30px; top:50%; right:20px; margin-top:-15px; background-size:17px auto; } /* 최신글 게시판 */ .mainMiddle { margin-bottom:0; } .recentlyBoard .sympo_banner { width:100%; height:auto; float:none; } .recentlyBoard .box_board { width:100%; float:none; border:0; } .recentlyBoard .box_board+.box_board { border-top:1px solid #e7e7e7; } .boxLink1 { width:100%; height:auto; position:relative; left:0; overflow:hidden; } .boxLink1 a { width:50%; height:auto; } .boxLink2 { width:100%; float:none; overflow:hidden; border-top:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2; } .boxLink2 a { width:33.3%; height:36vw; float:left; padding-left:0; background:#fff; border:0; line-height:18vw; font-size:17px; text-align:center; } .boxLink2 a:before { content:''; width:100%; height:18vw; position:relative; display:block; background-size:5.5vw; border-right:0; } .boxLink2 a+a { margin-top:0; border-left:1px solid #c2c2c2; } .main_banner { width:100%; padding:50px 0; float:none; } .main_banner .owl-carousel { padding:0 45px; } .main_banner .owl-carousel .item a { width:50%; float:left; padding:0 8px; } .main_banner .owl-dots{display:none;} .main_banner .owl-nav{ margin:0; } .main_banner .owl-nav .owl-prev{ left:20px; background-size:100% auto; } .main_banner .owl-nav .owl-next{ right:20px; background-size:100% auto; } .mainInfomation { margin-bottom:0; } /* lnb */ .lnb{margin-bottom:0; padding:15px 0; width:100%; position:absolute; left:0; top:0; display:none; background:#0f2c5e;} .lnb>li { position:relative; border:0; } .lnb>li:after { content:''; width:19px; height:18px; position:absolute; right:20px; top:50%; margin-top:-9px; background:url(../images/ico_m_lnb.png) no-repeat; background-size:19px 18px; } .lnb>li>a { font-size:22px; padding:12px 50px 13px 19px; color:#fff; } .lnb>li>a:after { display:none; } .lnb .is-selected { border:0; background:none; } .lnb .is-selected:after { background:url(../images/ico_m_lnb_on.png) no-repeat; background-size:19px 18px; } .lnb .is-selected>a { color:#fff888; } /* contents title */ .box_tit{ display:none; } .contents .left h2 { display:none; } .contents .right{margin-bottom:27px; padding:0; position:relative; z-index:1;} .contentsTop { border:0; } .contentsTop h3 { height:50px; margin-bottom:0; text-align:center; line-height:50px; color:#fff; font-size:22px; background:#0e5493; font-weight:normal; } .contentsTop .location { display:none; } .contWrap { padding:20px 18px; } .infoTop { padding:27px 0;background:url(../images/bg_greeting_m.jpg) repeat 0 0 ; width:100%;height:auto; } .infoTop .left { float:none; margin-bottom:32px; text-align:center; } .infoTop .left img { width:150px; } .infoTop .right { margin:0; text-align:center;padding:10px; } .infoTop .right strong { font-size:20px;line-height:1.5em; } .infoTop .right p { font-size:17px; } .infoTop2026 {height:400px;background-position:100% 80px;display:flex;background-size:cover;} .infoTop2026 .left {width:32%;padding: 20px 0 0 0;} .infoTop2026 .right {width:68%; width:auto; margin-left:20px; padding: 100px 10px 0 0; } .infoTop2026 .right .insa2026_1 { margin-bottom:25px; font-size:26px; } .infoTop2026 .right .insa2026_2 {font-size:26px; } .infoTop2026 .right p.insa2026_3 { font-size:20px; } .infoKpns{width:100%; height:auto; margin-bottom:30px; } .infoKpns:after { content:''; clear:both; display:block; } .infoKpns .left { width:100%; margin:0; padding:0 20px; } .infoKpns .left img {width:150px;} .infoKpns .right { width:auto;margin-left:0; margin-top:50px; padding: 0 0; float:none; } .infoKpns .right strong { display:block; margin-bottom:25px; font-family:"Nanum Myeongjo", serif; color:#609bd0; font-size:28px; line-height:1.5em; } .infoKpns .right strong b { font-family:"Nanum Myeongjo", serif; color:#2b2b2b; } .infoKpns .right p { font-size:17px; color:#2f2f2f;font-family:'Noto Sans KR', sans-serif; line-height:1.6em;font-weight:none; } span.impact {font-weight:bold;text-decoration:underline;color:#609bd0;} .tit_bar_blue{margin-top:20px;} .infoCont { font-size:15px; line-height:1.6em; } .contTab { height:48px; margin-bottom:20px; } .contTab ul { width:100%; position:absolute; left:0; top:0; } .contTab li { width:100%; position:relative; float:none; margin-left:0; border:1px solid #a8a8a8; background:#e9e9e9;} .contTab li.on:after { content:''; width:16px; height:9px; position:absolute; right:6.25%; top:50%; margin-top:-4px; background:url(../images/ico_folded.png) no-repeat; background-size:16px 8px; } h4.dot { margin-bottom:10px; } .tableBasic th, .tableBasic td { padding:8px; } .quick_banner{ display:block; padding:20px 20px 0;} .quick_banner .inner { padding:0 20px; } .quick_banner .owl-carousel .owl-item{text-align:center;} .quick_banner .owl-carousel .owl-item img{display:inline-block;width:80% !important;} .quick_banner .owl-dots{display:none;} .quick_banner .owl-nav{margin:0;} .quick_banner .owl-nav .owl-prev{position:absolute; top:50%; left:-20px; width:8px; height:14px; margin:-7px 0 0; padding:0; background:url(../images/btn_banner_prev.png) no-repeat top left; background-size:8px 14px; font-size:0; text-indent:-999999px;} .quick_banner .owl-nav .owl-prev:hover{background-image:url(../images/btn_banner_prev.png);} .quick_banner .owl-nav .owl-next{position:absolute; top:50%; right:-20px; width:8px; height:14px; margin:-7px 0 0; padding:0; background:url(../images/btn_banner_next.png) no-repeat top left; background-size:8px 14px; font-size:0; text-indent:-999999px;} .quick_banner .owl-nav .owl-next:hover{background-image:url(../images/btn_banner_next.png);} .tit_bar_blue{margin-top:20px;} /* 이후 추가 */ /* 갤러리 */ .list_gallery a{width:100%; min-height:300px; margin:11px 0 ;} .list_gallery a .img{overflow:hidden;} .list_gallery a .txt {padding:0;} /* 댓글 */ .tbl_reply td{padding:20px 0; border-bottom:1px solid #d0d0d0;} .tbl_reply .userImage{background-position:-320px -130px;} .tbl_reply .btns{position:absolute; top:50px; right:0; width:80px; text-align:center;} .tbl_reply .btn_modify{background-position:-180px -80px;} .tbl_reply .btn_del{background-position:-160px -80px;} /* 회원 검색 */ .memberSearch{padding:30px 100px;} /* 회원가입 */ .tab_joinstep{margin:10px 0 0 0; overflow: hidden;} .tab_joinstep li{width:33.3333%;padding:10px 5px;border-width:2px; font-size:14px; height: 120px;} .tab_joinstep li+li{margin-left:0;} .tab_joinstep li+li:before{display: none;} .tab_joinstep li strong{font-weight:normal;} /* 회원가입 약관동의 */ .box_terms pre{height:150px; padding:20px; font-size:14px;} .box_terms span label+input{margin-left:30px;} .box_terms+.bulletBox{margin-top:20px;} /* table - member */ .tbl_member th{padding:15px 0 15px 10px;} .tbl_member td{padding:5px;} .tbl_member td select,.tbl_member td input[type="text"],.tbl_member td input[type="password"]{height:30px;} .tbl_member .btn_black{height:30px;padding:0 9px;font-size: 14px;line-height: 30px;} .tbl_member .btn_red2{height:30px;padding:0 9px;font-size: 14px;line-height: 30px;} .calendar_tab{margin-top:20px;} /* 아이디 비밀번호 찾기 */ .find_info strong{display:block;margin-left:105px; margin-top:5px;} /* 회원탈퇴 */ .withdrawal{padding:30px;} /* .mainQuick {width: 100%;position: absolute;left: 0;top: 300px;z-index: 20;;} */ .recentlyBoard_new {margin: 10px; width: calc(100% - 20px); padding:0;margin-top:20px;height:auto;} .box_board_new{width:100%;} .box_quickmenu {display:none;} .box_quickmenu_mo { display:block;width:100%;height:auto;margin-top:30px; } .box_quickmenu_mo a { width:30%;height:116px; position:relative; display:inline-block; border:1px solid #c2c2c2; line-height:156px; font-size:18px; color:#111;text-align:center;font-weight:600; font-family: 'Noto Sans KR', sans-serif;} .box_quickmenu_mo a:nth-child(1) { background:#e4f2ff url('../images/main_quick_n1.png') no-repeat 50% 30%;color:#2766a1 } .box_quickmenu_mo a:nth-child(2) { background:#e0f4fb url('../images/main_quick_n2.png') no-repeat 50% 30%;color:#2c7e9b } .box_quickmenu_mo a:nth-child(3) { background:#fff6e7 url('../images/main_quick_n3.png') no-repeat 50% 30%;color:#a37831 } .box_quickmenu_mo a+a { margin-left:24px; } .mainQuick_new .mainQuick_new_pc {display:none;} .mainQuick_new .mainQuick_new_mo {display:block;} .mainQuick_new { width:100%; position:relative; left:0; top:10px; z-index:20; margin-left:0; } .mainQuick_new a { display:block; } .mainQuick_new a img { width:100%; } .hot_issue {margin:10px;width: calc(100% - 20px);; height: auto; margin-top:20px;background-size: contain;padding: 10px;background:#edf2f8 url(../images/hot_issue_bg_m.png) no-repeat 0 0; } .hot_issue .owl-carousel { width:100%;box-sizing:border-box;padding:10px; height: auto; margin-left: 0px; } .hot_issue .owl-carousel .item { width: 100%; } .hot_issue .owl-carousel .item a img { width:100px; height:116px; flex-shrink:0;} .hot_issue .owl-carousel .item a span.hot_text { flex:1; width:auto; font-size:14px;overflow:hidden; text-overflow:ellipsis;} .hot_issue .owl-carousel .item a {display:flex; width:100%;} .hot_issue .owl-nav .owl-prev{top:-20px; right:55px; ;} .hot_issue .owl-nav .owl-next{top:-20px; right:25px; } .pc {display:none} .mo {display:block} .box_quickmenu { width: 100%; height: auto; margin-top: 0;padding:10px;} .box_quickmenu a{ width: 100%; margin-bottom:10px;font-size:15px;} .box_quickmenu a+a { margin-left: 0} .main_banner_new_spon {margin:-20px 0 10px 10px;font-size:16px} .main_banner_new .owl-nav .owl-prev {margin-left:0;left:0} .main_banner_new .owl-carousel { padding: 0 40px; width:100%;} .main_banner_new .owl-carousel img {width:230px;} .main_banner_new .owl-carousel .item a {width:230px;border:0} .box_board_new .btn_more { position: absolute; top: 45px; left: 93%;} .hot_issue .btn_more_hot { position: relative; top: 30px; left: 95%;} .hot_issue .btn_more_hot img { position: relative; z-index:10} } @media all and (max-width:767px){/*mobile*/ footer .inner{padding:20px} footer .f_logo{position:relative; top:0; left:0; margin-bottom:10px;} footer address{margin-top:0;} .tit_bar_blue{padding:5px 5px 5px 35px;font-size:15px;} .box_img img{display:none;} .box_img .m{display:inline;} .box_border_list{padding:15px;} /* button */ .btn{font-size:16px;} .btn1 {/* width:100px; */ height:40px font-size:14px; vertical-align:middle border:1px solid #2c4474; } .btnArea{margin-top:15px;} .btnArea.center{margin-left:0; margin-right:0;} .btnArea.center .btn{width:120px;} .btnArea.center .btn+.btn{margin-left:15px;} .box_content .box_top_tit { padding:16px 0; } .w50m100 {width:100% !important;} .w45m100 {width:100% !important;} .buttonArea.center .buttonSt+.buttonSt {margin-left: 0px;} /* 이후 추가 */ /* 학술행사 */ .eventInfo_box { background:none;height:150px; margin-top:20px; padding:15px; border:1px solid #dfa330; } .eventInfo_box dt{margin-bottom:10px; font-size:18px;} .eventInfo_box dd{font-size:14px;} .box_search{position:relative;float:none;margin-bottom:0;padding:0;overflow: hidden;} .box_search input{float: none;width:100% !important;} .box_search a{position:absolute; top:0; right:0;float: none;} .event_selectUI {width:100% ! important;} /* dl_list */ .dl_list dl { width:100%; } .dl_list dl.ml30 { margin-left:0; } /* table - common */ .tbl,.tbl>thead,.tbl>tbody, .tbl>thead>tr,.tbl>tbody>tr,.tbl>tr, .tbl>thead>tr>th,.tbl>tr>th, .tbl>thead>tr>td,.tbl>tbody>tr>td,.tbl>tr>td{display: block;} .tbl{font-size:15px;} .tbl th,.tbl td{border:0;/* display: block; */} /* table - list */ .m_tbl_notice{border-top:1px solid #d0d0d0;} .m_tbl_notice thead{display: none;} .m_tbl_notice tr{padding:20px; border-bottom:1px solid #d0d0d0;} .m_tbl_notice td{display:inline-block;margin-right:10px;padding:0; text-align:left;color:#9e9e9e;} .m_tbl_notice .tit{display: block; margin:0 0 7px 0; color:#2f2f2f;} .m_tbl_notice td:nth-of-type(1), .m_tbl_notice td:nth-of-type(3), .m_tbl_notice td:nth-of-type(5),.m_tbl_notice td:nth-of-type(7){display:none;} .m_tbl_notice td.nodata{display:block;margin:0;text-align:center;} .m_thesis td:nth-of-type(5){display:none;} .board_count{display: none;} .m_tbl_member thead{display:none;} .m_tbl_member tr{position:relative;padding:10px 20px 10px 85px; border-bottom:1px solid #d0d0d0;} .m_tbl_member td{padding:2px 0;text-align: left;} .m_tbl_member .num{position:absolute; top:0; left:0; width:85px; text-align:center; line-height: 110px;} .m_tbl_board{border-top:1px solid #d0d0d0;} .m_tbl_board thead{display: none;} .m_tbl_board tr{padding:20px; border-bottom:1px solid #d0d0d0;} .m_tbl_board td{display:inline-block;margin-right:10px;padding:0; text-align:left;color:#9e9e9e;} .m_tbl_board .tit{display: block; margin:0 0 7px 0; color:#2f2f2f;} .m_tbl_board td:nth-of-type(1), .m_tbl_board td:nth-of-type(3), .m_tbl_board td:nth-of-type(5), .m_tbl_board td:nth-of-type(7){display:none;} .m_tbl_board td.nodata{display:block;margin:0;text-align:center;} .m_tbl_board2{border-top:1px solid #d0d0d0;} .m_tbl_board2 thead{display: none;} .m_tbl_board2 tr{padding:20px; border-bottom:1px solid #d0d0d0;} .m_tbl_board2 td{display:inline-block;margin-right:10px;padding:0; text-align:left;color:#9e9e9e;} .m_tbl_board2 .tit{display: block; margin:0 0 7px 0; color:#2f2f2f;} .m_tbl_board2 td:nth-of-type(1), .m_tbl_board2 td:nth-of-type(4), .m_tbl_board2 td:nth-of-type(5),.m_tbl_board2 td:nth-of-type(7){display:none;} .m_tbl_board2 td.nodata{display:block;margin:0;text-align:center;} /* table - view */ /* .tbl_view{table-layout: fixed;} */ .tbl_view th{border-bottom:1px solid #d0d0d0; font-size:15px;display: inline-block;width: 100% !important;} .tbl_view th strong{font-size:17px;} .tbl_view td{padding:15px 20px; border-bottom:1px solid #d0d0d0; font-size:15px;} .tbl_view .files a{display: block;} .tbl_view .files li+li{margin-top:10px;} .tbl_view .files .file:after{width:16px;height:13px;background-size:195px 195px;background-position: -105px -35px;} /* table - write */ .tbl_write tr{overflow: hidden;} .tbl_write th{float:left;width:30%;height:58px;padding:5px 0 0 7px;border-bottom: 1px solid #d0d0d0;text-align: left;} .tbl_write td{float:left;width:70%;height:58px;padding:5px 7px;border-bottom: 1px solid #d0d0d0;} .tbl_write td select,.tbl_write td input[type="text"],.tbl_write td input[type="password"]{height:37px;} .tbl_write .box_editor{width:100%;height:auto;padding:20px;} .tbl_write .innerTable{width:100%;height:auto;} .tbl_write .innerTable th{float:none;width:34%;height:auto;padding:10px 0 10px 20px;} .tbl_write .innerTable td{float:none;width:66%;height:auto;padding:10px;} .tbl_write .innerTable span{margin:5px 0;} .tbl_write .innerTable .w300{width:80% !important;} .tbl_write td.tdtitle {width:100%;background:#f4f4f4;border-top:1px solid #757575;text-align:center;display:block;} .addFile .files{float:none; width:100%;} .addFile .btn_del_file{display:inline-block;float:none; width:100%; padding:5px 0;} .addFile .files+.btn_del_file{border-left:1px solid #d0d0d0;} .chk_onoff label{display:inline-block; position:relative; width:110px; height:37px; padding:2px; border:1px solid #d0d0d0; border-radius:20px; z-index:1;} .chk_onoff label:before{width:40px; margin-left:0; line-height: 31px; font-size:13px; } .chk_onoff label:after{top:2px; left:41px; width:65px; height:31px; border-radius:20px;font-size:13px;line-height: 31px;} .chk_onoff input:checked+label:after{content:"ON";left:2px; background:#fa610e;} .chk_onoff input:checked+label:before{content:"OFF"; margin-left:62px;} /* table - standard */ .tbl_fix col:nth-of-type(1){width:28% !important;} .tbl_fix select{width:100%;} .tbl_agree{border-top:0; border-bottom:1px solid #d0d0d0;} .tbl_agree th{border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0;font-size:14px; display: block; width: 100%;} .tbl_agree td{font-size:14px;} /* button */ .btn1{font-size:15px;} .btnArea1{margin-top:15px;margin-bottom: 5px;} .btnArea1 .btn+.btn{margin-left:15px;} .btnArea1.center{margin-left:0; margin-right:0;} .btnArea1.center .btn{width:120px;} .btnArea1.center .btn+.btn{margin-left:15px;} .btnPaging1{float:none; margin-top:10px;} .btnPaging1+.pagingWrap{margin-top:15px;} /* paging */ .pagingWrap1{margin-top:15px;} .paging1 a{width:30px; height:30px; font-size:14px; line-height:28px;} .paging1 a img{margin-top:10px;} /* 댓글 */ .box_reply{padding:0 20px;} .box_reply .id{padding:10px;} .box_reply .box_write{padding-right:0;} .box_reply .box_write textarea{height:90px;} .box_reply .box_write button{position:relative; top:0; right:0; width:100%; height:auto; border:1px solid #d0d0d0; border-left:1px solid #d0d0d0; border-top:0; line-height: 30px;} .tbl_reply .reply{padding-top:10px;padding-left:10px;padding-right:0;} .tbl_reply td{padding:10px 0;} .tbl_reply .reply strong{font-size:15px; color:#356db6;} .tbl_reply .reply p{font-size:14px;} .tbl_reply .btns{position:relative; top:0; right:0; width:100%; margin-top:10px; text-align:left;} /* 가입완료 */ .complateJoin div{width:100%; margin:0 auto 20px auto; padding:10px 0; text-align:center;} .complateJoin>strong{font-size:25px; color:#356db6;} /* login */ .login{padding:35px 0; border:5px solid #ebf2fa;} .login p{width:100%; font-size: 13px; line-height: 19px;text-align:center; padding: 0 10px;} .login p strong{display:block; margin-bottom:15px; font-size: 40px; text-align:center; line-height:1;} .login p strong img{display:none;} .login p span{margin-left:0;} .login+p{margin: 10px;font-size:14px; text-align:left;} .login .inputBox{position: relative; top:0; left:0; width:275px; margin:20px auto; text-align: left;} .login .inputBox span{display: block;padding: 0 10px;} .login .inputBox span+span{margin-top:10px;} .login .inputBox label{width:77px; font-size: 14px;} .login .inputBox input{width:168px;} .login .inputBox button{position: relative; width:90%; height:50px; margin-top:20px; line-height: 50px; margin: 10px auto;} .login .inputBox a{position: relative; width:90%; height:50px; margin-top:20px; line-height: 50px; margin: 10px auto;} .btn_border1{width:135px; font-size:13px;} .login .inputBox2{position: relative; top:0; left:0; width:275px; margin:20px auto; text-align: left;} .login .inputBox2 span{display: block;padding: 0 10px;} .login .inputBox2 span+span{margin-top:10px;} .login .inputBox2 label{width:77px; font-size: 14px;} .login .inputBox2 input{width:168px;} .login .inputBox2 button{position: relative; width:90%; height:50px; margin-top:20px; line-height: 50px; margin: 10px auto;} .login .inputBox2 a{position: relative; width:90%; height:50px; margin-top:20px; line-height: 50px; margin: 10px auto;} /* 아이디 비밀번호 찾기 */ .find_info{padding:20px; background:none;} .find_info span{position:relative; padding-left:85px;} .find_info span+span{margin-top:10px;} .find_info label{position:absolute; top:10px; left:0; width:85px;} .find_info input{width:100%;} .find_info strong{margin-left:0;} /* 행사일정 */ .tbl_event thead{display:none;} .tbl_event tr{position:relative; padding-bottom:15px; border-bottom:1px solid #d0d0d0;} .tbl_event td{padding:0 15px; font-size:15px;} .tbl_event .month{padding:1px 0; } .tbl_event .nodata{padding:1px 0;} .tbl_event .tit{padding: 15px 5px 15px 10px; color:#2f2f2f;} .tbl_event .tbl_btn{position:absolute; bottom:20px; right:0px; padding:0;} .ico_list:before {background:none;width:0;margin-right:0;} .ico_calendar:before {background:none;width:0;margin-right:0;} .calendar_tab .btnArea a {padding:0 10px;} .event_txt_box1 {margin-top:-10px !important;} /* tab dropdown */ .dropdown{position:relative; height:46px; overflow: visible; z-index:1} .dropdown ul{position: absolute;; top:46px; width:100%; overflow: visible;} .dropdown li{float:none; width:100%;} .dropdown li+li{margin-left:0;} .dropdown a{width:100%; height:auto; padding:15px 0; border-bottom:0px solid #ccc; border-top:0; line-height:100%; font-size:14px;background: #f3f3f3;} .dropdown .is-selected{position:absolute; top:-46px; left:0;} .dropdown .is-selected a{border:0px solid #006fb5; border-bottom:0px solid #006fb5; background:#484848 url(../images/ico_closed_lnb.png) no-repeat 95% 50%; color:#fff;} /* .dropdown .is-selected:after{content:""; position:absolute; top:15px; right:10px; width:22px; height:14px; background:url(../images/ico_closed_lnb.png) no-repeat top left; background-size:22px 14px;} */ .dropdown li:not(.is-selected){display:none;} .dropdown .is-opended li:not(.is-selected){display: block;} .dropdown .is-opended .is-selected:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);} .dropdown_event{position:relative; height:46px; overflow: visible; z-index:1} .dropdown_event ul{position: absolute;; top:46px; width:100%; overflow: visible;} .dropdown_event li{float:none; width:100%;} .dropdown_event li+li{margin-left:0;} .dropdown_event a{width:100%; height:auto; padding:15px 0; border-bottom:1px solid #ccc; border-top:0; line-height:100%; font-size:14px;} .dropdown_event .is-selected{position:absolute; top:-46px; left:0;} .dropdown_event .is-selected a{border:1px solid #006fb5; border-bottom:1px solid #006fb5; background:#006fb5; color:#fff;} .dropdown_event .is-selected:after{content:""; position:absolute; top:15px; right:10px; width:22px; height:14px; background:url(../images/ico_closed_lnb.png) no-repeat top left; background-size:22px 14px;} .dropdown_event li:not(.is-selected){display:none;} .dropdown_event .is-opended li:not(.is-selected){display: block;} .dropdown_event .is-opended .is-selected:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);} /* 회원 검색 */ .memberSearch{margin-bottom:15px; padding:20px; border:4px solid #ebf2fa; text-align: center;} .memberSearch p{margin-bottom:10px; padding-left:0; background:none; font-size:15px; text-align: left} .memberSearch p strong{font-size:18px; font-weight: normal;} .memberSearch input{width:100%; height:35px; margin-right:0; margin-bottom:10px;} .memberSearch .btn{width:120px;} .bottom_search{margin-top:20px; overflow: hidden;} .bottom_search .box_search{display:block;float:none;} .bottom_search .box_search input{width:100%; font-size:12px;} .bottom_search .btnArea{display:block;float:none; margin:0 20px;} .box_search{position:relative;float:none;margin-bottom:0;padding:0;overflow: hidden;} .box_search input{float: none;width:100% !important;} .box_search a{position:absolute; top:0; right:0;float: none;} .box_search button {position:absolute; top:0; right:0;float: none;} /* login2 */ .login2 {width:100%} .login2 p span.txt {display:inline-block; margin-left:20px; vertical-align: middle; } .login2 .inputBox span {margin-left:20px;} .login2 .inputBox input{width:150px;height:40px; border:1px solid #d0d0d0;} .login2 .inputBox a{display: block; position: absolute; top:0; left:250px; width:150px; height:100%; background:#356db6; color:#fff; font-size:20px; font-weight: 700; text-align:center; line-height: 90px;} /* 학술행사 연혁 */ .tbl_history{border-top:1px solid #d0d0d0;margin-top:30px;} .tbl_history tr{padding:15px 20px; border-bottom:1px solid #d0d0d0;} .tbl_history td{padding:0;} .tbl_history td dt{margin-bottom:7px;} .tbl_history td dd{font-size:15px;line-height: 140%;} .tbl_history .tbl_btn{margin-top:1px;} .tbl_history .tbl_btn a{width:80px; margin:0 0 0 5px; font-size:14px;} .tbl_member td select,.tbl_member td input[type="text"],.tbl_member td input[type="password"]{width: 100%;} .InfoSign {width:100%; margin-bottom:30px; background:#ebf2f7 url(../images/img_reginfo.png)no-repeat 110% 110% ;padding:25px;} .InfoSign strong { display:block;font-family:"Noto Sans KR", sans-serif; color:#1c2244; font-size:18px; padding:0 0;} .InfoSign p { font-size:16px; color:#204c89;font-family:'Noto Sans KR', sans-serif;padding:0 0; } .infoKpns .right strong b {font-size:28px;letter-spacing: -0.16em;} .infoKpns .right p {font-size:15px; font-family: 'Malgun Gothic','맑은 고딕','Noto Sans KR', sans-serif;} .infoTop2026 {flex-direction: column; align-items: center; justify-content: center; min-height: 520px;} .infoTop2026 .left {width:100%;} .infoTop2026 .left img {} .infoTop2026 .right {width:100%; display:inline-block;width:auto; margin-left:20px; padding: 20px 0 0 0; } .infoTop2026 .right .insa2026_1 {font-size:20px;} .infoTop2026 .right .insa2026_2 {font-size:20px;} .infoTop2026 .right p.insa2026_3 {font-size:16px;} } @media all and (max-width:480px) { .login2 .inputBox a { display: block;width: 150px;height: 70px; line-height: 70px; margin: 20px auto;position:relative;left:0px} .login2 .inputBox {width:90%;} .login2 .inputBox input {width:90%;} .login2 .inputBox span {margin-left:10px;} /* .login2 p span { margin-left: 20px; width:300px; } */ .login2 p {width:100%;} .login2 p span img {display:none;} .login2 p span.txt {display:block; margin:10px; } } #calendar table.calendar caption{display:none;} #popup{padding:20px;}