@import url('lifeway_style2.css'); @font-face{ font-family:"NanumSquareR"; src:url('fonts/NanumSquareR.eot'); src:url('fonts/NanumSquareRd41d.eot?#iefix') format('embedded-opentype'), url('fonts/NanumSquareR.woff') format('woff'), url('fonts/NanumSquareR.ttf') format('truetype'); src:local('?'), url('fonts/NanumSquareR.woff') format('woff'); } @font-face{ font-family:"NanumSquareB"; src:url('fonts/NanumSquareB.eot'); src:url('fonts/NanumSquareBd41d.eot?#iefix') format('embedded-opentype'), url('fonts/NanumSquareB.woff') format('woff'), url('fonts/NanumSquareB.ttf') format('truetype'); src:local('?'), url('fonts/NanumSquareB.woff') format('woff'); } *{margin:0; padding:0} html{width:100%; height:100%} body{position:relative; font-size:14px; font-family:'맑은고딕', 'Malgun Gothic'; color:#777; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%;} body.main{background:none;} body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td{margin:0; padding:0} ul,ol,li{list-style:none; } /* img, fieldset{border:none; vertical-align:top}*/ legend, caption{display:none} textarea, button{vertical-align:middle} button{cursor:pointer;border:none;overflow:visible;} input, select{height:24px; vertical-align:middle; background:#fff; border:1px solid #e3e3e3; color:#777;} input,option{padding:3px} select{height:32px; padding:2px} textarea{padding:3px; vertical-align:middle; background:#fff; border:1px solid #ddd; color:#777; font-size:13px;} .checkbox{padding:0; border:0} .disNone{display:none} a{text-decoration:none; color:#777} a:hover, a:focus, a:active{text-decoration:none;} table{width:100%; border-collapse:collapse} table th{font-weight:normal} strong{font-weight:normal} map area{outline:none;} button{margin:0; padding:0; background:none; font-size:14px; color:#777; word-break:break-all;} input[type="password"]{font-family:dotum,"돋움",sans-serif !important;} input[type="radio"]:focus{outline:1px dotted #888;} ::-webkit-input-placeholder {color:#fada3c;} :-moz-placeholder {color:#fada3c; opacity:1;} ::-moz-placeholder {color:#fada3c; opacity:1;} :-ms-input-placeholder {color:#fada3c;} :placeholder-shown {color:#fada3c;} .clearB{clear:both} /* 간격 */ .mt5{margin-top:5px !important} .mt10{margin-top:10px !important} .mt15{margin-top:15px !important} .mt20{margin-top:20px !important} .mt25{margin-top:25px !important} .mt30{margin-top:30px !important} .mt35{margin-top:35px !important} .mt40{margin-top:40px !important} .mt45{margin-top:45px !important} .mt50{margin-top:50px !important} .mt55{margin-top:55px !important} .mt60{margin-top:60px !important} .mt80{margin-top:80px !important} .ml10 {margin-left:10px !important;} .mt100{margin-top:10px !important}/* //2016-11-16 추가 */ /* 정렬 */ .taC{text-align:center !important} .taR{text-align:right !important} .taL{text-align:left !important} .pBox {position:relative; overflow:hidden; width:100% !important} .pBox2 {position:relative; width:100% !important} .addBt{position:absolute; bottom:-65px; left:0;} .topR{position:absolute; top:-45px; right:0;} /* 버튼 */ .red{color:#d82227 !important} .btn333{display:inline-block; background:#333; color:#fff; padding:8px 20px 7px; vertical-align:middle} .btn333two{display:inline-block; padding:8px 20px; border:1px solid #333; background:#333; background-size:1px 33px; color:#fff; font-weight:normal;} .btnRed{display:inline-block; background:#fada3c; color:#fff; width:100px; height:40px; line-height:40px; text-align:center; font-weight:normal; vertical-align:middle} .btnRed.wide{width:auto; padding:0 20px;} .btnRed2{display:inline-block; border:1px solid #fada3c; background:#fff; color:#000000; width:98px; height:38px; line-height:40px; text-align:center; font-weight:normal; vertical-align:middle} .btnGry{display:inline-block; background:#666; color:#fff; width:100px; height:40px; line-height:40px; text-align:center; font-weight:normal; vertical-align:middle} .whtBt{display:inline-block; background:#fff; color:#333; font-weight:normal; padding:7px 20px; border:1px solid #bdbdbd} .whtBt2{display:inline-block; width:80px; height:42px; line-height:42px; background:#fff; color:#555; font-size:16px; border:1px solid #bfbfbf; border-radius:2px; text-align:center} .whtBt3{display:inline-block; padding:8px 20px; border:1px solid #bfbfbf; background:url('../images/icon/btn_fffbg.gif') repeat-x 0 0; background-size:1px 33px; color:#333; font-weight:normal;} .srchBt{display:inline-block; width:79px; height:32px; background:#1c4ea0; line-height:32px; color:#fff; font-size:13px; text-align:center} .srchBt span{padding-left:20px; background:url('../images/icon/srch_icon.png') no-repeat 0 center; background-size:15px; line-height:32px;} .situ1{display:inline-block; padding:0 20px; height:26px; line-height:26px; background:#fada3c; color:#fff; font-size:13px; border-radius:13px; text-align:center; font-weight:normal;} .state1{display:inline-block; width:68px; height:24px; background:#ffd000; line-height:24px; color:#333; font-size:13px; border-radius:12px; text-align:center} .state2{display:inline-block; width:68px; height:24px; background:#57d3fe; line-height:24px; color:#333; font-size:13px; border-radius:12px; text-align:center} .state3{display:inline-block; width:68px; height:24px; background:#dfdfdf; line-height:24px; color:#333; font-size:13px; border-radius:12px; text-align:center} .bg_0c4 {color:#0c4da0;} .tipTxt{font-size:16px; padding:8px 0 8px 45px; background:url('../images/icon/tip_icon.png') no-repeat 0 center; color:#333;} .dotTxt{padding:0 0 5px 10px; background:url('../images/icon/dot3x3.gif') no-repeat 0 8px; background-size:3px; color:#777; line-height:24px;} /* GNB - 메인 */ #headerwrap {width:100%; z-index:10000;} #headerwrap .gnb {position:relative; width:100%; height:30px; margin:0 auto; border-bottom:solid 1px #dfdfdf; background-color:#f7f7f7;} #headerwrap .gnb .g_center{position:relative; width:986px;height:30px; border-bottom:solid 1px #dfdfdf; background-color:#f7f7f7; margin:0 auto} #headerwrap .gnb .g_center ul.left_m{position:absolute; left:-175px; width:606px;height:30px; } #headerwrap .gnb .g_center ul.left_m li{ float:left; border-right:solid 1px #dfdfdf;height:30px; padding:0 0; } #headerwrap .gnb .g_center ul.left_m li.line{border-left:solid 1px #dfdfdf;} #headerwrap .gnb .g_center ul.left_m li.sns1{ background:url(http://www.gamjauhak.com/new_img/main2016/sprite_gnb_2016.png) no-repeat scroll 0px 0px; width:31px; height:30px; background-color: #e68578;}/*감자유학*/ #headerwrap .gnb .g_center ul.left_m li.sns2{ background:url(http://www.gamjauhak.com/new_img/main2016/sprite_gnb_2016.png) no-repeat scroll -31px 0px; width:31px; height:30px; background-color: #e68578;}/*감자유학*/ #headerwrap .gnb .g_center ul.left_m li.sns3{ background:url(http://www.gamjauhak.com/new_img/main2016/sprite_gnb_2016.png) no-repeat scroll -61px 0px; width:31px; height:30px; background-color: #e68578;}/*감자유학*/ #headerwrap .gnb .g_center ul.left_m li.sns4{ background:url(http://www.gamjauhak.com/new_img/main2016/sprite_gnb_2016.png) no-repeat scroll -91px 0px; width:31px; height:30px;background-color: #e68578;}/*감자유학*/ #headerwrap .gnb .g_center ul.left_m li.sns5{ background:url(http://www.gamjauhak.com/new_img/main2016/sprite_gnb_2016.png) no-repeat scroll -123px 0px; width:31px; height:30px;background-color: #e68578;}/*감자유학*/ #headerwrap .gnb .g_center ul.left_m li.f1{ background:url(http://www.gamjauhak.com/new_img/main2016/sprite_gnb_2016.png) no-repeat scroll -158px 0px; width:66px; height:30px;}/*감자유학*/ #headerwrap .gnb .g_center ul.left_m li.f2{ background:url(http://www.gamjauhak.com/new_img/main2016/sprite_gnb_2016.png) no-repeat scroll -226px 0px; width:67px; height:30px}/*해외대학진학*/ #headerwrap .gnb .g_center ul.left_m li.f3{ background:url(http://www.gamjauhak.com/new_img/main2016/sprite_gnb_2016.png) no-repeat scroll -296px 0px; width:109px; height:30px}/*초중고유학*/ #headerwrap .gnb .g_center ul.left_m li.f4{ background:url(http://www.gamjauhak.com/new_img/main2016/sprite_gnb_2016.png) no-repeat scroll -409px 0px; width:68px; height:30px}/*감자캠프*/ #headerwrap .gnb .g_center ul.left_m li.f5{ background:url(http://www.gamjauhak.com/new_img/main2016/sprite_gnb_2016.png) no-repeat scroll -483px 0px; width:68px; height:30px}/*감자페스티벌*/ #headerwrap .gnb .g_center ul.left_m li span{text-indent: -3000em; display: block; overflow: hidden; height:30px;} #headerwrap .gnb .g_center ul.right_m{ position:absolute; right:-120px;height:42px;} #headerwrap .gnb .g_center ul.right_m li{ float:left;height:15px; padding:0px 8px; font-size:11px; color:#666; letter-spacing:-1px; border-right:solid 1px #dfdfdf; margin-top:9px} #headerwrap .gnb .g_center ul.right_m li.sf1{ background:url(http://www.gamjauhak.com/new_img/main2015/sprite_gnb_si.png) no-repeat scroll -456px -3px; width:40px; height:15px} #headerwrap .gnb .g_center ul.right_m li.sf2{ background:url(http://www.gamjauhak.com/new_img/main2015/sprite_gnb_si.png) no-repeat scroll -514px -3px; width:55px; height:15px} #headerwrap .gnb .g_center ul.right_m li.sf3{ background:url(http://www.gamjauhak.com/new_img/main2015/sprite_gnb_si.png) no-repeat scroll -586px -3px; width:55px; height:15px} #headerwrap .gnb .g_center ul.right_m li span{text-indent: -3000em; display: block; overflow: hidden; height:30px;} #headerwrap .gnb .g_center ul.right_m li.line{ border-right:none} #wrapper{position:relative; width:100%; min-width:1200px;} #wrapper.main{height:100%;/* overflow:hidden*/} #header {position:relative; width:100%; height:90px; z-index:1000;} #header::after {clear:both;} .headDiv {position:relative; width:1200px; height:65px; margin:auto} .headDiv h1 {position:absolute; top:8px; left:44%; z-index:1001;} .headDiv h1 img {} .headDiv .util {position:relative; text-align:right;} .headDiv .util a {display:inline-block; font-size:13px; color:#888; padding:7px 0} /* 2017-03-03 수정 */ .headDiv .util a.myInfo {color:#333; font-weight:normal; padding-left:30px; background:url('../images/icon/util_icon1.gif') no-repeat 0 5px;} /* 2017-03-03 수정 */ .headDiv .util span {font-size:13px; color:#d5d5d5; margin:0 9px} #gnb { top:10px; right:0px; padding-top:4px; z-index:1000;} #gnb.on {border-left:1px solid #dedede;} #gnb .oneD {display:block; width:157px; height:68px; float:left; line-height:65px; text-align:center; font-size:16px; color:#222; font-weight:normal; border-right:1px solid #fff;} #gnb.on .oneD {border-right:1px solid #dedede;} #gnb .oneD.on {color:#000; background:#fada3c} #gnb .twoD {display:none; position:absolute; top:64px; width:123px; height:400px; padding:0 17px; border-left:1px solid #dedede; border-right:1px solid #dedede; background:#fff; z-index:100;} /* 롤오버시 메뉴 Box */ #gnb .twoD.on{background:#fada3c} #gnb .twoD.one{left:-1px;} #gnb .twoD.two{left:157px;} #gnb .twoD.thr{left:315px;} #gnb .twoD.fou{left:473px;} #gnb .twoD.fiv{left:631px;} #gnb .twoD.six{left:789px;} #gnb .twoD a{display:block; margin-top:13px; font-size:13px; color:#222;} #gnb .twoD.on a{color:#222; font-weight:normal;} #gnb .twoD.on a.on{color:#222; text-decoration:underline;}/*빨강 db2229*/ #header .twoDbg{display:none; width:100%; height:474px; position:absolute; top:0; left:0; margin:0 auto; border-bottom:1px solid #ccc; background:#fff; z-index:900;} /* 롤오버시 메뉴 Wrap */ #footer{width:100%; border-top:1px solid #ddd; background:#333; z-index:800} .main #footer{position:absolute; bottom:0; left:0;} .footDiv{position:relative; width:1200px; height:px; margin:auto; padding:40px 0 35px 0; overflow:hidden} .footDiv a{ font-weight:normal;} .footDiv span{color:#dedede; margin:0 4px} .footDiv select{position:absolute; top:40px; right:70px; width:162px;} .footDiv .linkBt{position:absolute; top:40px; right:0;} .footDiv .linkBt a{display:inline-block; background:#666; color:#fff; padding:8px 14px 7px; vertical-align:middle} .footDiv .linkBt2 {position:absolute; top:40px; right:245px;} /* //2016-10-20 추가 */ .footDiv .awardMark1{position:absolute; top:85px; right:0;} /* 2017-03-03 수정 */ .footDiv .awardMark2{display:none; float:left} /* 2017-01-03 수정 */ .footDiv .copyRight{font-size:13px; color:#888; line-height:22px;} .footDiv .copyRight p{font-size:12px; margin-top:5px} /* 관리자메인 */ .adminMain{width:543px; margin:250px auto; overflow:hidden} .adminMain .inputDiv{width:543px; overflow:hidden} .adminMain .inputDiv .left{width:182px; float:left; padding-right:30px; border-right:1px solid #ddd} .adminMain .inputDiv .right{width:300px; float:right;} .adminMain .inputDiv .right input{width:292px; height:37px; margin-bottom:5px} .adminMain .adminTxt{background:url('../images/admin/admin_icon.html') no-repeat 0 0; margin-top:30px; padding-left:40px} .adminMain .adminTxt .txt1{font-size:14px; color:#555;} .adminMain .adminTxt .txt1 .bar{margin:0 6px; color:#ddd} .adminMain .adminTxt .txt2{margin:5px 0 0; font-size:13px; color:#fada3c;} /* 메인페이지 */ .mConbody{position:absolute; top:0; left:0; width:100%; height:650px;} .mcb{position:relative; width:100%; height:650px;} .mainCon{position:absolute; bottom:0px; left:0; width:100%; height:; text-align:center; background:url('../images/icon/typea_conbg.png') repeat-x 0 0; z-index:700} .mainCon2{position:absolute; bottom:0; left:0; width:100%; height:; text-align:center; background:#ffffff; z-index:600} .mVisual{display:block; position:relative; width:100%; height:650px; overflow:hidden} .mVisualM{display:none; position:relative} #touchSliderM img{width:100%;} #touchSliderM li>div{position:relative} #touchSliderM li>div .btns{position:absolute; bottom:25%; left:0; width:100%; text-align:center; z-index:50} #touchSliderM li>div .btns img{width:25%} #touchSliderM_paging{position:absolute; bottom:10%; left:0; width:100%; height:10px; text-align:center; z-index:50} #touchSliderM_paging.btn_area button{background:url("../images/btn/mvisualm_rollicon.png") no-repeat 0 0; background-size:auto 5px; height:5px; margin:0 3px; overflow:hidden; text-indent:-9999px; width:16px;} #touchSliderM_paging.btn_area button.on{background:url("../images/btn/mvisualm_rollicon_on.png") no-repeat 0 0; background-size:auto 5px; width:35px;} /* .mVisualM .bxslider img{width:100%;} .mVisualM .bxslider li{transition:.3s ease; -moz-transition:.3s ease; -webkit-transition:.3s ease; -ms-transition:.3s ease; -o-transition:.3s ease;} .mVisualM .bxslider li>div{position:relative} .mVisualM .bxslider li>div .btns{position:absolute; bottom:25%; left:0; width:100%; text-align:center; z-index:50} .mVisualM .bxslider li>div .btns img{width:25%} .mVisualM .bx-controls{position:absolute; bottom:15%; left:0; width:100%; height:10px; text-align:center; z-index:50} .mVisualM .bx-controls .bx-pager-item{display:inline-block;} .mVisualM .bx-controls .bx-pager-link{display:inline-block; background:url("/common/images/btn/mvisualm_rollicon.png") no-repeat 0 0; background-size:auto 5px; height:5px; margin:0 3px; overflow:hidden; text-indent:-9999px; width:16px;} .mVisualM .bx-controls .bx-pager-link.active{background:url("/common/images/btn/mvisualm_rollicon_on.png") no-repeat 0 0; background-size:auto 5px; width:35px;} .mVisualM .bx-controls-direction{display:none} .mVisualM .bx-controls-auto{display:none} */ .mVisual .visual{opacity:1; position:absolute; top:0; left:0; width:100%; height:900px;} .mVisual .controll{position:relative; width:1200px; height:978px; margin:auto; z-index:500} .mVisual .bts{position:absolute; top:190px; right:0; width:114px; text-align:right} .mVisual .bts a{display:block; padding:12px 8px 12px 0; height:7px;} .mVisual .bts a.playStop{position:relative; width:23px; height:23px; padding:0; margin:4px 0 0 91px} .mVisual .bts a.playStop img{position:absolute; top:0px; left:0px;} .mVisual .bts a.playStop img.play{transition:.5s ease; -moz-transition:.5s ease; -webkit-transition:.5s ease; -ms-transition:.5s ease; -o-transition:.5s ease; transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); opacity:0} .mVisual .bts a.playStop.on img.play{transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); opacity:1} .mVisual .bts a.playStop img.stop{transition:.5s ease; -moz-transition:.5s ease; -webkit-transition:.5s ease; -ms-transition:.5s ease; -o-transition:.5s ease; transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); opacity:1} .mVisual .bts a.playStop.on img.stop{transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); opacity:0} .mVisual .bts .txt{position:absolute; top:0; left:0; width:89px;} .mVisual .bts .txt img{position:absolute; top:0; left:0;} .mVisual .controll .unitTxt.one{position:absolute; top:190px; left:66px; width:115px; height:292px; overflow:hidden} .mVisual .controll .unitTxt.one img{position:absolute; top:0; left:120px;} .mVisual .controll .unitTxt.two{position:absolute; top:333px; left:295px; width:457px;} .mVisual .controll .unitTxt.two img{position:absolute; top:0; left:0px; opacity:0} .mVisual .controll .unit{position:relative; width:1200px; height:978px; margin:auto} .mVisual .controll .unit .btns{display:none; position:absolute; bottom:165px; right:0; width:492px; height:150px; overflow:hidden} .mVisual .controll .unit .btns a{display:block; position:relative; width:150px; height:150px; margin-left:14px; float:left; overflow:hidden} .mVisual .controll .unit .btns a img{position:absolute; top:0px; left:0px;} .mVisual .controll .unit .btns a img.on{transition:.5s ease; -moz-transition:.5s ease; -webkit-transition:.5s ease; -ms-transition:.5s ease; -o-transition:.5s ease; transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); opacity:0} .mVisual .controll .unit .btns a.on img.on{transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); opacity:1} .mVisual .controll .unit .btns a img.off{transition:.5s ease; -moz-transition:.5s ease; -webkit-transition:.5s ease; -ms-transition:.5s ease; -o-transition:.5s ease; opacity:1} .mVisual .controll .unit .btns a.on img.off{opacity:0} .mVisual .controll .unitTxt.sev{position:absolute; top:190px; left:180px;} .mainConDiv{position:relative; width:1200px; height:55px; overflow:hidden; margin:auto; color:#fff; text-align:left} .mainConDiv .noti{position:relative; width:687px; height:55px; overflow:hidden; float:left; border-right:1px solid #605170} .mainConDiv .noti .tit{width:55px; height:16px; padding:0 0 0 35px; margin-top:20px; float:left; border-right:1px solid #94899b; font-family:'NanumSquareB', dotum,"돋움",sans-serif; background:url('../images/icon/main_noti_icon.png') no-repeat 0 0;} .mainConDiv .noti .nList{position:relative; width:495px; height:55px; overflow:hidden; margin-left:29px; float:left} .mainConDiv .noti .nList a{position:absolute; top:20px; left:0; width:495px; height:15px; padding:20px 0; display:block; color:#fff} .mainConDiv .noti .nList a .date{position:absolute; top:0; right:0; height:15px; padding:20px 0; display:block; color:#fff; font-size:13px;} .mainConDiv .noti .bts{width:70px; height:55px; overflow:hidden; float:left} .mainConDiv .noti .bts a{display:block; text-align:center; height:6px;} .mainConDiv .noti .bts a.up{padding:15px 0 5px} .mainConDiv .noti .bts a.down{padding:5px 0 15px} .mainConDiv .contact{position:relative; width:457px; height:35px; margin-top:19px; overflow:hidden; float:left; font-size:15px; text-align:center} .mainConDiv .contact span{margin:0 6px; color:#94899b} .mainConDiv .open{position:absolute; top:0; right:0; width:55px; height:55px; overflow:hidden; float:left;} .mainConDiv .open img{width:55px; height:55px;} .mainConDiv .open img.on{position:absolute; top:0; left:0; opacity:0} .mainCon2Div{position:relative; width:1200px; overflow:hidden; margin:0 auto; color:#000000; text-align:left} .mainCon2Div .mainCon2Div1{position:relative; width:300px; height:209px; padding:20px 0px 20px 0; overflow:hidden; float:left} .mainCon2Div .mainCon2Div1 .tit{font-size:16px; padding:10px 0 0; font-family:'NanumSquareB', dotum,"돋움",sans-serif; background:url('../images/icon/wbar_35x4.gif') no-repeat 0 0; background-size:28px 2px} .mainCon2Div .mainCon2Div1 .bts{overflow:hidden; margin-top:25px} .mainCon2Div .mainCon2Div1 .bts a{display:block; color:#000000; width:93px; height:30px; float:left; text-align:center; padding:40px 0 0; font-family:'NanumSquareB', dotum,"돋움",sans-serif;} .mainCon2Div .mainCon2Div1 .bts a.one{background:url('../images/icon/main_con1_icon1.png') no-repeat center 0; background-size:auto 32px; border-bottom:1px solid #8c87bb; border-right:1px solid #8c87bb;} .mainCon2Div .mainCon2Div1 .bts a.two{background:url('../images/icon/main_con1_icon2.png') no-repeat center 0; background-size:auto 32px; border-bottom:1px solid #8c87bb; border-right:1px solid #8c87bb;} .mainCon2Div .mainCon2Div1 .bts a.thr{background:url('../images/icon/main_con1_icon3.png') no-repeat center 0; background-size:auto 32px; border-bottom:1px solid #8c87bb;} .mainCon2Div .mainCon2Div1 .bts a.fou{padding-top:60px; background:url('../images/icon/main_con1_icon4.png') no-repeat center 15px; background-size:auto 32px; border-right:1px solid #8c87bb;} .mainCon2Div .mainCon2Div1 .bts a.fiv{padding-top:60px; background:url('../images/icon/main_con1_icon5.png') no-repeat center 15px; background-size:auto 32px; border-right:1px solid #8c87bb;} .mainCon2Div .mainCon2Div1 .bts a.six{padding-top:60px; background:url('../images/icon/main_con1_icon7.png') no-repeat center 15px; background-size:auto 32px;} /* 2017-03-03 수정 */ .mainCon2Div .mainCon2Div2{position:relative; width:299px; height:209px; overflow:hidden; float:left; border-right:1px solid #ddd; background:#fff; padding:20px} .mainCon2Div .mainCon2Div2 .tit{font-size:16px; padding:10px 0 0; font-family:'NanumSquareB', dotum,"돋움",sans-serif; background:url('../images/icon/bar35x4.gif') no-repeat 0 0; background-size:28px 2px; color:#444} .mainCon2Div .mainCon2Div2 .listPack{position:relative; width:300px; height:110px; margin-top:15px; padding-top:50px} .mainCon2Div .mainCon2Div2 .listPack .tab{display:block; position:absolute; top:0; left:0; width:74px; height:28px; text-align:center; line-height:28px; border:1px solid #ddd; font-size:13px} .mainCon2Div .mainCon2Div2 .listPack .tab.on{display:block; position:absolute; top:0; left:0; width:74px; height:28px; text-align:center; line-height:28px; border:1px solid #ddd; border-bottom:none; font-family:'NanumSquareB', dotum,"돋움",sans-serif; color:#494097;} .mainCon2Div .mainCon2Div2 .listPack .tab.two{left:75px;} .mainCon2Div .mainCon2Div2 .listPack .tab.thr{left:150px;} .mainCon2Div .mainCon2Div2 .listPack .tab.fou{left:225px;} .mainCon2Div .mainCon2Div2 ul{display:block;} .mainCon2Div .mainCon2Div2 li{margin-bottom:9px;} .mainCon2Div .mainCon2Div2 li a{font-size:13px; color:#666; background:url('../images/icon/dot6x6.gif') no-repeat 0 5px; background-size:3px; padding-left:10px} .mainCon2Div .mainCon2Div3{position:relative; width:129px; height:209px; overflow:hidden; float:left; border-right:1px solid #ddd; background:#fff; padding:20px} .mainCon2Div .mainCon2Div3 .tit{font-size:16px; padding:10px 0 0; font-family:'NanumSquareB', dotum,"돋움",sans-serif; background:url('../images/icon/bar35x4.gif') no-repeat 0 0; background-size:28px 2px; color:#444} .mainCon2Div .mainCon2Div3 a{display:block; margin-top:15px} .mainCon2Div .mainCon2Div3 strong{display:block;font-size:16px; color:#444; line-height:22px;} .mainCon2Div .mainCon2Div3 span{display:block;font-size:13px; color:#777; line-height:20px; margin-top:15px; letter-spacing:-1px} .mainCon2Div .mainCon2Div4{position:relative; width:259px; height:249px; overflow:hidden; float:left} .mainCon2Div .mainCon2Div4 li img{width:259px; height:249px;} #touchSlider6 li{text-align:center} #touchSlider6 img{width:259px; height:249px; max-width:100%} #touchSlider6_paging{position:absolute; top:10px; right:20px;} #touchSlider6_paging.btn_area button{display:inline-block; width:10px; height:10px; margin-left:6px; background:url('../images/btn/main_con4bt.png') no-repeat 0 0; background-size:10px; text-indent:-9999px; overflow:hidden} #touchSlider6_paging.btn_area button.on{width:30px; height:10px; background:url('../images/btn/main_con4bt_on.png') no-repeat 0 0; background-size:30px 10px} /* .mainCon2Div .mainCon2Div4 .bx-controls{position:absolute; top:10px; right:20px;} .mainCon2Div .mainCon2Div4 .bx-controls .bx-pager-item{display:inline-block;} .mainCon2Div .mainCon2Div4 .bx-controls .bx-pager-link{display:inline-block; width:10px; height:10px; margin-left:6px; background:url('/common/images/btn/main_con4bt.png') no-repeat 0 0; background-size:10px; text-indent:-9999px; overflow:hidden} .mainCon2Div .mainCon2Div4 .bx-controls .bx-pager-link.active{width:30px; height:10px; background:url('/common/images/btn/main_con4bt_on.png') no-repeat 0 0; background-size:30px 10px} .mainCon2Div .mainCon2Div4 .bx-controls-direction{display:none} .mainCon2Div .mainCon2Div4 .bx-controls-auto{display:none} */ .mainCon2Div .mainCon2Div5{position:relative; width:90px; height:209px; overflow:hidden; float:left; background:#fff; padding:20px 10px; border-left:1px solid #ddd} .mainCon2Div .mainCon2Div5 a{display:block; color:#444; padding:85px 0 20px; font-family:'NanumSquareB', dotum,"돋움",sans-serif; text-align:center} .mainCon2Div .mainCon2Div5 a.type1{padding:65px 0 20px; border-bottom:1px solid #ddd; background:url('../images/icon/main_con5_icon1.png') no-repeat center 0; background-size:60px 50px} .mainCon2Div .mainCon2Div5 a.type2{background:url('../images/icon/main_con5_icon2.png') no-repeat center 25px; background-size:52px 50px} /* 서브페이지 */ #cBody{position:relative;} .subBody{position:relative; width:1200px; margin:60px auto 0;} #lnb{width:199px; float:left;} #lnb .tit{padding-bottom:36px; font-size:28px; color:#333333;} #lnb div{width:159px; border-top:1px solid #ddd;} #lnb a.twoD{display:block; font-size:15px; color:#777; padding:11px 10px; border-bottom:1px solid #ddd; letter-spacing:-1px} #lnb a.twoD.on{color:#db2229; border-bottom:2px solid #db2229; font-weight:normal;} #lnb .thrD{width:129px; padding:15px 15px 0; background:#f7f7f7; border-bottom:1px solid #ddd; letter-spacing:-1px} #lnb .thrD a{display:block; margin-bottom:17px; color:#777} #lnb .thrD a.on{color:#db2229; font-weight:normal;} #lnb .thrD a:hover{color:#db2229; font-weight:normal;} #subCon{position:relative; width:950px; float:left; padding:0 0 100px 50px; /*line-height:0;*/ border-left:1px solid #ddd} #subCon h2{font-size:36px; color:#333; line-height:36px; margin-bottom:50px; font-weight:normal;} #subCon .path{position:absolute; top:15px; right:0;} #subCon .path span{padding-left:19px; margin-left:15px; background:url('../images/icon/path_arrow.gif') no-repeat 0 center} #subCon .path span.home{padding-left:0px; margin-left:0px; background:none} .titTxt{font-size:20px; color:#333; font-weight:normal;} .titTxt2{font-size:14px; color:#333; font-weight:normal; margin-top:15px; line-height:24px} /* 2017-01-13 추가 */ .titTxt .displayC{font-size:14px; color:#555; font-family:'NanumSquareR'; font-weight:normal;} .titTxt .addTxt{font-size:14px; color:#555; font-family:'NanumSquareR'; font-weight:normal;} .dotBox{padding:27px 29px 28px; border:1px solid #ffe3e4; background:#efefef; text-align:left; font-size:14px; color:#777; font-family:'NanumSquareR'; font-weight:normal; line-height:24px;} .dotBox dt{font-size:15px; color:#333; font-weight:normal; margin-bottom:5px} .dotBox dd{font-size:13px; padding-left:7px; background:url('../images/icon/dot3x3.gif') no-repeat 0 8px;} .dotBox2{padding:27px 29px 27px; border-top:2px solid #333; border-left:1px solid #ffe3e4; border-bottom:1px solid #ffe3e4; border-right:1px solid #ffe3e4; text-align:left; color:#555; line-height:24px;} .dotBox2 li{padding-left:10px; background:url('../images/icon/dot3x3.gif') no-repeat 0 9px;} .dotBox2 li a{ font-weight:normal; color:#fada3c; text-decoration:underline} .dotBox2 li.tit{padding-left:0px; background:none; font-size:15px; color:#333; font-weight:normal; margin-bottom:5px;} .dotBox2 li.tit2{padding-left:0px; background:none; font-size:16px; color:#fada3c; font-weight:normal; margin-bottom:5px; text-align:center;} /* 2016-11-21 추가 */ .dotBox2 li.txt{padding-left:0px; background:none;} .dotBox3{border-top:2px solid #333; border-left:1px solid #ffe3e4; border-bottom:1px solid #ffe3e4; border-right:1px solid #ffe3e4; text-align:left; color:#555; line-height:24px;} .dotBox3 .tit{padding:20px 29px 20px; text-align:center; font-size:16px; color:#333; font-weight:normal; background:#f8f1f1} .dotBox3 dl{padding:20px 29px 20px;} .dotBox3 dt{ font-weight:normal; margin-top:15px} .dotBox3 dd{padding-left:10px; background:url('../images/icon/dot3x3.gif') no-repeat 0 8px;} .warnBox{position:relative; padding:38px 0 38px 80px; border:1px solid #ffe3e4; background:url('../images/icon/warn_icon.png') no-repeat 32px 30px #fff5f6; background-size:32px 33px; color:#555;} .warnBox .btnRed{position:absolute; top:28px; right:30px;} .warnBox2{position:relative; padding:28px 0 23px 80px; border:1px solid #ffe3e4; background:url('../images/icon/warn_icon.png') no-repeat 32px center #fff5f6; background-size:32px 33px; color:#555; line-height:22px} .warnBox2 li{padding-left:7px; background:url('../images/icon/dot3x3.gif') no-repeat 0 6px; margin-bottom:5px} .warnBox3{position:relative; padding:38px 0 38px 80px; border:1px solid #ffe3e4; background:url('../images/icon/warn_icon.png') no-repeat 32px 50% #fff5f6; background-size:32px 33px; color:#555; line-height:20px} .warnBox3 .btnRed{position:absolute; top:38px; right:30px;} .boxTxt{position:relative; padding:17px 29px; border:1px solid #ddd; background:#efefef; color:#333} .boxTxt strong{font-size:15px;} .boxTxt .addInfoBt img{vertical-align:middle} .numTxt dt{font-size:18px; color:#555; font-weight:normal;} .numTxt dd{margin-top:5px; overflow:hidden; line-height:24px} .numTxt dd .num{width:20px; float:left} .numTxt dd .txt{width:930px; float:left} .loginDiv{border-top:2px solid #333; border-left:1px solid #ffe3e4; border-bottom:1px solid #ffe3e4; border-right:1px solid #ffe3e4;} .loginDiv .inputArea{padding:60px 0;} .loginDiv .areaDiv{width:440px; margin:auto; overflow:hidden} .loginDiv .inputArea .areaDiv .inputDiv{width:300px; float:left} .loginDiv .inputArea .areaDiv .inputDiv input{width:292px; height:37px;} .loginDiv .inputArea .areaDiv .loginBt{width:130px; height:95px; float:right; font-size:20px; text-align:center; line-height:95px;} .loginDiv .inputArea .srchArea{margin-top:30px; padding-top:30px; overflow:hidden; border-top:1px solid #ffe3e4} .loginDiv .inputArea .srchArea .txt{float:left; line-height:30px;} .loginDiv .inputArea .srchArea .bt{float:right} .loginDiv .joinArea{border-top:1px solid #e5e5e5; background:#efefef; padding:39px 0} .loginDiv .joinArea .txt{width:290px; padding:0 0 0 55px; background:url('../images/icon/login_icon1.gif') no-repeat 0 center; background-size:45px; float:left; line-height:22px; color:#555} .loginDiv .joinArea .txt strong{color:#333} .loginDiv .joinArea .whtBt{float:right; margin-top:5px} .joinTxt img{width:476px;} .termDiv{position:relative;} .termDiv .tit{font-size:20px; color:#333; font-weight:normal;} .termDiv .check{position:absolute; top:0; right:0;} .termDiv .check img{width:30px; vertical-align:middle} .termDiv .check strong{font-size:18px; color:#333; margin-right:6px} .termDiv .check2{position:absolute; top:0; right:195px;} .termDiv .check2 img{width:30px; vertical-align:middle} .termDiv .check2 strong{font-size:18px; color:#333; margin-right:6px} .termDiv .termBox{margin:18px 0 0; padding:28px 29px; height:140px; overflow-y:scroll; border-top:2px solid #333; border-left:1px solid #ffe3e4; border-bottom:1px solid #ffe3e4; border-right:1px solid #ffe3e4;} .termDiv .termBox .tit{font-size:14px; color:#444;} .termDiv .termBox .txt{margin-top:24px;} .termDiv .termBox .txt2{padding-left:10px;} .termTxtBox{border-top:1px dashed #d7d7d7; padding:40px 0 0; text-align:center} .termTxtBox .tit{font-size:26px; color:#333; font-weight:normal; text-align:center; padding-bottom:30px; background:url('../images/icon/bar2x25.gif') no-repeat center bottom; background-size:52px 2px;} .termTxtBox .txt{margin-top:30px; font-size:14px; color:#777; line-height:24px;} .termTxtBox.service{border-top:2px solid #333; border-left:1px solid #e8e1e1; border-bottom:1px solid #e8e1e1; border-right:1px solid #e8e1e1; padding:40px 0;} .termTxtBox.service.type2{border-bottom:0px solid #e8e1e1;} .termTxtBox.service .txt{font-size:15px; color:#555;} .accreditDiv{border:1px solid #e5e5e5; background:#efefef; margin-top:60px; padding:40px 0} .accreditDiv .accreditBts{width:444px; margin:auto; overflow:hidden} .accreditDiv .accreditBts p{width:111px; float:left;} .accreditDiv .accreditBts .mobile{padding:11px 55px; background:url('../images/icon/accedit_icon1.gif') no-repeat 0 center; background-size:45px; border-right:1px solid #dcdcdc;} .accreditDiv .accreditBts .ipin{padding:11px 0 11px 110px; background:url('../images/icon/accedit_icon2.gif') no-repeat 55px center; background-size:45px;} .titTxt {font-size:20px; color:#333; font-weight:normal;} .joinCom{border-top:2px solid #333; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; padding:65px 48px;} .joinCom .txt{font-size:26px; color:#333; font-weight:normal; text-align:center; padding-bottom:30px; background:url('../images/icon/bar2x25.gif') no-repeat center bottom; background-size:52px 2px;} .joinCom .txt2{font-size:16px; color:#333; text-align:center} .joinCom .txt2 span{color:#fada3c} .joinCom ul{width:555px; margin:30px auto 0;} .joinCom li{padding:0 0 5px 10px; background:url('../images/icon/dot3x3.gif') no-repeat 0 5px; background-size:3px; color:#777} .conNumDiv{border:1px solid #e5e5e5; background:#efefef; padding:34px 0} .conNumDiv .conNums{width:100%; overflow:hidden; text-align:center} .conNumDiv .conNums p{display:inline-block; font-size:15px; color:#555; font-weight:normal; text-align:left} .conNumDiv .conNums p span{font-size:18px;} .conNumDiv .conNums .contact1{padding:11px 55px; background:url('../images/icon/connum1.gif') no-repeat 0 center; background-size:45px; border-right:1px solid #dcdcdc;} .conNumDiv .conNums .contact2{padding:11px 0 11px 104px; background:url('../images/icon/connum2.gif') no-repeat 49px center; background-size:45px; color:#fada3c} .conNumDiv .conNums .contact3{padding:11px 0 11px 104px; background:url('../images/icon/connum3.gif') no-repeat 49px center; background-size:45px;} .idpwDiv{text-align:center} .idpwDiv .txt1{font-size:26px; font-weight:normal; color:#333} .idpwDiv .txt2{margin-top:15px; color:#555} .idpwDiv .srchBox{margin-top:20px; border:1px solid #e5e5e5; overflow:hidden} .idpwDiv .srchBox .accredit1{width:473px; padding:128px 0 60px; float:left; border-right:1px solid #e5e5e5; background:url('../images/icon/accedit_icon3.gif') no-repeat center 59px; background-size:auto 46px;} .idpwDiv .srchBox .accredit2{width:474px; padding:128px 0 60px; float:left; background:url('../images/icon/accedit_icon4.gif') no-repeat center 59px; background-size:auto 46px;} .idpwDiv .srchBox .txt3{font-size:18px; color:#fada3c; font-weight:normal;} .idpwDiv .srchBox .txt4{font-size:13px; color:#777; margin-top:15px; line-height:20px} .idpwDiv .srchBox .whtBt{margin-top:18px;} .idpwDiv .goPw{margin-top:20px; padding-left:7px; background:url('../images/icon/dot3x3.gif') no-repeat 0 5px; text-align:left; font-weight:normal; color:#777} .idpwDiv .goPw a{background:url('../images/icon/red_arrow.gif') no-repeat right 3px; background-size:auto 9px; padding-right:10px; color:#fada3c; text-decoration:underline} .idpwDiv ul{width:400px; margin:10px auto 0} .idpwDiv li{padding-left:7px; background:url('../images/icon/dot3x3.gif') no-repeat 0 10px; text-align:left; font-weight:normal; color:#777; line-height:24px;} .srchPw{border:1px solid #e5e5e5; text-align:center; padding:69px 0 0;} .srchPw p{margin-bottom:25px; font-size:18px; color:#333; font-weight:normal;} .srchPw input{display:block; width:290px; height:36px; margin:0 auto 10px;} .srchPw .btnRed{width:65px; margin:25px auto 0;} .srchPw dl{margin-top:30px; border-top:1px solid #e5e5e5; background:#efefef; padding:27px 50px; text-align:left} .srchPw dt{margin-bottom:10px; font-size:15px; color:#333; font-weight:normal;} .srchPw dd{padding:0 0 0 10px; background:url('../images/icon/dot3x3.gif') no-repeat 0 8px; background-size:3px; color:#777; line-height:24px;} .srchId{border:1px solid #e5e5e5; text-align:center; padding:69px 0;} .srchId .txt1{font-size:18px; color:#555} .srchId .txt2{font-size:32px; color:#fada3c; font-weight:normal; margin-top:20px} .srchId .bts{border-top:1px solid #e5e5e5; width:450px; margin:20px auto 0; padding:30px 0 0} .srchId .bts .btnRed{width:105px; height:33px; line-height:33px;} .lifeWayDiv{border-top:2px solid #333; border-left:1px solid #e8e1e1; border-bottom:1px solid #e8e1e1; border-right:1px solid #e8e1e1; text-align:center; padding:60px 0 65px; background:#f8f1f1} .lifeWayDiv .top{font-size:18px; color:#333; line-height:30px; padding-bottom:25px; background:url('../images/icon/bar2x25.gif') no-repeat center bottom;} .lifeWayDiv .top strong{font-size:26px;} .lifeWayDiv .mid{font-size:24px; color:#fada3c; margin-top:25px} .lifeWayDiv .bot{font-size:15px; color:#555; margin-top:15px} .lifeWayDiv2{margin-top:20px; padding:35px 40px 40px; font-size:18px; color:#333; line-height:28px; font-weight:normal; text-align:center; border:1px solid #ffe3e4} .lifeWayDiv2 .type2{margin-top:20px; font-size:28px; color:#fada3c} .lifeWayDiv2 .btnRed{font-size:15px; font-family:'NanumSquareR'; font-weight:normal;} .lifeWayDiv3{border-top:2px solid #333; text-align:center; padding:40px 0;} .lifeWayDiv3.noBorT{border-top:0 solid #333;} .lifeWayDiv3 .top{font-size:26px; color:#333; line-height:36px; font-weight:normal;} .lifeWayDiv3 .top strong{font-size:26px;} .lifeWayDiv3 .mid{font-size:16px; color:#333; margin-top:15px} .lifeWayDiv3 .bot{width:575px; padding-top:30px; color:#777; margin:30px auto 0; background:url('../images/icon/bar2x25.gif') no-repeat center 0; text-align:left} .lifeWayDiv3 .bot li{padding-left:10px; background:url('../images/icon/dot3x3.gif') no-repeat 0 6px; margin-bottom:5px; font-weight:normal;} .lifeWayDiv3 .newbot{width:480px; padding-top:30px; color:#555; margin:30px auto 0; text-align:left; font-weight:normal; line-height:25px} .lifeWayDiv3 .newbot li{overflow:hidden; margin-bottom:5px} .lifeWayDiv3 .newbot img{float:left; margin-right:20px} .lifeWayDiv3 .newbot p{float:left; margin-top:15px} .lifeWayDiv3 .newbot .one p{margin-top:0} .lifeWayDiv3 .newbot.type2{width:670px;} .lifeWayDiv3 .newbot.type2 .bt{display:inline-block; padding:1px 20px; margin:0 0 0 6px; background:#666; color:#fff; font-size:13px; font-weight:normal; border-radius:15px; vertical-align:middle} .memCard{border-top:2px solid #333; padding:35px 0 0;} .memCard .type1 dt{font-size:20px; margin-bottom:15px; color:#333; line-height:28px; font-weight:normal;} .memCard .type1 dd{padding-left:10px; background:url('../images/icon/dot3x3.gif') no-repeat 0 10px; color:#555; line-height:26px} .memCard .type2{margin:15px 0 0 10px;} .memCard .type2 dt{margin-bottom:5px; color:#fada3c; font-weight:normal;} .memCard .type2 dd{margin-bottom:5px; color:#555} .memCard2{border:1px solid #ffe3e4; background:#fff5f6; padding:28px 29px 23px;} .memCard2 .tit{font-size:20px; margin-bottom:15px; color:#333; line-height:28px; font-weight:normal;} .memCard2 .tit span{font-size:14px;} .memCard2 .inputArea{overflow:hidden; margin-bottom:15px} .memCard2 .inputArea .left{width:750px; height:; float:left} .memCard2 .inputArea .left .type1{width:140px} .memCard2 .inputArea .left .type2{width:467px} .memCard2 .inputArea .left .type3{width:742px} .memCard2 .inputArea .right{display:block; width:130px; height:68px; background:#666; color:#fff; font-size:20px; text-align:center; line-height:68px; float:right} .memCard2 .txt{padding-left:10px; background:url('../images/icon/dot3x3.gif') no-repeat 0 7px; margin-bottom:5px; color:#fada3c; line-height:22px;} .memCardTxt{font-size:18px; margin-top:60px; color:#333; line-height:28px; text-align:center} .memCardTxt strong{font-size:26px;} .memCardImg{width:370px; margin:0 auto; padding:30px 0; overflow:hidden;} .memCardImg .cardImg3{width:300px; height:185px; margin:0 auto; color:#fff; background:url('../images/icon/member_card_img1.gif') no-repeat 0 0; font-weight:normal;} .memCardImg .cardImg3 .name{padding:130px 0 0 40px; font-size:16px; letter-spacing:10px} .memCardImg .cardImg3 .number{padding:5px 0 0 40px;} .memCardImg .cardImg4{width:300px; height:185px; margin:30px auto 0; color:#555; background:url('../images/icon/member_card_img2.gif') no-repeat 0 0; font-weight:normal; text-align:center;} .memCardImg .cardImg4 .barName{padding-top:42px; margin-bottom:10px;} .memCardImg .cardImg4 .number{margin-top:10px;} .memCardImg .noti{width:300px; margin:0 auto; padding-top:30px; color:#333; text-align:center; line-height:20px;} .performRe li{overflow:hidden; margin-bottom:40px;} .performRe li .img{position:relative; width:248px; height:358px; float:left; border:1px solid #ddd; overflow:hidden} .performRe li .img span{display:block; position:absolute; top:0; left:0; width:68px; height:24px; color:#fff; font-size:13px; line-height:24px; text-align:center} .performRe li .img span.type1{background:#ff4d3b} .performRe li .img span.type2{background:#3e59e4} .performRe li .txt{position:relative; width:660px; float:right; overflow:hidden} .performRe li .txt .tit{font-size:20px; color:#333; font-weight:normal; margin-bottom:20px} .performRe li .txt .dot{padding-left:10px; background:url('../images/icon/dot3x3.gif') no-repeat 0 7px; margin-bottom:9px; color:#777; line-height:22px;} .performRe li .txt .dot strong{color:#333} .performRe li .txt .check{padding:12px 0 10px 53px; background:url('../images/icon/warn_icon2.png') no-repeat 0 7px; color:#fada3c; line-height:22px;} .performRe li .txt .selectDiv{margin-top:15px} .performRe li .txt .selectDiv select{width:198px;} .noCpro{padding:110px 0 65px; text-align:center; border:1px solid #f6eeee; background:url('../images/icon/warn_icon3.png') no-repeat center 55px #fbf6f6; color:#fada3c; font-size:20px; color:#fada3c} .changeSer{position:relative;} .changeSer .selectSer{width:102px; height:21px; margin-bottom:10px; text-align:center} .changeSer .selectSer span{display:inline-block; position:relative; width:21px; height:21px} .changeSer .selectSer strong{vertical-align:top; line-height:21px; margin-left:5px} .changeSer .selectSer.on strong{color:#fada3c} .changeSer .selectSer span img{position:absolute; top:0; left:0; transition:.2s linear; -moz-transition:.2s linear; -webkit-transition:.2s linear; -ms-transition:.2s linear; -o-transition:.2s linear;} .changeSer .selectSer span img.off{opacity:1; transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg);} .changeSer .selectSer span img.on{opacity:0; transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg);} .changeSer .selectSer.on span img.off{opacity:0; transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg);} .changeSer .selectSer.on span img.on{opacity:1; transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg);} .changeSer .csConDiv{padding:30px 0 0; border-top:1px solid #ddd;} .addInfoView{display:none} .addInfoView ul{border-top:2px solid #333; overflow:hidden; padding:30px 0 0; margin:30px 0 0} .addInfoView li{width:290px; height:280px; float:left; margin:0 40px 0 0;} /* 2017-01-13 수정 */ .addInfoView li .img{width:290px; height:150px; overflow:hidden} .addInfoView li .bts{overflow:hidden; margin-top:10px} .addInfoView li .bts .viewBt{display:block; width:198px; height:23px; line-height:23px; text-align:center; float:left; border:1px solid #ddd; background:#fff5f6; border-radius:12px; font-size:13px; color:#333; font-weight:normal;} .addInfoView li .bts .selectBt{display:block; width:83px; height:23px; line-height:23px; text-align:center; float:right; border:1px solid #ddd; background:#fff; border-radius:12px; font-size:13px; color:#333; font-weight:normal;} .addInfoView li .bts .selectBt.on{background:#fada3c; color:#fff; border:1px solid #fada3c;} .addInfoView li .bts .selectBt img{vertical-align:middle; display:none} .addInfoView li .bts .selectBt.on img{display:inline-block} .addInfoView li .txt{font-size:15px; color:#555; font-weight:normal; margin-top:10px; line-height:20px} /* 2017-01-13 수정 */ .addInfoView li .tit{font-size:13px; color:#777; font-weight:normal; margin-top:10px; letter-spacing:-0.4px} /* 2017-01-13 추가 */ .csConDiv{display:none; padding:35px 0 0;} .csConDiv .txt1{font-size:26px; color:#333; font-weight:normal; text-align:center} .csConDiv .txt2{font-size:20px; color:#555; text-align:center; margin-top:20px;} .csConDiv .subSelDiv{position:relative; padding:45px 0 0; margin-top:35px} .csConDiv .subSelDiv .subSel{position:absolute; top:0; left:0; width:83px; height:24px; border:1px solid #fada3c; border-radius:13px; text-align:center; color:#fada3c; font-size:13px; transition:.2s linear; -moz-transition:.2s linear; -webkit-transition:.2s linear; -ms-transition:.2s linear; -o-transition:.2s linear;} .csConDiv .subSelDiv .subSel.on{color:#fff; background:#fada3c;} .csConDiv .subSelDiv .selUnit{} .obitNoti{position:relative; border-top:2px solid #bcbcbc; background:#f7f7f7; padding:40px 0; overflow:hidden} .obitNoti .tit{font-size:14px; margin-bottom:5px; color:#333; font-weight:normal;} .obitNoti .left{width:394px; padding:0 40px; height:; float:left; border-right:1px solid #e9e9e9} .obitNoti .left .bt{overflow:hidden} .obitNoti .left .bt a{display:block; float:left; padding:8px 70px;} .obitNoti .left .bt a.r{float:right} .obitNoti .left .inputDiv{position:relative; width:394px; height:262px; margin-top:6px} .obitNoti .left .inputDiv textarea{width:386px; height:254px;} .obitNoti .left .inputDiv .counter{position:absolute; bottom:-30px; right:0;} .obitNoti .left .bt2{margin-top:5px} .obitNoti .right{width:395px; padding:0 40px; height:; float:left;} .obitNoti .right .numInput{} .obitNoti .right .numInput input{width:315px; height:26px;} .obitNoti .right .numList{background:#fff; overflow-y:scroll; padding:10px; width:372px; height:240px; border:1px solid #ffe3e4; margin-top:6px} .obitNoti .right .numList p{color:#999; margin-bottom:10px;} .obitNoti .right .numList p a img{vertical-align:middle} .obitNoti .right .bt2{position:relative; margin-top:5px} .obitNoti .right .bt2 a{padding:8px 10px;} .obitNoti .right .bt2 .counter{position:absolute; top:10px; right:0;} .obitStep{position:relative; width:100%; height:270px; margin-top:40px; background:url('../images/txt/obituary_notice_step.gif') no-repeat center 0; overflow:hidden} .obitStep p{position:absolute; top:-9999px; right:9999px;} .changePri{text-align:center} .changePri .txt1{font-size:26px; margin-bottom:15px; color:#333; font-weight:normal;} .changePri .inputDiv{margin-top:25px; border:1px solid #e7e7e7; padding:60px 0;} .changePri .inputDiv input{width:290px; height:32px;} .chngsrvSubTxt{margin-bottom:40px; text-align:center; font-size:20px; color:#333; line-height:30px} .chngsrvSubTxt span.big{font-weight:normal; font-family:'NanumSquareB'} .chngsrvSubTxt span.small{color:#777; font-size:16px; line-height:40px} .chngsrvSub{width:950px; margin:auto; overflow:hidden} .chngsrvSub a{display:block; position:relative; width:465px; height:200px; float:left; padding:50px 0; margin:0 20px 20px 0; overflow:hidden; text-align:center} .chngsrvSub a.type2{margin:0 0 20px 0;} .chngsrvSub a .img{position:absolute; top:0; left:0; transition:.3s linear; -moz-transition:.3s linear; -webkit-transition:.3s linear; -ms-transition:.3s linear; -o-transition:.3s linear; transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1);} .chngsrvSub a .img2{position:absolute; top:0; left:0; opacity:0; transition:.3s linear; -moz-transition:.3s linear; -webkit-transition:.3s linear; -ms-transition:.3s linear; -o-transition:.3s linear; transform:scale(.99); -moz-transform:scale(.99); -webkit-transform:scale(.99); -ms-transform:scale(.99); -o-transform:scale(.99);} .chngsrvSub a.on .img{transform:scale(1.01); -moz-transform:scale(1.01); -webkit-transform:scale(1.01); -ms-transform:scale(1.01); -o-transform:scale(1.01);} .chngsrvSub a.on .img2{opacity:1; transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1);} .chngsrvSub a span{display:block;} .chngsrvSub a strong{display:block; font-size:24px; color:#fff; margin-top:25px;} .chngsrvSub a .txt{position:relative;} .chngsrvSub a .txt2{font-size:16px; color:#fff; line-height:22px; padding-top:25px; margin-top:25px; background:url('../images/icon/wbar1x45.gif') no-repeat center 0; background-size:45px 1px;} .chngSrvHead {position:relative; line-height:0;} .chngSrvHead .txt{position:absolute; top:99px; left:30px; font-size:20px; color:#fff; font-weight:normal; line-height:30px} .chngSrvHead .txt p{margin-top:20px; font-size:20px; line-height:25px} .chngSrvHead .txt p.big{margin-top:10px; font-size:30px} .chngSrvHead .txt p.type1{margin-top:15px; font-size:15px; font-family:'NanumSquareR'; font-weight:normal; line-height:20px} .chngSrvHead .txt p.type2{margin-top:15px; font-size:30px; line-height:30px} .chngSrvDiv .cont1{overflow:hidden; border-bottom:2px solid #333; padding-bottom:35px;} .chngSrvDiv .cont1 .img{width:305px; text-align:center; float:left;} .chngSrvDiv .cont1 .txt{width:580px; font-size:14px; color:#555; line-height:24px; float:left; padding-right:65px;} .chngSrvDiv .cont1 .txt .type1{font-size:20px; margin-bottom:20px; color:#333; font-weight:normal;} .chngSrvDiv .cont1 .txt .type3{font-size:16px; margin-bottom:20px; color:#333; font-weight:normal;} .chngSrvDiv .cont1.type2{border-bottom:0px solid #333; padding-bottom:0px; border-top:1px solid #ddd; padding-top:40px;} .chngSrvDiv .subSelDiv{position:relative; padding:65px 0 0; margin-top:0} .chngSrvDiv .subSelDiv .subSel{position:absolute; top:0; left:0; width:83px; height:24px; border:1px solid #fada3c; border-radius:13px; text-align:center; color:#fada3c; font-size:13px; transition:.2s linear; -moz-transition:.2s linear; -webkit-transition:.2s linear; -ms-transition:.2s linear; -o-transition:.2s linear;} .chngSrvDiv .subSelDiv .subSel.on{color:#fff; background:#fada3c;} .chngSrvDiv .subSelDiv .linkBtn{display:inline-block; position:absolute; right:0; top:0;} .chngSrvDiv .cont2{overflow:hidden; margin-top:30px;} .chngSrvDiv .cont2 li{width:245px; float:left; text-align:center; margin-right:107px; font-size:15px; color:#555; line-height:24px; padding-bottom:40px} .chngSrvDiv .cont2.fou li{width:220px; margin-right:20px; font-size:18px; color:#555; line-height:24px; padding-bottom:40px} .chngSrvDiv .cont2.fou li img{width:90%;} .chngSrvDiv .cont2 li:nth-last-child(1){margin-right:0;} .chngSrvDiv .cont2 li .txt{margin-top:15px; letter-spacing:-0.1px} /* 2017-02-23 수정 */ .chngSrvDiv .cont2.type2{overflow:hidden; margin-top:30px;} .chngSrvDiv .cont2.type2 .img img{width:100%} .chngSrvDiv .cont2.type2 .txt{overflow:hidden; padding:30px 70px; background:#eee} .chngSrvDiv .cont2.type2 .txt p{float:left; padding-left:40px; margin-left:40px; border-left:1px solid #ddd; font-size:16px; color:#333; line-height:25px} .chngSrvDiv .cont2.type2 .txt p:first-child{padding-left:0; margin-left:0; border-left:0} .chngSrvDiv .cont2.type2 .txt p span{color:#c53140; font-size:20px} .chngSrvDiv .cont3{overflow:hidden; margin-top:10px;} .chngSrvDiv .cont3 li{overflow:hidden; padding:20px 0 42px; background:url('../images/icon/chngsrv_arrowline.gif') no-repeat center bottom; background-size:950px 12px;} .chngSrvDiv .cont3 li .img{width:95px; text-align:center; float:left;} .chngSrvDiv .cont3 li .txt{width:825px; float:right; color:#555; line-height:24px;} .chngSrvDiv .cont3 li .txt .type1{font-size:18px; margin-bottom:10px; color:#333; font-weight:normal;} .chngSrvDiv .cont3 li .txt .type1 strong{color:#fada3c} /*2017-04-27 추가*/ .chngSrvDiv .cont4{overflow:hidden; margin-top:30px;} .chngSrvDiv .cont4 li{width:245px; float:left; text-align:center; margin-right:107px; font-size:15px; color:#555; line-height:24px; padding-bottom:40px} .chngSrvDiv .cont4.fou li{width:220px; margin-right:20px; font-size:18px; color:#555; line-height:24px; padding-bottom:40px} .chngSrvDiv .cont4.fou li img{width:90%;} .chngSrvDiv .cont4 li:nth-last-child(1){margin-right:0;} .chngSrvDiv .cont4 li .txt{margin-top:15px; letter-spacing:-0.1px} /* 2017-02-23 수정 */ .chngSrvDiv .cont4.type2{overflow:hidden; margin-top:30px;} .chngSrvDiv .cont4.type2 .img img{width:100%} .chngSrvDiv .cont4.type2 .txt{overflow:hidden; padding:30px 70px; background:#eee} .chngSrvDiv .cont4.type2 .txt p{float:left; padding-left:40px; margin-left:40px; border-left:1px solid #ddd; font-size:16px; color:#333; line-height:25px} .chngSrvDiv .cont4.type2 .txt p:first-child{padding-left:0; margin-left:0; border-left:0} .chngSrvDiv .cont4.type2 .txt p span{color:#c53140; font-size:20px} .privacyDiv{position:relative} .privacyDiv .printBt{position:absolute; top:0; right:0;} .privacyDiv .taR select{width:188px;} .privacyDiv .priTxt{border-top:2px solid #333; padding-top:13px; line-height:23px; color:#555} .privacyDiv .priTxt .subTxt{font-size:15px; color:#333; font-weight:normal;} .privacyDiv .priAnchor{border:1px solid #ddd; padding:25px 30px 7px; overflow:hidden} .privacyDiv .priAnchor a{display:block; width:50%; float:left; margin-bottom:20px} .privacyDiv dt{padding-top:20px; margin-bottom:10px; font-size:15px; color:#fada3c; font-weight:normal;} .privacyDiv dt.type1{padding-top:0px; font-size:22px;} .privacyDiv dt.type2{font-size:20px;} .privacyDiv dt.type3{font-size:18px;} .privacyDiv dt.type4{color:#333;} .privacyDiv dd{overflow:hidden; color:#555; line-height:24px; margin-bottom:15px} .privacyDiv dd .num{width:18px; float:left} .privacyDiv dd .txt{width:932px; float:left} .privacyDiv dd table{border-top:1px solid #ffe3e4; border-left:1px solid #ffe3e4;} .privacyDiv dd th{background:#f7f7f7; padding:10px 0; font-size:13px; color:#777; border-bottom:1px solid #ffe3e4; border-right:1px solid #ffe3e4;} .privacyDiv dd td{padding:10px; font-size:13px; color:#777; border-bottom:1px solid #ffe3e4; border-right:1px solid #ffe3e4;} .memMap{overflow:hidden} .memMap .img{width:; float:left; padding:97px 34px 0 10px} .memMap .txt{width:500px; padding-left:20px; float:left; border-left:1px dashed #ddd;} .memMap .txt table{border-top:2px solid #bcbcbc} .memMap .txt th{padding:15px 0; background:#f7f7f7; color:#333; border-bottom:1px solid #f0f0f0;} .memMap .txt td{padding:15px 0 15px 20px; border-bottom:1px solid #f0f0f0;} .imgInfo{overflow:hidden; margin-bottom:40px} .imgInfo .img{width:290px; float:left} .imgInfo .info{width:640px; float:right; color:#555; line-height:24px;} .imgInfo .info .titTxt{margin-top:10px} .memMap2 {overflow:hidden} .memMap2::after {clear:both;} .memMap2 .txt table{border-top:2px solid #bcbcbc} .memMap2 .txt th{padding:15px 0; background:#f7f7f7; color:#333; border-bottom:1px solid #f0f0f0;} .memMap2 .txt td{padding:15px 20px; border-bottom:1px solid #f0f0f0; line-height:24px; vertical-align:top} .memMap2 .txt td strong{color:#333} .memMap2 .txt td a{color:#f0f0f0; text-decoration:underline} .memMap2 dl {float:left; margin-top:40px; /*padding-right:40px;*/ box-sizing:border-box;} .memMap2_text {padding:30px; font-size:14px; line-height:24px; color:#333; border:1px solid #ccc; background:#f5f5f5; box-sizing:border-box;} .memMap2_text span {font-size:20px; font-weight:bold;} .memberRoll{position:relative; height:420px; border-top:2px solid #333; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; overflow:hidden} .memberRoll .left{position:absolute; top:174px; left:20px; z-index:500} .memberRoll .right{position:absolute; top:174px; right:20px; z-index:500} .memberRoll .rollIcon{position:absolute; bottom:30px; left:0; z-index:500; width:100%; height:4px; text-align:center} .memberRoll .rollUnit{position:absolute; top:0; left:0; width:100%; height:420px; padding:30px 0;} .memberRoll .rollUnit .performRe{width:710px; margin:auto} .memberRoll .rollUnit .performRe .txt{width:425px; font-size:13px} /*General ESL표*/ .memMap23{overflow:hidden} .memMap23 .txt table{border-top:2px solid #bcbcbc} .memMap23 .txt th{padding:10px 0; background:#f7f7f7; color:#333; border-bottom:1px solid #f0f0f0;} .memMap23 .txt td{padding:10px 20px; border-bottom:1px solid #f0f0f0; line-height:24px; vertical-align:top} .memMap23 .txt1 td{padding:10px 20px; border-bottom:1px solid #e1eefc; line-height:24px; vertical-align:top} .memMap23 .txt td strong{color:#333} .memMap23 .txt td a{color:#f0f0f0; text-decoration:underline} /*연수비용 표*/ .ceoDiv{overflow:hidden} .ceoDiv .img{width:300px; float:left} .ceoDiv .txt{width:600px; float:right; line-height:24px; color:#555} .ceoDiv .txt .type1{font-size:24px; color:#333; line-height:33px; font-weight:normal; margin-bottom:30px} .companyDiv{color:#555; line-height:22px;} .companyDiv .type1{font-size:24px; color:#333; line-height:33px; font-weight:normal; margin-bottom:10px} .companyDiv ul{overflow:hidden; margin-top:40px; padding-bottom:20px; border-bottom:1px solid #ddd} .companyDiv li{width:280px; height:252px; float:left; margin:0 55px 0 0; color:#555; letter-spacing:-1px} .companyDiv li.end{margin-right:0px;} .companyDiv li strong{font-size:16px; color:#333} .companyDiv .titTxt{line-height:30px;} .companyDiv .diagram{font-size:18px; color:#fada3c; font-weight:normal; margin-top:40px; padding-bottom:30px; text-align:center} .companyDiv .diagram .txt{margin-bottom:40px;} .historyDiv{border-top:2px solid #333} .historyDiv li{border-bottom:1px solid #ddd; overflow:hidden; padding:50px 0;} .historyDiv li.end{border-bottom:0px solid #ddd;} .historyDiv li .year{width:190px; float:left; text-align:right; font-size:24px; color:#333; font-weight:normal;} .historyDiv li .hisTxt{width:690px; float:right; color:#777; overflow:hidden} .historyDiv li .hisTxt .txt{overflow:hidden; margin-top:5px} .historyDiv li .hisTxt .txt .month{width:25px; float:left; font-weight:normal; color:#555} .historyDiv li .hisTxt .txt .history{width:650px; float:left;} .historyDiv li .hisTxt .txt .history .img{margin-top:15px;} .location .map{border:1px solid #ddd;height:400px;} .location .map img{width:100%} .location dl{overflow:hidden; margin-top:40px;} .location dt{width:170px; float:left; padding-left:75px; font-size:15px; color:#333; font-weight:normal; line-height:23px} .location dt.one{background:url('../images/icon/location_icon1.gif') no-repeat 39px 0; background-size:22px;} .location dt.two{background:url('../images/icon/location_icon2.gif') no-repeat 39px 0; background-size:19px;} .location dt.thr{background:url('../images/icon/location_icon3.gif') no-repeat 39px 0; background-size:22px;} .location dt.fou{background:url('../images/icon/location_icon4.gif') no-repeat 39px 0; background-size:22px;} .location dt.fiv{background:url('../images/icon/location_icon5.gif') no-repeat 39px 0; background-size:21px;} .location dd{width:692px; padding-left:13px; float:left; background:url('../images/icon/dot3x3b.gif') no-repeat 0 6px; background-size:3px;} .location dd span.type1{display:inline-block; background:url('../images/icon/location_icon6.gif') no-repeat 0 0; background-size:26px; line-height:26px; padding-left:35px;} .location dd span.type2{display:inline-block; background:url('../images/icon/location_icon7.gif') no-repeat 0 0; background-size:26px; line-height:26px; padding-left:35px; margin-left:30px} .location dd span.type3{display:inline-block; background:url('../images/icon/location_icon8.gif') no-repeat right 0; background-size:16px; line-height:16px; padding-right:25px; margin-right:6px} .BiDiv .txt1{font-size:18px; color:#333} .BiDiv .txt2{font-size:24px; color:#333; font-weight:normal;} .BiDiv .biCon1{width:950px; overflow:hidden; margin:auto} .BiDiv .biCon1 .img{width:475px; float:left} .BiDiv .biCon1 .txt{width:435px; height:229px; padding:78px 0 0 40px; background:#fada3c; color:#fff; float:left} .BiDiv .biCon1 .txt .type1{font-size:14px; padding:5px 0 5px 75px; background:url('../images/icon/bi_story_icon1.gif') no-repeat 0 0; background-size:55px; line-height:23px;} .BiDiv .biCon1 .txt .type1 strong{font-size:17px;} .BiDiv .biCon1 .txt .type2{margin-top:40px; font-size:14px; padding:5px 0 5px 75px; background:url('../images/icon/bi_story_icon2.gif') no-repeat 0 0; background-size:55px; line-height:23px;} .BiDiv .biCon1 .txt .type2 strong{font-size:17px;} .BiDiv .biCon2{width:949px; overflow:hidden; border-top:1px solid #ddd; border-left:1px solid #ddd; margin:auto} .BiDiv .biCon2 .img{width:473px; float:left; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; padding:80px 0;} .memSubTop{border:1px solid #ddd; background:#f7f7f7; padding:29px; overflow:hidden} .memSubTop .img{width:177px; float:left} /* 2017-03-17 수정 */ .memSubTop .txt{width:630px; float:left; margin-top:30px} /* 2017-03-17 수정 */ .memSubTop .txt .img{float:none} /* 2017-03-17 추가 */ .memSubTop .txt .type1{margin-top:20px; font-size:20px; color:#333; font-weight:normal; line-height:26px} .memSubTop .txt .type2{margin-top:10px; color:#555; line-height:22px} /* 2017-03-17 수정 */ .golfCardDiv{padding:30px 3%; background:#f6f6fa} .golfCardDiv .golfCard{width:635px; overflow:hidden; margin:auto} .golfCardDiv .golfCard .img{width:222px; float:left;} .golfCardDiv .golfCard .txt{width:385px; float:right; font-size:18px; color:#555; line-height:30px; margin-top:10px} .golfInfo{position:relative; margin-top:20px;} .golfInfo .taRTxt{position:absolute; top:-40px; right:0; color:#fada3c; text-decoration:underline} .golfInfo .boardType8{width:100%; margin-top:10px} .golfInfo .left{width:465px; float:left; margin-bottom:40px} .golfInfo .right{width:465px; float:right; margin-bottom:40px} .golfInfo .tit{font-size:14px; color:#555; font-weight:normal; margin-bottom:10px} .golfInfo .tit img{vertical-align:middle; margin-right:6px} .mvScript{padding:22px 24px; height:70px; border:1px solid #ddd; overflow-y:auto; line-height:24px} /* boardType */ .boardType1{position:relative; border-top:2px solid #333;} .boardType1 th{border-bottom:1px solid #bdbdbd; color:#333; padding:14px 0;} .boardType1 td{border-bottom:1px solid #e5e5e5; padding:14px 0; text-align:center; font-size:13px;} .boardType1 td.type1{color:#333; font-size:14px;} .boardType1 td.type2{padding-left:10px; text-align:left; font-size:14px;} .boardType1 td.type2 a{color:#333; padding-left:10px; text-align:left;} .boardType2{position:relative; border-top:2px solid #333;} .boardType2 th{border-bottom:1px solid #e5e5e5; background:#f7f7f7; font-size:16px; color:#333; padding:19px 3%; text-align:left; vertical-align:top} .boardType2 th span{display:inline-block; padding-left:20px} .boardType2 th span.essen{padding-left:20px; background:url('../images/icon/essential_icon.gif') no-repeat 0 3px; background-size:10px;} .boardType2 th span.dot{padding-left:10px; background:url('../images/icon/dot3x3b.gif') no-repeat 0 5px; background-size:3px;} .boardType2 td{border-bottom:1px solid #e5e5e5; padding:13px 10px; font-size:14px; color:#555} .boardType2 td .red{font-size:13px;} .boardType2 td input.add1{background:#f7f7f7} .boardType2 td .list{display:inline-block; min-width:145px;} .boardType2 td .list2{display:inline-block; min-width:50%;} .boardType2 td .selectPack{width:24.5%; float:left; border-right:1px solid #dbdbdb; text-align:center} .boardType2 td .selectPack.end{border-right:0px solid #dbdbdb;} .boardType2 td .selectPack dt{display:inline-block; color:#333; font-weight:normal; margin-top:3px; margin-right:21px} .boardType2 td .selectPack dd{display:inline-block; margin-right:11px} .boardType2 td .inputType1{width:30%} .boardType2 td .inputType2{width:20%} .boardType2 td .inputType3{width:10%} .boardType2 td .inputType4{width:98%} .boardType2 td .inputType5{width:55%} .boardType2 td .addFile{position:relative} .boardType2 td .addFile .file{position:absolute; top:0; left:0; width:45%; zoom: 1; filter: alpha(opacity=0); opacity: 0; cursor:pointer} .boardType2 td textarea{width:98%; height:185px;} .boardType2 .leftAdd{position:absolute; bottom:-45px; left:0;} .boardType2 td .subTit{color:#333; margin:0 2% 0 5%} .boardType2 td .date{width:118px; height:30px; border:1px solid #ddd; float:left; margin-right:6px} .boardType2 td .date input{border:none; width:87px;} .boardType2 td .date img{vertical-align:middle} .boardType3{border-top:1px solid #bdbdbd; border-bottom:1px solid #bdbdbd} .boardType3 div{width:100%; overflow:hidden; padding:15px 0} .boardType3 p{float:left} .boardType3 .tit{width:100px; text-align:center} .boardType3 .prvDiv{border-bottom:1px solid #e5e5e5} .boardType3 .prvDiv .tit span{padding-left:19px; background:url('../images/icon/list_prvicon.gif') no-repeat 0 center; background-size:9px 5px;} .boardType3 .nxtDiv .tit span{padding-left:19px; background:url('../images/icon/list_nxtcon.gif') no-repeat 0 center; background-size:9px 5px;} .boardType3 .txt{width:710px; padding-left:30px;} .boardType3 .date{width:110px; text-align:center} .boradType4{position:relative; border-top:1px solid #333;} .boradType4 li{width:100%; padding:20px 0; border-bottom:1px solid #e5e5e5; overflow:hidden; font-size:15px;} .boradType4 li .num{width:60px; float:left; text-align:center; color:#777} .boradType4 li .info{width:890px; float:left; overflow:hidden;} .boradType4 li .info .txt1{/*width:555px;*/ width: 520px; float:left;} .boradType4 li .info .txt1 a{color:#555; font-weight:normal;} .boradType4 li .info .txt1 img{margin-left:6px} .boradType4 li .info .txt2{/*width:185px;*/ width: 200px; float:left; text-align:right; padding-right:20px; font-size:13px; color:#777} /* 2017-03-02 수정 */ .boradType4 li .info .txt2 .bar{margin:0 6px; color:#e5e5e5} .boradType4.type2 li .type{width:120px; float:left; overflow:hidden; text-align:center; color:#555} .boradType4.type2 li .info{width:770px; float:left; overflow:hidden;} .boradType4.type2 li .info .txt1{width:570px; float:left;} .boradType5{position:relative; border-top:2px solid #333;} .boradType5 a{display:block; border-bottom:1px solid #e5e5e5; padding:20px 0; overflow:hidden} .boradType5 a span{display:block;} .boradType5 a .img{width:220px; min-height:140px; float:left; overflow:hidden; background:url('../images/icon/adlist_noimg.gif') no-repeat right 0; background-size:100%;} .boradType5 a .info{width:700px; float:right; overflow:hidden} .boradType5 a .txt1{font-size:16px; color:#555; font-weight:normal; margin-top:18px} .boradType5 a .txt2{color:#777; line-height:22px; margin-top:10px} .boradType5 a .txt3{font-size:13px; color:#777; margin-top:10px} .boradType6{position:relative; padding:40px 0 10px; border-top:2px solid #333; border-bottom:1px solid #bdbdbd; overflow:hidden} .boradType6 a{display:block; width:286px; height:470px; overflow:hidden; float:left; margin:0 46px 30px 0;} .boradType6 a span{display:block;} .boradType6 a .img{width:268px; height:394px; overflow:hidden; padding:8px; border:1px solid #dfdfdf} .boradType6 a .img img{width:268px; height:394px;} .boradType6 a .txt1{font-size:15px; color:#555; font-weight:normal; margin-top:15px} .boradType6 a .info{font-size:13px; color:#777; margin-top:5px} .boradType6 a .info span{float:left} .boradType6 a .info .bar{color:#ddd; margin:0 10px} .scrollX{position:relative; width:100%; overflow:hidden} .scrollX .widthScbg{display:none; position:absolute; top:0; right:0; width:100px; background:url('../images/icon/width_scrollbg.png') repeat-y right 0; background-size:100px 1px;} .boradType7{position:relative; width:100%; overflow-y:visible; overflow-x:auto; border-top:2px solid #bcbcbc;} .boradType7 table{width:100%;} .boradType7 th{padding:15px 0; background:#f7f7f7; color:#333; border-bottom:1px solid #e5e5e5} .boradType7 td{padding:15px 0; border-bottom:1px solid #e5e5e5; text-align:center; color:#555} .boradType7 .type2 td{padding:15px; border-bottom:1px solid #e5e5e5; text-align:left} .boradType7 td.taL{padding-left:15px} .boradType7 td a{color:#555} .boradType7 td.process{color:#999} .boradType7 td.process strong{color:#333; font-size:13px; display:inline-block} .boradType7 td.process span{font-size:13px; display:inline-block} .boradType7 td.process .bar{margin:0 1%; display:inline-block; height:30px; vertical-align:middle} .boradType7 td.remainArea span{display:inline-block;} .boradType7 td.remainArea .remain{width:29%;} .boradType7 td.remainArea .remain strong{color:#333} .boradType7 td.remainArea .remain span{float:right} .boradType7 td.remainArea .bar{margin:0 2%; color:#dbdbdb} .boardType8{position:relative; width:100%; overflow-y:visible; overflow-x:auto; border-top:2px solid #bcbcbc;} .boardType8 th{padding:15px 0; background:#e3e2f5; color:#837fc1; border-bottom:1px solid #837fc1; font-size:18px;} .boardType8 td{padding:15px 0; border-bottom:1px solid #d7d6f0; text-align:center} .boardType8 td .fontType1{color:#333; font-weight:normal;} .boardType8 td .fontType2{color:#fada3c; font-size:16px;} .boardType8 td.taC{padding:15px 3%;} .boardType8 td.taL{padding:15px 3%;} .boardType8 td .subTable{border-top:1px solid #ddd; border-left:1px solid #ddd} .boardType8 td .subTable th{border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#eee; color:#333; font-size:14px; padding:13px 0 12px;} .boardType8 td .subTable td{border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#fff; color:#555; font-size:14px; padding:13px 0 12px;} .boardType8 td.type1{background:#fff5f6; font-size:15px; color:#333; font-weight:normal;} .boardType8 td.type2{border-right:1px solid #d7d6f0;} .boardType8 td.end{border-bottom:1px solid #837fc1;} .boardType10{position:relative; border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5;} .boardType10 th{padding:5px 0; background:#f7f7f7; color:#555; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5;} .boardType10 td{padding:5px 3%; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; text-align:center} .boardType11{position:relative; border-top:2px solid #837fc1;} .boardType11 th{padding:15px 0; background:#e3e2f5; color:#837fc1; border-bottom:1px solid #d7d6f0; border-right:1px solid #d7d6f0; font-size:15px;} .boardType11 th.end{border-right:0px solid #d7d6f0;} .boardType11 td{padding:15px 3%; border-bottom:1px solid #d7d6f0; font-size:14px; color:#555;} .boardType11 td.end{border-right:0px solid #d7d6f0;} .boardType11 td.type1{background:#fff5f6; font-size:15px; color:#333; font-weight:normal; text-align:center} .calendarBoard{position:relative; width:873px; border-top:2px solid #837fc1;} .calendarBoard th{padding:15px 0; background:#e3e2f5; color:#fada3c; border-bottom:1px solid #837fc1; border-right:1px solid #d7d6f0; font-size:15px;} .calendarBoard td{padding:15px 1%; border-bottom:1px solid #d7d6f0; border-right:1px solid #d7d6f0; text-align:center; font-size:13px; color:#555; line-height:17px} .calendarBoard td.type1{background:#fff5f6; font-weight:normal; color:#333; letter-spacing:-1px} .calendarBoard .end{border-right:0px;} .calendarBoard .op{color:#fada3c !important;} .calendarBoard .sun{color:#ce7171 !important;} .calendarBoard .sat{color:#52a1ea !important;} .programDiv{margin-top:20px; overflow:hidden} .programDiv .img{width:290px; float:left} .programDiv .txt{width:570px; float:right; font-size:14px !important; line-height:22px !important; font-family:'NanumSquareR' !important; font-weight:normal; color:#666 !important; text-align:left !important; background:none !important} .programDiv .txt .dotTxt{padding-bottom:0} .prList{width:100%; overflow:hidden; border-bottom:1px solid #bdbdbd} .prList a{display:block; width:222px; height:180px; float:left; margin-right:20px; margin-bottom:25px} .prList a span{display:block;} .prList a strong{display:block;} .prList a .img{width:222px; height:126px; overflow:hidden} .prList a .img img{width:222px; height:126px;} .prList a .tit{font-size:15px; color:#555; margin-top:10px} .prList a .txt{font-size:13px; color:#777; margin-top:5px; overflow:hidden} .prList a .txt span{float:left} .prList a .txt span.bar{color:#ddd; margin:0 10px;} .lifeList{width:100%; overflow:hidden; border-bottom:1px solid #bdbdbd} .lifeList a{display:block; width:290px; height:245px; float:left; margin:0 40px 25px 0;} .lifeList a span{display:block;} .lifeList a strong{display:block;} .lifeList a .img{width:290px; height:150px; overflow:hidden; background:url('../images/icon/adlist_noimg2.gif') no-repeat 0 0;} .lifeList a .img img{width:290px; height:150px;} .lifeList a .type1{width:68px; height:24px; line-height:24px; background:#e5e5e5; text-align:center; border-radius:12px; font-size:13px; color:#333; margin-top:15px} .lifeList a .type2{width:68px; height:24px; line-height:24px; background:#ffd000; text-align:center; border-radius:12px; font-size:13px; color:#333; margin-top:15px} .lifeList a .type3{width:68px; height:24px; line-height:24px; background:#dfdfdf; text-align:center; border-radius:12px; font-size:13px; color:#333; margin-top:15px} .lifeList a .tit{font-size:15px; color:#555; margin-top:10px} .lifeList a .txt{font-size:13px; color:#777; margin-top:5px; overflow:hidden} .lifeList a .txt span{float:left} .lifeList a .txt span.bar{color:#ddd; margin:0 10px;} .megaList{width:100%; overflow:hidden;} .megaList li{display:block; width:474px; height:296px; float:left; margin-bottom:40px; overflow:hidden} .megaList li span{display:block;} .megaList li strong{display:block;} .megaList li a{display:block; width:144px; height:33px; line-height:33px; border:1px solid #bdbdbd; text-align:center; color:#333; font-weight:normal; background:url('../images/icon/btn_fffbg.gif') repeat-x 0 0; background-size:1px 33px;} .megaList li .img{width:248px; height:294px; overflow:hidden; border:1px solid #ddd; float:left} .megaList li .img img{width:248px; height:294px;} .megaList li .txt{width:195px; height:296px; float:right; padding:17px 0 0;} .megaList li .txt .tit{font-size:25px; color:#333; line-height:30px; font-weight:normal; padding-bottom:17px; background:url('../images/icon/bar2x25.gif') no-repeat 0 bottom;} .megaList li .txt .copy{margin:17px 0 75px} .faqDiv{position:relative; border-top:2px solid #bdbdbd} .faqDiv .taRbt{position:absolute; top:-30px; right:0;} .faqDiv .taRbt a{color:#777; font-size:13px;} .faqDiv .taRbt a.on{color:#fada3c;} .faqDiv .taRbt .bar{color:#ddd; margin:0 6px} .faqDiv li button{display:block; position:relative; width:950px; font-size:15px; color:#555; border-bottom:1px solid #ffe3e4; text-align:left; padding:20px;} .faqDiv li.on button{width:950px; padding:20px 20px 20px 70px; font-weight:normal; background:url('../images/txt/faq_qtxt.gif') no-repeat 20px 15px;} .faqDiv li button span{position:absolute; top:26px; right:30px; width:13px; height:7px;} .faqDiv li button span img{position:absolute; top:0; left:0; width:13px; height:7px; transition:.2s linear; -moz-transition:.2s linear; -webkit-transition:.2s linear; -ms-transition:.2s linear; -o-transition:.2s linear;} .faqDiv li button span img.an{opacity:1; transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg);} .faqDiv li button span img.off{opacity:0; transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg);} .faqDiv li.on button span img.an{opacity:0; transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg);} .faqDiv li.on button span img.off{opacity:1; transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg);} .faqDiv .answer{display:none; width:860px; padding:20px 20px 20px 70px; background:url('../images/txt/faq_atxt.gif') no-repeat 20px 15px #f7f7f7; font-size:14px; color:#666; line-height:22px; border-bottom:1px solid #ffe3e4;} .prView{position:relative; border-top:2px solid #333; border-bottom:1px solid #bdbdbd} .prView .head{padding:18px 20px; border-bottom:1px solid #bdbdbd} .prView .head .tit {font-size:20px; color:#333;} .prView .head .tit span {float:right; font-size:15px; text-align:right;} .prView .head .txt {font-size:14px; color:#777; margin-top:10px; line-height:24px;} .prView .head .txt .bar{color:#ddd; margin:0 6px} .prView .view {padding:40px 20px; line-height:26px;} .prView .view .view img {width:100%;} .prView .snsDiv{margin-top:60px; text-align:right; padding-bottom:20px} .prView .snsDiv .kakaotalk{display:none} .prView .addFile{position:absolute; bottom:23px; left:0; width:750px;} .prView .addFile a{display:inline-block; padding:5px 13px; background:#f7f7f7; border:1px solid #ddd; border-radius:4px} .prView .leftBt{position:absolute; bottom:-65px; left:0;} .prView .leftBt .btnRed{width:80px; height:43px; line-height:43px; font-size:16px; font-family:'NanumSquareR'; font-weight:normal; vertical-align:top} .prView .view .counAnswer{margin-top:40px; border-top:2px solid #ddd} .prView .view .counAnswer .answerH{padding:20px; border-bottom:1px solid #ddd} .prView .view .counAnswer .tit{padding-left:15px; font-size:16px; color:#333; font-weight:normal; background:url('../images/icon/answer_icon.gif') no-repeat 0 3px; background-size:10px;} .prView .view .counAnswer .txt{font-size:13px; color:#777; margin-top:10px} .prView .view .counAnswer .txt .bar{color:#ddd; margin:0 6px} .prView .view .counAnswer .answerT{padding:20px; border-bottom:1px solid #ddd; background:#f7f7f7; color:#777; line-height:22px} .replDiv .input{border:1px solid #bfbfbf; overflow:hidden; padding:4px 5px} .replDiv .input textarea{width:850px; height:60px; border:none; float:left} .replDiv .input a{display:block; width:72px; height:64px; text-align:center; line-height:64px; border:1px solid #bfbfbf; background:url('../images/icon/btn_fffbg.gif') repeat-x 0 0; color:#555; float:right} .replDiv .view{position:relative; padding:18px 8px 23px; border-bottom:1px solid #ffe3e4} .replDiv .view .priInfo{font-size:13px; color:#777; margin-bottom:10px;} .replDiv .view .priInfo strong{font-size:14px; color:#333;} .replDiv .view .txt{color:#777;} .replDiv .view .bts{position:absolute; bottom:15px; right:0;} .replDiv .view .bts a{display:inline-block; width:48px; height:26px; text-align:center; line-height:26px; border:1px solid #c9c9c9; border-radius:4px; font-size:13px; color:#666} .replDiv .view .bts a.type1{background:#f4f4f4; color:#fada3c} .listSrch{border:1px solid #ddd; background:#f7f7f7; text-align:center; padding:15px 0;} .listSrch select{width:90px;} .listSrch select.type2{width:360px;} .listSrch input{width:360px;} .listSrch strong{color:#333; margin-right:6px} .listSrch .btnGry{height:auto; width:auto; padding:8px 20px 7px; line-height:17px;} /* tab */ .tab1{width:100%; height:48px; overflow:hidden; background:url('../images/icon/tabline.gif') no-repeat 0 0; background-size:1px 48px;} .tab1 a{display:block; width:33.3%; height:16px; float:left; font-size:15px; color:#777; padding:15px 0; background:url('../images/icon/tabline.gif') no-repeat right 0; background-size:1px 48px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;text-align:center} .tab1 a.on{width:33.4%; height:15px; color:#db2229; font-weight:normal; padding:15px 0; border-top:2px solid #db2229; border-bottom:1px solid #fff;} .tab1.six a{width:16.5%;} .tab1.six a.on{width:17.5%;} .tab2{width:100%; overflow:hidden; background:#f7f7f7; padding:23px 0 0;} .tab2 a{display:block; float:left; font-size:15px; color:#777; padding:0 25px 23px; background:url('../images/icon/bar1x14.gif') no-repeat right 2px; background-size:1px 14px;} .tab2 a.on{color:#fada3c; font-weight:normal; text-decoration:underline} /* paging PC */ .paging {text-align:center;} /*.paging a{display:inline-block; width:22px; height:34px; font-weight:normal; text-align:center; line-height:34px;} .paging a.fir{width:34px;} .paging a.prv{width:34px; margin:0 20px 0 1px} .paging a.nxt{width:34px; margin:0 1px 0 20px} .paging a.end{width:34px;} .paging strong{display:inline-block; width:22px; height:34px; color:#fada3c}*/ /*.paging a img{width:34px}*/ /* error */ .errorDiv{width:800px; margin:50px auto 0; text-align:center} .errorDiv .errorBox{margin-top:30px; border:1px solid #dbdbdb; background:#f7f7f7; padding:50px 0;} .errorDiv .errorBox .type1{margin-top:20px; font-family:'맑은 고딕', 'Malgun Gothic' !important; font-size:50px; font-weight:bold; color:#fada3c} .errorDiv .errorBox .type2{margin-top:20px; padding-top:32px; background:url('../images/icon/redbar2x69.gif') no-repeat center 0; background-size:69px 2px; font-size:22px; font-weight:normal; color:#333} .errorDiv .errorBox .type3{margin-top:15px; color:#67686a; line-height:23px} .browser{width:96%; margin:50px auto 0; overflow:hidden;} .browser li{width:32%; text-align:center; float:left} .browser li .txt{color:#333; font-weight:normal; margin-top:10px; border-bottom:0px !important} .closePack{text-align:right; margin:40px 5% 0 0;} .closePack input{margin-left:5%;} /* popup */ #popup{position:relative; width:100%; background:url('../images/popup/popup_bg.gif') repeat-x 0 0; background-size:1px 128px;} #popup .popHead{position:relative; padding:27px 30px 24px; font-size:26px; color:#fff; font-weight:normal; line-height:24px;} #popup .popHead span{font-size:14px; font-family:'NanumSquareR'; font-weight:normal;} #popup .popHead a{position:absolute; top:25px; right:30px;} #popup .popBody{width:578px; padding:28px 29px; margin:auto; background:#fff; border:1px solid #ddd} #popup .popBody .memCardpop .tit{font-size:20px; color:#fada3c; font-weight:normal;} #popup .popBody .memCardpop .txt{color:#777; line-height:24px; margin-top:15px; padding-bottom:15px; border-bottom:1px dashed #ddd} #popup .popBody .memCardpop .txt2{color:#333; line-height:24px; margin-top:0; padding-bottom:15px; border-bottom:1px dashed #ddd} #popup .popBody .memCardpop dl{text-align:center; margin:25px auto 0; width:336px;} #popup .popBody .memCardpop dl.type2{width:380px;} #popup .popBody .memCardpop dt{font-size:22px; color:#333; font-weight:normal; margin-bottom:25px} #popup .popBody .memCardpop dd{margin-bottom:30px} #popup .popBody .memCardpop dd p{text-align:left; color:#333; margin-bottom:5px} #popup .popBody .memCardpop dd p a{color:#333} #popup .popBody .memCardpop .txt2 .bt{margin-top:5px} #popup .popBody .memCardpop .txt2 .bt a{color:#b02a1c; font-weight:normal; text-decoration:underline; margin-right:15px} #popup .popBody .memCardpop .accredBt{margin-top:10px} #popup .popBody .memCardpop .accredBt .whtBt3{padding:12px 50px; background:url('../images/icon/btn_fffbg.gif') repeat-x 0 0; background-size:1px 46px; font-size:16px;} #popup .popBody .memCardpop strong.redTxt{font-size:20px; line-height:28px; color:#fada3c} #popup .popBody .popFile{position:relative; margin-top:30px; border:1px solid #ddd; background:#f7f7f7; padding:15px 0; text-align:center} #popup .popBody .popFile strong{width:57px; color:#333; margin-right:6px} #popup .popBody .popFile .textInput{width:270px;} #popup .popBody .popFile .fileInput{position:absolute; top:15px; left:132px; width:364px; zoom: 1; filter: alpha(opacity=0); opacity:0; cursor:pointer;} #popup .popBody.type2{width:88%; padding:28px 3%; margin:auto; background:#fff; border:1px solid #ddd} #popup .popBody.type2 .tit{font-size:22px; color:#333; font-weight:normal;} #popup .popBody.type2 .tit span.ing{font-size:14px; width:78px; border-radius:14px; background:#ffd000; text-align:center; color: #333; padding:5px 0; display:inline-block;} #popup .popBody.type2 .tit span.end{font-size:14px; width:78px; border-radius:14px; background:#57d3fe; text-align:center; color: #333; padding:5px 0; display:inline-block;} /* 2017-01-19 추가 */ #popup .popBody.type2 .tit span.ready{font-size:14px; width:78px; border-radius:14px; background:#dfdfdf; text-align:center; color: #333; padding:5px 0; display:inline-block;} /* 2017-01-19 추가 */ #popup .popBody .privacyDiv dd .num{width:18px; float:left} #popup .popBody .privacyDiv dd .txt{width:560px; float:left} #popup .popBody .privacyDiv dd table{border-top:1px solid #ffe3e4; border-left:1px solid #ffe3e4;} #popup .popBody .privacyDiv dd th{background:#f7f7f7; padding:10px 0; font-size:13px; color:#777; border-bottom:1px solid #ffe3e4; border-right:1px solid #ffe3e4;} #popup .popBody .privacyDiv dd td{padding:10px; font-size:13px; color:#777; border-bottom:1px solid #ffe3e4; border-right:1px solid #ffe3e4;} #popup .addInfoDiv{padding:30px 0 0; border-top:2px solid #333; overflow:hidden} #popup .addInfoDiv .imgDiv{width:500px; float:left} #popup .addInfoDiv .imgDiv .imgRoll{position:relative; width:500px; height:333px; overflow:hidden;} #popup .addInfoDiv .imgDiv .imgRoll p{position:absolute; top:0; left:0;} #popup .addInfoDiv .imgDiv .thumnail{position:relative; width:500px; height:66px; overflow:hidden; margin-top:15px} #popup .addInfoDiv .imgDiv .thumnail .thumArea{position:relative; width:420px; height:66px; overflow:hidden;} #popup .addInfoDiv .imgDiv .thumnail .thumArea a{display:block; position:absolute; top:0; left:0;} #popup .addInfoDiv .imgDiv .thumnail .thumArea a img{display:block; position:absolute; top:0; left:0;} #popup .addInfoDiv .imgDiv .thumnail .thumArea a img.on{display:none} #popup .addInfoDiv .imgDiv .thumnail .direcbt{position:absolute; top:27px; right:0;} #popup .addInfoDiv .imgDiv .thumnail .direcbt a{position:relative; top:0; right:0; margin-left:16px} #popup .addInfoDiv .txtDiv{width:350px; float:right} #popup .addInfoDiv .txtDiv li{padding-left:10px; background:url('../images/icon/dot3x3b.gif') no-repeat 0 9px; background-size:3px; line-height:25px; margin-bottom:10px} #popup .addInfoDiv .txtDiv li strong{color:#333} #popup .addInfoDiv .txtDiv .txtArea{padding:20px; background:#f7f7f7; margin-top:20px; font-size:13px; line-height:20px;} #popup .addInfoDiv .txtDiv .txtArea .txt{overflow:hidden; margin-bottom:10px} #popup .addInfoDiv .txtDiv .txtArea .txt .num{float:left; width:15px;} #popup .addInfoDiv .txtDiv .txtArea .txt .sentense{float:left; width:285px;} #popup .addInfoDiv2{margin-top:30px; padding-top:40px; border-top:1px dashed #d7d7d7} #popup .addInfoDiv2 .imgDiv{position:relative} #popup .addInfoDiv2 .imgDiv .txtDiv{position:absolute; bottom:0; left:0; padding:28px 3%; width:94%; background:url('../images/icon/dimd_bg.png') repeat 0 0; font-size:14px; color:#fff; line-height:22px} #popup .addInfoDiv2 .txt{padding-bottom:30px; text-align:center; background:url('../images/icon/redbar2x69.gif') no-repeat center bottom; background-size:52px 2px; font-size:26px; font-weight:normal; color:#333} #popup .homeImg{position:relative; width:100%; border-top:2px solid #333; overflow:hidden} #popup .homeImg .left{position:absolute; top:45%; left:3%; z-index:99} #popup .homeImg .right{position:absolute; top:45%; right:3%; z-index:99} #popup .homeImg .img{position:absolute; top:30px; left:0; width:100%; text-align:center} #popup .homeImg .rollIcon{position:absolute; bottom:0; left:0; width:100%; text-align:center} /* 2016-08-25 추가 */ span.small {font-size:20px} .newOne ul li {padding-left:10px; background:url('../images/icon/li_dot.jpg')no-repeat left 10px;} /* 2016-08-26 추가 */ .bigBox {border:1px solid #e2e1f4; background:#fff5f6; padding:20px 30px;} .bigBox02 {border:1px solid #e2e1f4; background:#fff5f6; padding:20px 30px;} .infoCost {float:left; width:33.3%;} /* 2016-08-29 추가 */ .infoA {color:#777; font-size:14px; padding-left:10px;} /* 2016-08-30 추가 */ span.colorP {display:inline-block !important; color:#fada3c;} span.txtS {font-size:20px} /* 2016-03-17 모바일 lnb */ #mobileLnb{display:none; position:absolute; top:0; left:0; width:100%; height:40px; border-bottom:1px solid #ddd; z-index:800;} #mobileLnb .mLnbDiv{position:relative; width:94%; height:40px; margin:auto;} #mobileLnb .mLnbDiv a{display:block} #mobileLnb .mLnbDiv .home{width:48px; height:14px; padding:13px 0; text-align:center; float:left; border-left:1px solid #ddd; border-right:1px solid #ddd} #mobileLnb .mLnbDiv .lnbOne{position:relative; width:160px; padding:12px 19px; float:left; border-right:1px solid #ddd} #mobileLnb .mLnbDiv .lnbOne.on{color:#333; font-weight:normal;} #mobileLnb .mLnbDiv .lnbOne.cur{color:#db2229; font-weight:normal;} #mobileLnb .mLnbDiv .lnbOne img{position:absolute; top:19px; right:19px;} #mobileLnb .mLnbDiv .lnbTwo{display:none; position:absolute; top:40px; left:0; width:160px; border:1px solid #ddd; padding:15px 19px 5px; background:#fff} #mobileLnb .mLnbDiv .lnbTwo a{font-size:13px; margin-bottom:15px;} #mobileLnb .mLnbDiv .lnbTwo a:hover{color:#db2229; font-weight:normal;} #mobileLnb .mLnbDiv .lnbTwo a.on{color:#fada3c; font-weight:normal;} .mobileMenu2 {display:none; position:absolute; top:10px; left:14px;} .mobileMenu2 img {width:30px;} #gnbM {display:none; width:300px; position:absolute; top:0; left:0; background:#fff; border-right:1px solid #1f4e9c; z-index:9999;} #gnbM .mUtil {position:relative; height:25px; background:#1f4e9c; font-size:14px; letter-spacing:-1px; padding:15px 15px;} #gnbM .mUtil a {color:#1f4e9c;} #gnbM {display:none; width:300px; position:absolute; top:0; left:0; background:#fff; border-right:1px solid #1f4e9c; z-index:9999;} #gnbM .mUtil {position:relative; height:25px; background:#1f4e9c; font-size:14px; letter-spacing:-1px; padding:15px 15px;} #gnbM .mUtil a {color:#fff;} /* 1811 언어별 */ #gnbM .mUtil span {margin:0 6px; color:#fff; } #gnbM .mUtil .mobileMenuXbt {position:absolute; top:14px; right:14px;} #gnbM .mUtil .mobileMenuXbt img {width:18px} #gnbM .gnbDiv a {display:block} #gnbM .gnbDiv .one {padding:12px 20px 10px 16px; font-size:17px; color:#333; border-bottom:1px solid #ddd; font-weight:normal; background:url('../images/icon/mgnb_oneicon.gif') no-repeat 268px center; background-size:18px 18px;} #gnbM .gnbDiv .one.on {color:#1f4e9c; border-bottom:1px solid #1f4e9c; background:url('../images/icon/mgnb_oneicon_on.gif') no-repeat 268px center; background-size:18px 18px;} #gnbM .gnbDiv .two {padding:14px 20px 12px 20px; border-bottom:1px solid #ddd; background:#f5f5f5;} #gnbM .gnbDiv .two .twoD {font-size:15px; color:#777; padding:10px 7px; border-bottom:1px solid #ddd;} #gnbM .gnbDiv .two .thr {padding:15px 15px 5px; border-bottom:1px solid #ddd; background:#f5f5f5;} #gnbM .gnbDiv .two .thr .thrD {font-size:13px; color:#777; margin-bottom:10px} .dimdBg {display:none; position:absolute; top:0; left:0; width:100%; height:; background:url('../images/icon/dimd_bg.png') repeat 0 0; z-index:900} #mobileSub {position:relative; display:none; height:; padding:12px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; color:#333} #mobileSub h2 {font-size:1.2em !important;} #mobileSub .mPrv {position:absolute; top:0; left:0; border-right:1px solid #ddd} #mobileSub .mNxt {position:absolute; top:0; right:0; border-left:1px solid #ddd} #mobileSub a {display:block; padding:14px 20px;} #mobileSub a img {height:15px;} .mobileSubmenu {display:none; position:absolute; top:50px; left:0; width:90%; padding:10px 5%; border-bottom:1px solid #1f4e9c; background:#fff; z-index:999} .mobileSubmenu a {display:block; padding:10px; border-bottom:1px solid #ddd; color:#555; font-size:15px;} .newTxt {font-size:16px; color:#fada3c; font-weight:bold;} /* 2016-10-13 추가 */ .newTit {font-size: 20px;color: #333; line-height: 36px; font-family: 'NanumSquareB'; font-weight: normal;} .newBg {padding:30px; background:#efefef; border:1px solid #e5e5e5;} .newBg p {line-height:20px;} /* 2016-11-16 추가 - NH농협카드 상품 안내페이지 */ .f14 {font-size:14px !important;} .f25 {font-size:25px !important;} .f40 {font-size:40px !important;} .f60 {font-size:60px !important;} .lh30 {line-height:30px !important;} .pr40 {padding-right:40px !important;} #nhCardDiv {width:100%; min-width:1300px; letter-spacing:-0.9px; position:relative;} #nhCardDiv > h1 {background:#f7f8fa; width:100%;} #nhCardDiv > h1 .logo {width:1200px; text-align:left; margin:0px auto; padding:31px 0px;} #nhCardDiv .visualDiv {background:url('../images/campaign/top_bg.jpg')no-repeat top center; width:100%; height:747px; overflow:hidden;} #nhCardDiv .visualDiv .titDiv {width:1200px; margin:0px auto; padding:90px 0px 93px 0px;} #nhCardDiv .gray {color:#818389 !important;} #nhCardDiv .blue {color:#005caa !important;} #nhCardDiv .yellow {color:#fbe600 !important;} #nhCardDiv .red {color:#f04747 !important;} #nhCardDiv .applyInfo {background:#45456e; padding:25px 30px; width:400px; font-size:18px; color:#fff;} #nhCardDiv .time {background:#fff; text-align:center; padding:20px 0px; color:#2b2767;} #nhCardDiv .whyDiv {background:#ebeef0; width:100%;} #nhCardDiv .whyDiv ul {width:100%; overflow:hidden;} #nhCardDiv .whyDiv ul li {background:url('../images/campaign/txt_box.gif')no-repeat top left; width:452px; height:280px; float:left; text-align:center; padding:40px 0px;} #nhCardDiv .whyDiv ul li dl dt {color:#fada3c; font-size:30px; line-height:40px; } #nhCardDiv .whyDiv ul li dl dd {color:#666; font-size:17px; line-height:28px;} #nhCardDiv .whyDiv .boxtit span {font-family:'NanumSquareR'; font-size:20px;} #nhCardDiv .qaDiv {background:#f7f4f8; width:100%;} #nhCardDiv .qaDiv dl {overflow:hidden;} #nhCardDiv .qaDiv dl dt {background:#fcfbfc; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 30px;} #nhCardDiv .qaDiv dl .question {background:url('../images/campaign/txt_q.png')no-repeat top left; font-size:20px; height:35px; padding-left:45px; color:#fada3c; line-height:35px;} #nhCardDiv .qaDiv dl dd {background:url('../images/campaign/txt_a.png')no-repeat top left; font-size:15px; min-height:35px; padding:8px 0px 0px 45px; color:#333; line-height:25px; margin:15px 30px 0px;} #nhCardDiv .qaDiv .last {padding-bottom:30px; border-bottom:1px solid #ddd;} #nhCardDiv .conDiv {width:950px; margin:0px auto; overflow:hidden; padding-bottom:100px;} #nhCardDiv .conDiv .tit {border-bottom:2px solid #d3d6d8; text-align:center; padding:100px 0px 30px 0px; font-size:35px; color:#333; } #nhCardDiv .conDiv .tit span {border-bottom:3px solid #fada3c; padding:0px 0px 30px 0px;} #nhCardDiv .conDiv .boardTit {background:url('../images/campaign/bullet.gif')no-repeat top left; padding-left:20px; font-size:25px; color:#333; } #nhCardDiv .conDiv .boardType1 {border-top:1px solid #ddd; line-height:25px;} #nhCardDiv .conDiv .boardType1 table {width:100%;} #nhCardDiv .conDiv .boardType1 th {background:#f8f8f8; text-align:left; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 20px; font-family:'NanumSquareR'; font-size:15px;} #nhCardDiv .conDiv .boardType1 .thTit {background:#f9f8fd; text-align:center; border-right:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd; font-size:15px;} #nhCardDiv .conDiv .boardType1 td {background:#fff; text-align:left; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 20px; color:#666; font-size:15px;} #nhCardDiv .conDiv .refer {font-size:14px; line-height:20px; color:#666; margin-top:20px;} #nhCardDiv .conDiv .notice {background:#f8f8f8; padding:40px; overflow:hidden;} #nhCardDiv .conDiv .notice dt {font-size:20px; color:#333; float:left; width:170px;} #nhCardDiv .conDiv .notice dd {font-size:13px; color:#666; line-height:20px; float:left; width:700px;} /* //2016-11-16 추가 - NH농협카드 상품 안내페이지 */ /* 2017-01-11 전환서비스 추가 */ .newTravel{overflow:hidden} .newTravel li{width:475px; height:170px; padding:70px 0 0; float:left; overflow:hidden; text-align:center; font-size:16px; color:#fff; line-height:26px} .newTravel li:nth-child(1){background:url('../images/icon/travel_img5.jpg') no-repeat 0 0} .newTravel li:nth-child(2){background:url('../images/icon/travel_img6.jpg') no-repeat 0 0} .newTravel li:nth-child(3){background:url('../images/icon/travel_img7.jpg') no-repeat 0 0} .newTravel li:nth-child(4){background:url('../images/icon/travel_img8.jpg') no-repeat 0 0} .newTravel2{overflow:hidden; border-left:1px solid #ddd; border-top:1px solid #ddd} .newTravel2 li{width:474px; height:169px; float:left; overflow:hidden;} .newTravel2 li>div{height:143px; padding:25px 60px 0 133px; font-size:14px; color:#555; line-height:20px; border-bottom:1px solid #ddd; border-right:1px solid #ddd} .newTravel2 li .type1{color:#333; text-align:center; margin-bottom:15px; padding-right:25px} .newTravel2 li:nth-child(1){background:url('../images/icon/newadd_service_icon1.gif') no-repeat 60px 74px} .newTravel2 li:nth-child(2){background:url('../images/icon/newadd_service_icon2.gif') no-repeat 60px 74px} .newTravel2 li:nth-child(3){background:url('../images/icon/newadd_service_icon3.gif') no-repeat 60px 74px} .newTravel2 li:nth-child(4){background:url('../images/icon/newadd_service_icon4.gif') no-repeat 60px 74px} .newTravel2 li:nth-child(5){background:url('../images/icon/newadd_service_icon5.gif') no-repeat 60px 74px} .newTravel2 li:nth-child(6){background:url('../images/icon/newadd_service_icon6.gif') no-repeat 60px 74px} /* 2017-01-13 추가 */ .newScheInfo{background:url('../images/icon/schedule_list_bg.gif') no-repeat; width:100%; height:66px; overflow:hidden} .newScheInfo li{float:left; width:245px; margin:15px 0 0 40px; padding:10px 30px 5px 0; border-right:1px solid #ddd} .newScheInfo li span{text-align:center; color:#333; padding:2px 0; display:inline-block; float:left; margin-top:-2px; margin-right:5px} .newScheInfo li:nth-child(1) span{width:78px; border-radius:10px; background:#dfdfdf;} .newScheInfo li:nth-child(2) span{width:78px; border-radius:10px; background:#ffd000;} .newScheInfo li:nth-child(3) span{width:78px; border-radius:10px; background:#57d3fe;} .newScheInfo li:nth-child(3){border-right:none; padding-right:0} .scheduleList{overflow:hidden} .scheduleDiv p.bar1{width:100%; border-radius:10px; background:#dfdfdf; text-align:center; color:#333; padding:3px 0} .scheduleDiv p.bar2{width:100%; border-radius:10px; background:#ffd000; text-align:center; color:#333; padding:3px 0} .scheduleDiv p.bar3{width:100%; border-radius:10px; background:#57d3fe; text-align:center; color:#333; padding:3px 0} .scheduleDiv{width:290px; float:left; margin-right:40px; margin-bottom:40px;} .scheduleDiv:nth-child(3n){margin-right:0px;} .scheduleDiv .scView{width:288px; display:block; border:1px solid #ddd; border-top:none} .scheduleDiv .scView img{padding:10px 0 10px 110px} .scTit{font-size:13px; color:#777; letter-spacing:-0.4px} .scTxt{font-size:15px; color:#555; font-weight:normal; line-height:20px} .scPaging{border-top:1px solid #dbdbdb; padding-top:30px} .scCheck li{padding-top:0; padding-bottom:5px} /* 2017-03-17 수정 */ .marriageIntro .service{overflow:hidden} .marriageIntro .wdImg{width:315px; height:25px; padding-top:255px; text-align:center; float:left; display:inline-block; color:#fff} .marriageIntro .wdImg:nth-child(1){background:url('../images/icon/marriage_service1.gif') no-repeat 0 0} .marriageIntro .wdImg:nth-child(2){background:url('../images/icon/marriage_service2.gif') no-repeat 0 0} .marriageIntro .wdImg:nth-child(3){background:url('../images/icon/marriage_service3.gif') no-repeat 0 0} .marriageIntro .special img{padding-right:20px; margin-top:30px} .marriageIntro .use{overflow:hidden} .marriageIntro .use .useDiv{width:50%; box-sizing:border-box; border:1px solid #ddd; border-top:none; float:left; text-align:center; padding:20px 0 0; height:170px} .marriageIntro .use .useDiv:nth-child(1){border-top:1px solid #ddd} .marriageIntro .use .useDiv:nth-child(2){border-top:1px solid #ddd} .marriageIntro .use .useDiv:nth-child(2n){border-left:none} .marriageIntro .use1 .useDiv:nth-child(1) .icon{background:url('../images/icon/marriage_use1.gif') no-repeat 40px 0; padding-top:10px} .marriageIntro .use1 .useDiv:nth-child(2) .icon{background:url('../images/icon/marriage_use2.gif') no-repeat 40px 0; padding-top:10px} .marriageIntro .use1 .useDiv:nth-child(3) .icon{background:url('../images/icon/marriage_use3.gif') no-repeat 40px 0; padding-top:10px} .marriageIntro .use1 .useDiv:nth-child(4) .icon{background:url('../images/icon/marriage_use4.gif') no-repeat 40px 0; padding-top:10px} .marriageIntro .use1 .useDiv:nth-child(5) .icon{background:url('../images/icon/marriage_use5.gif') no-repeat 40px 0; padding-top:10px; padding-bottom:15px} .marriageIntro .use1 .useDiv:nth-child(6) .icon{background:url('../images/icon/marriage_use6.gif') no-repeat 40px 0; padding-top:10px; padding-bottom:15px} .marriageIntro .notice{width:100%; box-sizing:border-box; border:1px solid #e2e1f4; background:#fff5f6; padding:40px 0; letter-spacing:-0.5px; margin-top:30px} .marriageIntro .notice p{line-height:24px; background:url('../images/icon/warn_icon.png') no-repeat 30px 20px; padding-left:80px} .marriageIntro .notice2{width:100%; box-sizing:border-box; border:1px solid #e2e1f4; background:#fff5f6; padding:40px 0; letter-spacing:-0.5px; margin-top:30px} .marriageIntro .notice2 p{line-height:24px; background:url('../images/icon/warn_icon.png') no-repeat 30px 5px; padding-left:80px} .marriageIntro .use .useDiv .txt{ font-weight:normal; color:#333; line-height:20px} .marriageIntro .use .useDiv .icon{text-align:left; font-family:'NanumSquareR'; font-weight:normal; color:#555; padding:10px 0 15px 120px; line-height:20px} .marriageIntro .use2 .useDiv:nth-child(1) .icon{background:url('../images/icon/marriage_use7.gif') no-repeat 40px 0} .marriageIntro .use2 .useDiv:nth-child(2) .icon{background:url('../images/icon/marriage_use1.gif') no-repeat 40px 0} .marriageIntro .use2 .useDiv:nth-child(3) .icon{background:url('../images/icon/marriage_use2.gif') no-repeat 40px 0} .marriageIntro .use2 .useDiv:nth-child(4) .icon{background:url('../images/icon/marriage_use4.gif') no-repeat 40px 0} .marriageIntro .use2 .useDiv:nth-child(5) .icon{background:url('../images/icon/marriage_use8.gif') no-repeat 40px 0} .marriageIntro .use2 .useDiv:nth-child(6) .icon{background:url('../images/icon/marriage_use6.gif') no-repeat 40px 0} .marriageIntro .use2 .notice{width:100%; box-sizing:border-box; border:1px solid #e2e1f4; background:#fff5f6; padding:40px 0; letter-spacing:-0.5px; margin-top:30px} .marriageIntro .use2 .notice p{line-height:24px; background:url('../images/icon/warn_icon.png') no-repeat 30px 20px; padding-left:80px} .marriageIntro .use3 .useDiv:nth-child(1) .icon{background:url('../images/icon/marriage_use9.gif') no-repeat 40px 0} .marriageIntro .use3 .useDiv:nth-child(2) .icon{background:url('../images/icon/marriage_use1.gif') no-repeat 40px 0} .marriageIntro .use3 .useDiv:nth-child(3) .icon{background:url('../images/icon/marriage_use10.gif') no-repeat 40px 0} .marriageIntro .use3 .useDiv:nth-child(4) .icon{background:url('../images/icon/marriage_use11.gif') no-repeat 40px 0} .marriageIntro .use3 .useDiv:nth-child(5) .icon{background:url('../images/icon/marriage_use12.gif') no-repeat 40px 0} .marriageIntro .use3 .useDiv:nth-child(6) .icon{background:url('../images/icon/marriage_use13.gif') no-repeat 40px 0} .tipBox{overflow:hidden} .tipBox1{width:107px; background:#fada3c; color:#fff; text-align:center; padding:35px 0 38px; font-size:20px; float:left} .tipBox2{width:823px; background:#8079b7; color:#fff; padding-left:20px; float:left; overflow:hidden} .tipBox2 .txt{width:573px; padding:23px 0 21px; float:left; line-height:24px; letter-spacing:-0.5px} .tipBox2 .money{width:200px; float:left; color:#fff; font-weight:normal; text-align:right; padding-right:50px; margin-top:5px; font-size:30px} .tipBox2 .money strong{opacity:0.5; font-size:15px} .tipBox2 .money span{font-size:15px; font-family:'NanumSquareR'; font-weight:normal; margin-left:10px} .tabDiv {position: relative; overflow:hidden; margin:0 auto;} /* 2017-01-25 수정 */ .chngSrvBody .cont1{overflow: hidden; border-bottom: 2px solid #333; padding-bottom: 35px; padding-top:60px} .chngSrvBody .cont1 .img{width: 305px; text-align: center; float: left; height:200px} .chngSrvBody .con1 .txt{width: 580px; font-size: 14px; color: #555; line-height: 24px; float: left; padding-right: 65px;} .chngSrvBody .cont1 .txt .type1{font-size: 20px; margin-bottom: 20px; color: #333; font-family: 'NanumSquareB'; font-weight: normal;; line-height:26px} .chngSrvBody .cont1 .txt .type2{line-height:24px} .chngSrvBody .cont1 .txt .type3{color:#fada3c} .chngSrvBody .cont2{overflow:hidden; margin-top:20px} .chngSrvBody .cont2 .serviceBox{width:100%; background:url('../images/icon/service_bg.jpg') no-repeat right; padding:20px 0; margin-top:20px} .chngSrvBody .cont2 .serviceBox2{width:100%; background:url('../images/icon/service_bg2.jpg') no-repeat right; padding:20px 0; margin-top:20px} .chngSrvBody .cont2 .serviceBox3{width:100%; background:url('../images/icon/service_bg3.jpg') no-repeat right; padding:20px 0; margin-top:20px} .chngSrvBody .cont2 .serviceBox4{width:100%; background:url('../images/icon/service_bg4.jpg') no-repeat right; padding:20px 0; margin-top:20px} .chngSrvBody .cont2 .serviceBox5{width:100%; background:url('../images/icon/service_bg5.jpg') no-repeat right; padding:20px 0; margin-top:20px} .chngSrvBody .cont2 .serviceBox6{width:100%; background:url('../images/icon/service_bg6.jpg') no-repeat right; padding:20px 0; margin-top:20px} .chngSrvBody .cont2 .serviceBox7{width:100%; background:url('../images/icon/service_bg7.jpg') no-repeat right; padding:20px 0; margin-top:20px} .chngSrvBody .cont2 .serviceBox8{width:100%; background:url('../images/icon/service_bg8.jpg') no-repeat right; padding:20px 0; margin-top:20px} .chngSrvBody .cont2 .serviceDiv{margin:0 20px; padding:41px 0; line-height:35px} .chngSrvBody .cont2 .serviceDiv p{font-size:20px; font-family:'NanumSquareR'; font-weight:normal; text-align:center; color:#333} .chngSrvBody .cont2 .serviceDiv p span{font-size:30px; font-weight:normal} .chngSrvBody .accoBoard li a{display:block; padding:20px 0; padding-left:20px; border:1px solid #ddd; border-top:0; border-left:0; border-right:0; font-family:'Malgun Gothic', dotum, "돋움", sans-serif; font-size:18px; color:#333; font-weight:bold; background:url("../images/icon/open_icon.png") no-repeat 98% 50%} .chngSrvBody .accoBoard li a.on{background:url("../images/icon/open_icon_on.png") no-repeat 98% 50%} .chngSrvBody .accoBoard li:first-child a{border-top:1px solid #ddd} .chngSrvBody .accoBoard li .accoBox{padding:30px 3% 0; background:#f7f7f7; border-bottom:1px solid #ddd} .chngSrvBody .accoBoard li .accoBox .refer{ font-weight:normal; color:#333} .chngSrvBody .accoBoard .accoTit{padding:17px 0 20px; padding-left:20px; border:1px solid #ddd; border-top:1px solid #ddd; border-left:0; border-right:0; font-family:'Malgun Gothic', dotum, "돋움", sans-serif; font-size:18px; color:#333; font-weight:bold;} .dotList li span{color:#fada3c} /* .application{width:100%; background:#efefef; border-top:1px solid #ddd; height:40px; text-align:center; padding:15px 0; position:fixed; bottom:0} 2017-01-23 삭제 */ .btnRed.appli{padding:0 20px; margin:5px 0} /* 2017-01-23 수정 */ .cont3{overflow:hidden} .cont3 .intro1{width:48%; text-align:center; margin-top:30px; float:left} .cont3 .intro1 img{margin:25px 0} .cont3 .introTxt{background:#ededed; padding:20px 0; text-align:center} .cont3 .intro2{width:48%; float:right; border:1px solid #ddd; box-sizing:border-box; margin-top:30px;} .cont3 .intro2 p{padding-left:70px; padding-bottom:25px; padding-top:10px; border-bottom:1px solid #ddd; margin:20px 40px 0; line-height:20px} .cont3 .intro2 p:nth-child(1){background:url('../images/icon/intro_icon1.gif') no-repeat; margin-top:36px} .cont3 .intro2 p:nth-child(2){background:url('../images/icon/intro_icon2.gif') no-repeat;} .cont3 .intro2 p:nth-child(3){background:url('../images/icon/intro_icon3.gif') no-repeat;} .cont3 .intro2 p:nth-child(4){background:url('../images/icon/intro_icon4.gif') no-repeat; border-bottom:none; margin-bottom:20px} .cont3 .intro2 p span{font-size:16px; font-weight:normal} .cont3 .intro2 p:nth-child(1) span{color:#fada3c} .cont3 .intro2 p:nth-child(2) span{color:#3a6bcf} .cont3 .intro2 p:nth-child(3) span{color:#3aa7cf} .cont3 .intro2 p:nth-child(4) span{color:#3cd5c8} .cont4 img{margin-top:30px; padding-right:15px} .cont4 img:last-child{padding-right:0} .cont5 .list{overflow:hidden; width:100%; margin-top:30px} .cont5 .list p{width:475px; float:left; color:#fff; text-align:center; line-height:24px} .cont5 .list p:nth-child(1){background:url('../images/icon/cont5_img1.gif') no-repeat; width:475px; height:260px; padding-top:220px} .cont5 .list p:nth-child(2){background:url('../images/icon/cont5_img2.gif') no-repeat; width:475px; height:140px; padding-top:100px} .cont5 .list p:nth-child(3){background:url('../images/icon/cont5_img3.gif') no-repeat; width:475px; height:105px; padding-top:135px} .cont5 .list p:nth-child(4){background:url('../images/icon/cont5_img4.gif') no-repeat; width:475px; height:140px; padding-top:100px} .cont5 .list p:nth-child(5){background:url('../images/icon/cont5_img5.gif') no-repeat; width:475px; height:140px; padding-top:100px} .cont6{overflow:hidden} .cont6 p{float:left;} .cont6 .img{margin-right:20px} .cont6 .tit{font-size:18px; color:#333; font-weight:normal} .cont6 .txt{color:#555; width:700px; line-height:24px} .cont6 p span{font-size:22px; color:#fada3c} .memMap2 .txt .td1{padding-top:40px} .memMap2 .txt .td2{padding-top:40px} .memMap2 .txt .td3{padding-top:25px} .memMap2 .txt .td4{padding-top:25px} /* 2017-01-17 추가 */ .cont3 ul{margin-top:20px} .cont3 ul li{float:left; width:296px; padding-left:30px} .cont3 ul li:first-child{padding-left:0} .cont3 ul li .tit{border:1px solid #ddd; border-top:2px solid #fada3c; box-sizing:border-box; font-weight:bold; color:#333; text-align:center; padding:18px 0; letter-spacing:-0.5px} .cont3 ul li .txt{border:1px solid #ddd; border-top:none; box-sizing:border-box; padding:20px 0 20px 20px} .cont7 .list{overflow:hidden; width:100%; margin-top:30px} .cont7 .list p{width:475px; float:left; color:#fff; text-align:center; line-height:24px} .cont7 .list p:nth-child(1){background:url('../images/icon/cont7_img1.gif') no-repeat; width:475px; height:140px; padding-top:100px} .cont7 .list p:nth-child(2){background:url('../images/icon/cont7_img2.gif') no-repeat; width:475px; height:250px; float:right; padding-top:230px} .cont7 .list p:nth-child(3){background:url('../images/icon/cont7_img3.gif') no-repeat; width:475px; height:110px; padding-top:130px} .cont7 .list p:nth-child(4){background:url('../images/icon/cont7_img4.gif') no-repeat; width:475px; height:140px; padding-top:100px} .cont7 .list p:nth-child(5){background:url('../images/icon/cont7_img5.gif') no-repeat; width:475px; height:140px; padding-top:100px} .cont2 table td{border-left:1px solid #ffe3e4} .dotList{letter-spacing:-0.5px} /* 2017-01-18 추가 */ .btnRed3{display:inline-block; border:1px solid #dbdbdb; background:#fff; color:#333; width:98px; height:38px; line-height:40px; text-align:center; font-weight:normal; vertical-align:middle} .cont1 .img2{width:223px; float:left; margin-right:30px} .cont1 .txt.txt2{width:690px; padding-right:0} .cont4{overflow:hidden} .cont4 li{width:220px; float:left; text-align:center; margin-left:20px; font-size:15px; color:#555; line-height:24px; padding-bottom:40px} .cont4 li:first-child{margin-left:0} .cont4 li .txt{margin-top:20px; font-size:14px; color:#555; letter-spacing:-1px; line-height:20px} .cont4 li .txt b{font-weight:normal; font-size:17px; line-height:26px} .newGolf{overflow:hidden} .newGolf li{float:left; width:475px; color:#fff; font-size:15px; line-height:26px; text-align:center} .newGolf li:nth-child(1){background:url('../images/icon/golf1_img6.jpg') no-repeat; height:140px; padding-top:100px} .newGolf li:nth-child(2){background:url('../images/icon/golf1_img7.jpg') no-repeat; height:110px; padding-top:130px} .newGolf li:nth-child(3){background:url('../images/icon/golf1_img8.jpg') no-repeat; height:140px; padding-top:100px} .newGolf li:nth-child(4){background:url('../images/icon/golf1_img9.jpg') no-repeat; height:140px; padding-top:100px} .newGolf2{overflow:hidden; border-left:1px solid #ddd; border-top:1px solid #ddd} .newGolf2 li{width:474px; height:169px; float:left; overflow:hidden;} .newGolf2 li>div{height:143px; padding:25px 60px 0 133px; font-size:14px; color:#555; line-height:20px; border-bottom:1px solid #ddd; border-right:1px solid #ddd} .chngSrvDiv .use{overflow:hidden} .chngSrvDiv .use .useDiv{width:50%; box-sizing:border-box; border:1px solid #ddd; border-top:none; float:left; text-align:center; padding:20px 0 0; height:170px} .chngSrvDiv .use .useDiv:nth-child(1){border-top:1px solid #ddd} .chngSrvDiv .use .useDiv:nth-child(2){border-top:1px solid #ddd} .chngSrvDiv .use .useDiv:nth-child(2n){border-left:none} .chngSrvDiv .use .useDiv:nth-child(1) .icon{background:url('../images/icon/golf_use1.gif') no-repeat 40px 0} .chngSrvDiv .use .useDiv:nth-child(2) .icon{background:url('../images/icon/golf_use2.gif') no-repeat 40px 0} .chngSrvDiv .use .useDiv:nth-child(3) .icon{background:url('../images/icon/golf_use3.gif') no-repeat 40px 0} .chngSrvDiv .use .useDiv:nth-child(4) .icon{background:url('../images/icon/golf_use4.gif') no-repeat 40px 0} .chngSrvDiv .use .useDiv:nth-child(5) .icon{background:url('../images/icon/golf_use5.gif') no-repeat 40px 0} .chngSrvDiv .use .useDiv:nth-child(6) .icon{background:url('../images/icon/golf_use6.gif') no-repeat 40px 0} .chngSrvDiv .use .useDiv .txt{ font-weight:normal; color:#333; line-height:20px} .chngSrvDiv .use .useDiv .icon{text-align:left; font-family:'NanumSquareR'; font-weight:normal; color:#555; padding:10px 0 15px 120px; line-height:20px} .chngSrvDiv .notice{width:100%; box-sizing:border-box; border:1px solid #e2e1f4; background:#fff5f6; padding:40px 0; letter-spacing:-0.5px; margin-top:30px} .chngSrvDiv .notice p{line-height:24px; background:url('../images/icon/warn_icon.png') no-repeat 30px 20px; padding-left:80px} .memMap2.half{overflow:hidden; margin-bottom:35px} .memMap2.half .img{float:left; width:475px; margin-right:30px} .memMap2.half .txt{width:445px; float:left; position:relative} .memMap2.half .txt .tit{font-size:20px; font-weight:normal; color:#333; margin-top:5px} .memMap2.half .txt .txt{font-size:14px; font-family:'NanumSquareR'; font-weight:normal; margin:5px 0 10px} .memMap2.half .txt img{position:absolute; top:10px; right:0} .appUse{background:url('../images/icon/appuse.jpg') right bottom no-repeat} .appUse .txt{line-height:24px} .appUse a{display:block; padding:10px; background:#333; color:#fff; width:140px; text-align:center; margin-top:20px} /* 2017-01-20 추가 */ .memMap2.half2 .img{float:left; width:298px; margin-right:30px; text-align:center; margin-top:80px} .memMap2.half2 .txt{width:620px} .memMap2 .btn333{float:right; margin-top:10px} .memMap2{overflow:hidden} .memMap2 img {} .hallDiv{overflow:hidden; margin-top:50px} .hallD{overflow:hidden; margin-bottom:50px} .hallD .fl{float:left} .hallD .fr{float:right} .hallD .img{width:475px} .hallD .txt{width:445px;} .hallD .txt.fl{padding-right:30px} .hallD .txt.fr{padding-left:30px} .hallD .txt .tit{font-size:20px; font-weight:normal; color:#333; margin-top:20px; letter-spacing:-0.4px} .hallD .txt .txt{font-size:14px; font-family:'NanumSquareR'; font-weight:normal; color:#777; margin-top:30px; line-height:24px} .chngSrvDiv .notice2{width:100%; box-sizing:border-box; border:1px solid #e2e1f4; background:#fff5f6; padding:40px 0; letter-spacing:-0.5px; margin-top:30px} .chngSrvDiv .notice2 p{line-height:24px; background:url('../images/icon/warn_icon.png') no-repeat 30px 5px; padding-left:80px} .chngSrvDiv .use3 .useDiv:nth-child(1) .icon{background:url('../images/icon/weddinghall_use1.gif') no-repeat 40px 0} .chngSrvDiv .use3 .useDiv:nth-child(2) .icon{background:url('../images/icon/weddinghall_use2.gif') no-repeat 40px 0} .chngSrvDiv .use3 .useDiv:nth-child(3) .icon{background:url('../images/icon/weddinghall_use3.gif') no-repeat 40px 0} .chngSrvDiv .use3 .useDiv:nth-child(4) .icon{background:url('../images/icon/weddinghall_use4.gif') no-repeat 40px 0} .chngSrvDiv .use3 .useDiv:nth-child(5) .icon{background:url('../images/icon/weddinghall_use5.gif') no-repeat 40px 0} .chngSrvDiv .use3 .useDiv:nth-child(6) .icon{background:url('../images/icon/weddinghall_use6.gif') no-repeat 40px 0} /* 2017-01-26 추가 */ .layerBg{width:100%; height:100%; background:#555; opacity:0.7; z-index:9998; position:absolute; top:0; left:0;} .layerPopup{z-index:9999; width:580px; height:680px; position:absolute; top:150px; left:50%; -webkit-transform:translate(-50%,0); transform:translate(-50%,0);} .layerPopup .closeBox{background:#333; color:#fff; width:160px; padding:8px 25px 8px 395px; position:relative; overflow:hidden} .layerPopup .closeBox input{margin-right:10px; background:none; border:none} .layerPopup .closePop{float:right; padding-top:3px} .layerPopup .popupBg{background:url('../images/popup/main_popup.jpg') no-repeat center top; width:580px; height:640px} /* 2017-01-31 추가 */ .marriageIntro .source{text-align:left} /* 2017-02-02 추가 */ .tipBox2 .money span.left{margin-left:0; margin-right:5px;} .tipBox2 .money span.right{margin-left:5px} .removalIntro .intro{overflow:hidden; margin-top:30px} .removalIntro .intro li{float:left; text-align:center; color:#fff} .removalIntro .intro li:nth-child(1){background:url('../images/icon/removal_intro1.jpg') no-repeat; width:425px; height:25px; padding-top:170px} .removalIntro .intro li:nth-child(2){background:url('../images/icon/removal_intro2.jpg') no-repeat; width:49px; height:49px; margin:74px 25px 0} .removalIntro .intro li:nth-child(3){background:url('../images/icon/removal_intro3.jpg') no-repeat; width:425px; height:25px; padding-top:170px} .removalIntro .special{margin-top:30px} .removalIntro .special img{margin-left:15px;} .removalIntro .special img:first-child{margin-left:0} .removalIntro .service{overflow:hidden; padding-bottom:30px; border-bottom:1px solid #ddd} .removalIntro .service2{border-bottom:none} .removalIntro .service .img{width:225px; text-align:center; float:left; margin-right:20px} .removalIntro .service .txt{width:700px; font-size:14px; color:#555; line-height:24px; float:left;} .removalIntro .service .txt .type1{font-size:18px; margin-bottom:20px; color:#333; font-weight:normal;} .removalIntro .service .txt .type1 span{color:#fada3c} .removalIntro .service .txt .type3{font-size:16px; margin-bottom:20px; color:#333; font-weight:normal;} .removalIntro .use{overflow:hidden} .removalIntro .use .useDiv{width:50%; box-sizing:border-box; border:1px solid #ddd; border-top:none; float:left; text-align:center; padding:20px 0 0; height:170px} .removalIntro .use .useDiv:nth-child(1){border-top:1px solid #ddd} .removalIntro .use .useDiv:nth-child(2){border-top:1px solid #ddd} .removalIntro .use .useDiv:nth-child(2n){border-left:none} .removalIntro .use .useDiv:nth-child(1) .icon{background:url('../images/icon/removal_use1.gif') no-repeat 40px 0; padding-top:10px} .removalIntro .use .useDiv:nth-child(2) .icon{background:url('../images/icon/removal_use2.gif') no-repeat 40px 0; padding-top:10px} .removalIntro .use .useDiv:nth-child(3) .icon{background:url('../images/icon/removal_use3.gif') no-repeat 40px 0; padding-top:10px} .removalIntro .use .useDiv:nth-child(4) .icon{background:url('../images/icon/removal_use4.gif') no-repeat 40px 0; padding-top:10px} .removalIntro .use .useDiv:nth-child(5) .icon{background:url('../images/icon/removal_use5.gif') no-repeat 40px 0; padding-top:10px; padding-bottom:15px} .removalIntro .use .useDiv:nth-child(6) .icon{background:url('../images/icon/removal_use6.gif') no-repeat 40px 0; padding-top:10px; padding-bottom:15px} .removalIntro .notice2{width:100%; box-sizing:border-box; border:1px solid #e2e1f4; background:#fff5f6; padding:40px 0; letter-spacing:-0.5px; margin-top:30px} .removalIntro .notice2 p{line-height:24px; background:url('../images/icon/warn_icon.png') no-repeat 30px 5px; padding-left:80px} .removalIntro .use .useDiv .txt{ font-weight:normal; color:#333; line-height:20px} .removalIntro .use .useDiv .icon{text-align:left; font-family:'NanumSquareR'; font-weight:normal; color:#555; padding:10px 0 15px 120px; line-height:20px} .memMap3 .txt td{line-height:18px} .memMap4 .txt td{line-height:18px; text-align:center} .casamiaDiv .notice{width:100%; box-sizing:border-box; border:1px solid #e2e1f4; background:#fff5f6; padding:30px 0; letter-spacing:-0.5px; margin-top:30px; position:relative} .casamiaDiv .notice p{line-height:24px; background:url('../images/icon/warn_icon.png') no-repeat 30px 5px; padding:10px 0 10px 80px} .casamiaDiv .notice .btn{padding:10px 20px; color:#fff; background:#fada3c; position:absolute; right:30px; top:35px} .casamiaDiv .notice .btn img{margin-right:5px} .cont2 .serviceBox9{width:100%; background:url('../images/icon/service_bg9.jpg') no-repeat right; padding:20px 0; margin-top:20px} .cont2 .serviceBox9 .serviceDiv{text-align:center} .cont2 .serviceBox9 .serviceDiv p{font-size:25px; font-weight:normal; text-align:center; color:#333; display:inline-block} .cont2 .serviceBox9 .serviceDiv p.left{width:230px} .cont2 .serviceBox9 .serviceDiv p.right{width:180px} .cont2 .serviceBox9 .serviceDiv span{font-size:25px; font-weight:normal; text-align:center; color:#333; width:30px; display:inline-block;} /* 2017-02-10 추가 */ .educationIntro .cont3{overflow:hidden; margin-top:20px} .educationIntro .cont3 .img{width:475px; height:257px; float:left} .educationIntro .cont3 .txt{width:475px; height:257px; background:#f3f3fb; float:left} .educationIntro .cont3 .txtDiv{padding:35px 50px 30px} .educationIntro .cont3 .txt span{display:block; font-size:22px; line-height:24px; color:#fada3c; background:url('../images/icon/tip_bg.png') no-repeat; padding-left:30px; font-weight:normal} .educationIntro .cont3 .txt .tip{font-size:15px; line-height:24px; margin-top:20px; letter-spacing:-0.4px; color:#666; padding-bottom:20px; border-bottom:1px solid #e2e1f4} .educationIntro .use .useDiv:nth-child(1) .icon{background:url('../images/icon/education_use1.jpg') no-repeat 40px 0} .educationIntro .use .useDiv:nth-child(2) .icon{background:url('../images/icon/education_use2.jpg') no-repeat 40px 0} .educationIntro .use .useDiv:nth-child(3) .icon{background:url('../images/icon/education_use3.jpg') no-repeat 40px 0} .educationIntro .use .useDiv:nth-child(4) .icon{background:url('../images/icon/education_use4.jpg') no-repeat 40px 0} .educationIntro .use .useDiv:nth-child(5) .icon{background:url('../images/icon/education_use5.jpg') no-repeat 40px 0} .educationIntro .use .useDiv:nth-child(6) .icon{background:url('../images/icon/education_use6.jpg') no-repeat 40px 0} .educationIntro .cont1{overflow:hidden; border-bottom:2px solid #333; padding-bottom:40px; padding-top:0} .educationIntro .cont1 .img{height:130px} .educationIntro .titTxt2 span{color:#fada3c; font-weight:normal} .educationIntro .cont2 li{width:278px; margin-right:55px} .educationIntro .memMap2{float:left; width:100%; letter-spacing:-0.5px} .memMap2 thead{ } .memMap2 td.tit{vertical-align:middle; border-left:none; text-align:center} /* 2017-02-13 클래스명도 수정 */ .memMap2 td{letter-spacing:-0.1px } /* 2017-02-13 추가 */ .memMap23 td.tit{vertical-align:middle; border-left:none; text-align:center} /* 2017-04-28 General ESL */ .memMap23 td{letter-spacing:-0.1px; text-align:center } /* 2017-04-28 추가 */ .educationIntro .serviceTit{width:296px; height:30px; background:#7e79b3; border-radius:20px; color:#fff; font-size:16px; line-height:30px; padding-left:15px; margin-bottom:10px} .educationIntro .serviceTit span{color:#fff558} /* 2017-02-24 추가 */ .boradType4 li .info .txt{width:130px; float:left; text-align:center;} .subBody .visualDiv{text-align:center; margin-bottom:50px;} .chngSrvHead .txt2{position:absolute; top:105px; left:30px; font-size:20px; color:#333; font-family:'NanumSquareR'; font-weight:normal; line-height:30px} .chngSrvHead .txt2 p{margin-top:20px; font-size:20px; line-height:25px} .chngSrvHead .txt2 b{ font-weight:normal} .chngSrvHead .txt2 span.pp{color:#fada3c} .chngSrvHead .txt2 span.rd{color:#be6060} .chngSrvHead .txt2 p.type1{margin-top:15px; font-size:15px; font-family:'NanumSquareR'; color:#a68686; font-weight:normal; line-height:20px} /* 2017-03-02 추가 */ .boradType4 li .info .txt2 .count{width:16px; display:inline-block} .board4 li .info .txt1{width:740px} .board4 li .info .txt2{width:130px} /* 2017-03-03 추가 PC */ .cardIntro .titBox {border-top:2px solid #fada3c; color:#fada3c; padding:30px; background:#f7f7f7; font-size:20px; letter-spacing:-0.4px} .cardIntro {} .cardIntro .pic {width:950px;} .cardIntro .pic li {width:303px; float:left; margin-left:20px; margin-bottom:20px; box-sizing:border-box;} .cardIntro .pic li img {width:100%; height:200px;} .cardIntro .pic li:nth-child(1){margin-left:0} .cardIntro .pic li:nth-child(4){margin-left:0} .cardIntro .pic li:nth-child(7){margin-left:0} .cardIntro .pic li:nth-child(10){margin-left:0} .cardIntro .pic li:nth-child(13){margin-left:0} .cardIntro .pic li:nth-child(16){margin-left:0} .cardIntro .pic li:nth-child(19){margin-left:0} .cardIntro .pic li:nth-child(22){margin-left:0} .cardIntro .pic li:nth-child(25){margin-left:0} .cardIntro .pic li:nth-child(28){margin-left:0} .cardIntro .pic li:nth-child(31){margin-left:0} .cardIntro .pic li:nth-child(34){margin-left:0} .cardIntro .pic li:nth-child(37){margin-left:0} .cardIntro .pic li:nth-child(41){margin-left:0} .cardIntro .pic li:nth-child(44){margin-left:0} .cardIntro .txt{text-align:center} .cardIntro .txt1{font-size:18px; color:#333} .cardIntro .txt2{font-size:20px} .cardIntro .txt3{font-size:14px; color:#666} .cardIntro .useBtn{padding:11px 20px; color:#fff; background:#666; display:inline-block} .cardIntro span{color:#fada3c} .cardIntro .cPp{color:#7e79b3} .cardIntro .useMerit{margin-left:30px; margin-top:20px} .cardIntro .useMerit li{padding:40px 0 40px 75px; font-size:16px; line-height:20px; color:#555; border-bottom:1px solid #ddd} .cardIntro .useMerit li span{color:#fada3c; text-decoration:underline} .cardIntro .useMerit li:nth-child(1){background:url('../images/icon/icon_step1.jpg') no-repeat left center} .cardIntro .useMerit li:nth-child(2){background:url('../images/icon/icon_step2.jpg') no-repeat left center} .cardIntro .useMerit li:nth-child(3){background:url('../images/icon/icon_step3.jpg') no-repeat left center} .cardIntro .useMerit li:nth-child(4){background:url('../images/icon/icon_step4.jpg') no-repeat left center} .cardIntro .step{position:relative; overflow:hidden; margin-top:40px} .cardIntro .step2{display:none} .cardIntro .stepDiv{width:256px; float:left} .cardIntro .stepDiv .tit{height:80px; font-size:18px; line-height:28px; color:#333; font-weight:normal} .cardIntro .stepDiv .img{margin-bottom:30px} .cardIntro .stepDiv .txt{font-size:14px; line-height:20px; margin-top:20px; text-align:left; color:#666} .cardIntro .stepDiv .txt span{color:#fada3c; text-decoration:underline} .cardIntro .arrow{width:30px; height:30px; background:url('../images/btn/step_arrow.jpg') no-repeat; float:left; margin:315px 13px 0} .cardIntro .notice{padding:30px; box-sizing:border-box; border:1px solid #ddd; background:#f7f7f7; letter-spacing:-0.4px; margin-bottom:40px} .cardIntro .notice .tit{text-align:left; font-size:20px; line-height:36px; color:#333; font-family:'NanumSquareB'} .cardIntro .notice .txt{text-align:left; font-size:14px; line-height:24px; margin-top:15px} .cardIntro .notice .txt .dotTxt{padding:0 0 0 10px} .cardIntro .notice .txt .dotTxt .okBtn{margin-left:10px} .cardIntro .notice .txt span{color:#fada3c; text-decoration:underline} .cardIntro .notice .txt strong{font-weight:normal !important; color:#333} .mbcardBtn{vertical-align:middle; padding-top:0} /* 2017-03-20 수정 */ .cardIntro .pic2{display:none; position:relative} .cardIntro .roll{position:relative} .cardIntro .roll .rollDiv{position:absolute} .cardIntro .cardRollBtn{display:none; position:absolute} .cardAddBtn{margin-top:40px; text-align:center} .cardAddBtn .btnGry{display:inline-block; background:#666; color:#fff; width:auto; padding:0 15px; height:40px; line-height:40px; text-align:center; font-weight:normal; vertical-align:middle} /* .cardBtn2{display:none !important} 2017-03-07 삭제 */ .memCard dl span{color:#fada3c; text-decoration:underline} .memCard dl strong{font-weight:normal !important; color:#333} /* 2017-03-10 추가 */ .mbcardBtn2{display:none; position:absolute} /* 2017-03-17 추가 */ .chngSrvHead .txt3{position:absolute; right:20px; bottom:30px; font-size:15px; color:#fff} .udLine{text-decoration:underline; color:#fada3c} .udLine:hover{text-decoration:underline} .chngSrvDiv .use5 .useDiv:nth-child(1) .icon{background:url("../images/icon/resort_icon1.gif") no-repeat 40px 0;} .chngSrvDiv .use5 .useDiv:nth-child(2) .icon{background:url("../images/icon/resort_icon2.gif") no-repeat 40px 0;} .chngSrvDiv .use5 .useDiv:nth-child(3) .icon{background:url("../images/icon/resort_icon3.gif") no-repeat 40px 0;} .chngSrvDiv .use5 .useDiv:nth-child(4) .icon{background:url("../images/icon/resort_icon4.gif") no-repeat 40px 0;} .memMap2.half3{overflow:hidden; width:455px; float:left; margin-right:40px; margin-bottom:40px} .memMap2.half3:nth-child(2n){margin-right:0} .memMap2.half3:last-child{margin-bottom:0} .memMap2.half3 .img{width:455px;} .memMap2.half3 .txt{width:455px;} .memMap2.half3 .txt .tit{font-size:20px; font-weight:normal; color:#333; margin-top:5px} .memMap2.half3 .txt .txt{font-size:14px; font-family:'NanumSquareR'; font-weight:normal; margin:5px 0 10px} .memMap2.half3 .txt table td{vertical-align:middle} .memMap2.line table th{border-right:1px solid #ffe3e4} .memMap2.line table td{border-right:1px solid #ffe3e4; vertical-align:middle; text-align:center} .memMap2.line .end{border-right:none} .resortDiv{overflow:hidden} .newIcon{vertical-align:middle; margin-left:4px} .memMap23.half3{overflow:hidden; width:455px; float:left; margin-right:40px; margin-bottom:40px} .memMap23.half3:nth-child(2n){margin-right:0} .memMap23.half3:last-child{margin-bottom:0} .memMap23.half3 .img{width:455px;} .memMap23.half3 .txt{width:455px;} .memMap23.half3 .txt .tit{font-size:20px; font-weight:normal; color:#333; margin-top:5px} .memMap23.half3 .txt .txt{font-size:14px; font-family:'NanumSquareR'; font-weight:normal; margin:5px 0 10px} .memMap23.half3 .txt table td{vertical-align:middle} .memMap23.line table th{border-right:1px solid #ffe3e4} .memMap23.line table td{border-right:1px solid #ffe3e4; vertical-align:middle; text-align:center} .memMap23.line .end{border-right:none} /* 2017-03-22 추가 */ .btnRed4{display:inline-block; background:#fada3c; color:#fff; width:140px; height:40px; line-height:40px; text-align:center; font-weight:normal; vertical-align:middle; padding:0 20px} /* 테블릿 가로 해상도 */ @media all and (max-width:1199px) { #wrapper {min-width:100%} .headDiv {width:100%; height:60px;} .headDiv::after {clear:both;} .headDiv .util{padding:0;} #gnb .oneD{width:123px; font-size:15px;} #gnb .twoD{width:103px; padding:0 10px;} #gnb .twoD.on{background:#fada3c} #gnb .twoD.one{left:-1px;} #gnb .twoD.two{left:123px;} #gnb .twoD.thr{left:247px;} #gnb .twoD.fou{left:371px;} #gnb .twoD.fiv{left:495px;} #gnb .twoD.six{left:619px;} .footDiv{width:94%; margin:0 auto} /* 메인페이지 */ .mVisual .controll{width:100%;} .mVisual .bts{right:3%;} .mVisual .controll .unit{width:100%;} .mVisual .controll .unit .btns{right:3%;} .mainConDiv{width:94%; padding:0 3%;} .mainConDiv .noti{width:58%;} .mainConDiv .noti .tit{width:58%; width:35px; padding:0 0 0 25px;} .mainConDiv .noti .nList{width:77%; margin-left:3%} .mainConDiv .noti .nList a{width:100%;} .mainConDiv .noti .bts{width:40px} .mainConDiv .contact{width:40%; font-size:14px; letter-spacing:-1px} .mainConDiv .contact span{margin:0 2%;} .mainCon2{background:#fff} .mainCon2Div{width:100%;} .mainCon2Div .mainCon2Div1{position:relative; width:18%; padding:20px 2% 20px; background:#ffffff } .mainCon2Div .mainCon2Div1 .bts a{width:32%; font-size:12px;} .mainCon2Div .mainCon2Div1 .bts a.one{background:url('../images/icon/main_con1_icon1.png') no-repeat center 5px; background-size:auto 25px;} .mainCon2Div .mainCon2Div1 .bts a.two{background:url('../images/icon/main_con1_icon2.png') no-repeat center 5px; background-size:auto 25px;} .mainCon2Div .mainCon2Div1 .bts a.thr{background:url('../images/icon/main_con1_icon3.png') no-repeat center 5px; background-size:auto 25px;} .mainCon2Div .mainCon2Div1 .bts a.fou{padding-top:60px; background:url('../images/icon/main_con1_icon4.png') no-repeat center 20px; background-size:auto 25px;} .mainCon2Div .mainCon2Div1 .bts a.fiv{padding-top:60px; background:url('../images/icon/main_con1_icon5.png') no-repeat center 20px; background-size:auto 25px;} .mainCon2Div .mainCon2Div1 .bts a.six{padding-top:60px; background:url('../images/icon/main_con1_icon7.png') no-repeat center 20px; background-size:auto 25px;} .mainCon2Div .mainCon2Div2{width:24%; padding:20px 2%} .mainCon2Div .mainCon2Div2 .listPack{width:100%;} .mainCon2Div .mainCon2Div2 .listPack .tab{width:55px; height:28px; text-align:center; line-height:28px; border:1px solid #ddd; font-size:12px} .mainCon2Div .mainCon2Div2 .listPack .tab.on{width:55px;} .mainCon2Div .mainCon2Div2 .listPack .tab.two{left:56px;} .mainCon2Div .mainCon2Div2 .listPack .tab.thr{left:112px;} .mainCon2Div .mainCon2Div2 .listPack .tab.fou{left:168px;} .mainCon2Div .mainCon2Div2 li a{display:block; height:15px; font-size:12px; overflow:hidden} .mainCon2Div .mainCon2Div3{width:11%; padding:20px 1%} .mainCon2Div .mainCon2Div3 a{margin-top:10px} .mainCon2Div .mainCon2Div3 strong{font-size:15px;} .mainCon2Div .mainCon2Div3 span{font-size:12px; margin-top:10px;} .mainCon2Div .mainCon2Div5{width:7%; padding:20px 1% 20px 1.5%;} .mainCon2Div .mainCon2Div5 a{font-size:12px;} /* 서브페이지 */ .subBody{width:94%; margin:0 auto; padding-top:90px} #lnb{display:none;} #subCon .path{display:none;} /* 화면줄일 때 이중메뉴 #mobileLnb{display:block}*/ #subCon{width:100%; float:none; padding:0 0 100px 0; margin:auto; border-left:none} #subCon h2{font-size:36px; color:#333; line-height:36px;} #subCon .path{position:absolute; top:15px; right:0;} #subCon .path span{padding-left:19px; margin-left:15px; background:url('../images/icon/path_arrow.gif') no-repeat 0 center} #subCon .path span.home{padding-left:0px; margin-left:0px; background:none} .idpwDiv .txt1{font-size:23px} .idpwDiv .txt2{margin-top:14px;} .idpwDiv .srchBox .accredit1{width:49.5%; padding:100px 0 40px; background:url('../images/icon/accedit_icon3.gif') no-repeat center 40px; background-size:auto 46px;} .idpwDiv .srchBox .accredit2{width:50%; padding:100px 0 40px; background:url('../images/icon/accedit_icon4.gif') no-repeat center 40px; background-size:auto 46px;} .memCard2 .inputArea .left{width:85%;} .memCard2 .inputArea .left .type1{width:15%} .memCard2 .inputArea .left .type2{width:60%} .memCard2 .inputArea .left .btn333{padding:8px 3% 7px;} .memCard2 .inputArea .left .type3{width:100%} .memCard2 .inputArea .right{width:12%;} .performRe li{margin-bottom:30px;} .performRe li .img{width:25%; height:auto; float:left;} .performRe li .img img{width:100%;} .performRe li .txt{width:70%;} .memberRoll .rollUnit .performRe{width:80%; margin:auto} .memberRoll .rollUnit .performRe li .img{width:30%;} .memberRoll .rollUnit .performRe li .img img{width:100%;} .memberRoll .rollUnit .performRe li .txt{width:65%;} .obitNoti .left{width:39%; padding:0 5%;} .obitNoti .left .inputDiv{width:99%;} .obitNoti .left .inputDiv textarea{width:100%; height:254px;} .obitNoti .left .bt a{padding:8px 15%;} .obitNoti .left .bt2 a{padding:8px 2%; font-size:12px;} .obitNoti .right{width:40%; padding:0 5%;} .obitNoti .right .numInput input{width:70%;} .obitNoti .right .numInput a{padding:8px 8%;} .obitNoti .right .numList{padding:10px 5%; width:90%;} .obitNoti .right .bt2 a{padding:8px 2%; font-size:12px;} .obitNoti .counter{font-size:13px; letter-spacing:-1px} .chngSrvHead img{width:100%;} .chngSrvHead .txt{top:25%; left:7%;} .chngSrvHead .txt img{width:67px;} .chngSrvDiv .cont1 .img{width:30%;} .chngSrvDiv .cont1 .txt{width:70%; padding-right:0;} .chngSrvDiv .cont2 li{width:27.3%; margin-right:0; padding:3%;} .chngSrvDiv .cont2 li img{width:95%;} .chngSrvDiv .cont2.fou li{width:23%; padding:0%;} .chngSrvDiv .cont3 li{background:url('../images/icon/chngsrv_arrowline.gif') repeat-x center bottom; background-size:950px 12px;} .chngSrvDiv .cont3 li .img{width:12%;} .chngSrvDiv .cont3 li .txt{width:83%; padding-right:0;} .chngSrvDiv .cont4 li{width:15%; margin-right:0; padding:1%;} .chngSrvDiv .cont4 li img{width:95%;} .chngSrvDiv .cont4.fou li{width:15%; padding:0%;} .chngSrvDiv .cont2.type2 .txt{overflow:hidden; padding:30px 5%; background:#eee} .chngSrvDiv .cont2.type2 .txt p{float:left; padding-left:5%; margin-left:5%; border-left:1px solid #ddd; font-size:16px; color:#333; line-height:25px} .chngSrvDiv .cont4.type2 .txt{overflow:hidden; padding:30px 5%; background:#eee} .chngSrvDiv .cont4.type2 .txt p{float:left; padding-left:5%; margin-left:5%; border-left:1px solid #ddd; font-size:16px; color:#333; line-height:25px} .privacyDiv dd .txt{width:97%;} .memMap .img{width:31%; padding:97px 10% 0 3%} .memMap .img img{width:100%;} .memMap .txt{width:50%; padding-left:5%;} .imgInfo{margin-bottom:30px} .imgInfo .img{width:35%;} .imgInfo .img img{width:100%;} .imgInfo .info{width:60%;} .numTxt dd .num{width:2%;} .numTxt dd .txt{width:98%;} .ceoDiv .img{width:30%;} .ceoDiv .img img{width:100%;} .ceoDiv .txt{width:65%;} .companyDiv ul{width:100%; margin:40px auto 0;} .companyDiv li{width:44%; height:auto; margin:0 3% 40px} .companyDiv li img{width:100%;} .companyDiv .diagram img{width:100%} .historyDiv li{width:100%;} .historyDiv li .year{width:20%;} .historyDiv li .hisTxt{width:75%;} .historyDiv li .hisTxt .txt .month{width:5%;} .historyDiv li .hisTxt .txt .history{width:95%;} .location dt{width:20%; padding-left:10%;} .location dt.one{background:url('../images/icon/location_icon1.gif') no-repeat 15% 0; background-size:22px;} .location dt.two{background:url('../images/icon/location_icon2.gif') no-repeat 15% 0; background-size:19px;} .location dt.thr{background:url('../images/icon/location_icon3.gif') no-repeat 15% 0; background-size:22px;} .location dt.fou{background:url('../images/icon/location_icon4.gif') no-repeat 15% 0; background-size:22px;} .location dt.fiv{background:url('../images/icon/location_icon5.gif') no-repeat 15% 0; background-size:21px;} .location dd{width:67%; padding-left:3%; float:left; background:url('../images/icon/dot3x3b.gif') no-repeat 0 6px; background-size:3px;} .addInfoView ul{padding:30px 3% 0;} .addInfoView li{width:27.3%; height:auto; margin:0 3% 30px;} .addInfoView li .img{width:100%; height:auto;} .addInfoView li .img img{width:100%; height:auto;} .addInfoView li .bts .viewBt{display:block; width:65%; font-size:12px;} .addInfoView li .bts .selectBt{display:block; width:30%; font-size:12px} .addInfoView li .txt{font-size:13px;} .memSubTop .img{width:20%;} /* 2017-03-17 수정 */ /* 2017-03-17 삭제 .memSubTop .img img{width:100%;} */ .memSubTop .txt{width:75%;} /* 2017-03-17 수정 */ .golfInfo .left{width:48%;} .golfInfo .right{width:48%;} .golfInfo .img img{width:100%;} /* boardType */ .boardType1{position:relative; border-top:2px solid #333;} .boardType1 th{border-bottom:1px solid #bdbdbd; color:#333; padding:14px 0;} .boardType1 td{border-bottom:1px solid #ffe3e4; padding:14px 0; text-align:center; font-size:13px;} .boardType1 td.type1{color:#333; font-size:14px;} .boardType1 td.type2{padding-left:10px; text-align:left; font-size:14px;} .boardType1 td.type2 a{color:#333; padding-left:10px; text-align:left;} .prList{width:100%;} .prList a{width:27%; height:auto; margin:0 3% 25px} .prList a .img{width:100%; height:auto; overflow:hidden} .prList a .img img{width:100%; height:auto;} .prList a .tit{font-size:15px; color:#555; margin-top:10px} .prList a .txt{font-size:13px; color:#777; margin-top:5px; overflow:hidden} .prList a .txt span{float:left} .prList a .txt span.bar{color:#ddd; margin:0 10px;} .prView .addFile{position:absolute; bottom:23px; left:0; width:75%;} .megaList{width:950px; margin:auto} .megaList li{display:block; width:465px; height:auto; margin-bottom:30px} .megaList li a{width:120px; height:33px; line-height:33px;} .megaList li .img{width:220px; height:260px;} .megaList li .img img{width:100%; height:auto} .megaList li .txt{width:200px; height:auto; padding:17px 0 0 0;} .megaList li .txt .tit{font-size:20px; padding-bottom:12px;} .megaList li .txt .copy{margin:17px 0 47px} .boardType3 .tit{width:10%;} .boardType3 .txt{width:72%; padding-left:3%;} .boardType3 .date{width:15%; text-align:center} .boradType4 li .num{width:10%;} .boradType4 li .info{width:90%;} /* 2017-02-24추가 */ .boradType4 li .info .txt{width:15%;} .boradType4 li .info .txt1{width:45%;} .boradType4 li .info .txt2{width:37%; padding-right:0;} .boradType4.type2 li .type{width:15%;} .boradType4.type2 li .info{width:75%;} .boradType4.type2 li .info .txt1{width:65%;} .boradType5 a{padding:15px 0;} .boradType5 a .img{width:20%; min-height:100px; background:url('../images/icon/adlist_noimg_m.gif') no-repeat center center; background-size:50%; border:1px solid #ddd} .boradType5 a .img img{width:100%;} .boradType5 a .info{width:73%;} .boradType6 a{display:block; width:40%; height:auto; margin:0 5% 30px;} .boradType6 a .img{width:93%; height:auto; padding:3%; border:1px solid #dfdfdf} .boradType6 a .img img{width:100%; height:auto} .boradType7{width:100%;} .boardType8{width:100%;} .lifeList a{display:block; width:40%; height:auto; margin:0 5% 25px;} .lifeList a .img{width:100%; height:auto; background:url('../images/icon/adlist_noimg_m.gif') no-repeat center center; background-size:30%; border:1px solid #ddd} .lifeList a .img img{width:100%; height:auto;} .lifeList a .tit{font-size:14px;} .lifeList a .txt{font-size:12px;} .faqDiv li button{width:100%; font-size:13px; padding:15px 3%;} .faqDiv li.on button{width:100%; padding:15px 3% 15px 45px; background:url('../images/txt/faq_qtxt.gif') no-repeat 20px 15px; background-size:20px} .faqDiv li button span{top:22px; right:3%; width:10px; height:5px;} .faqDiv li button span img{width:10px; height:5px;} .faqDiv .answer{display:none; width:91%; padding:15px 3% 15px 6%; background:url('../images/txt/faq_atxt.gif') no-repeat 20px 15px #f7f7f7; background-size:20px; font-size:12px; line-height:20px;} .replDiv .input textarea{width:89%;} .listSrch {border:1px solid #ddd; background:#f7f7f7; text-align:center; padding:15px 0;} .listSrch select{width:90px; padding-left:10px; box-shadow:none; appearance:none; -moz-appearance:none; -webkit-appearance:none;} .listSrch input{width:360px; box-shadow:none; appearance:none; -moz-appearance:none; -webkit-appearance:none;} /* tab */ .tab1.six a{font-size:14px;} /* paging */ .paging {text-align:center;} .paging a {display:inline-block; width:22px; height:34px; font-weight:normal; text-align:center; line-height:34px;} .paging a.fir{width:34px;} .paging a.prv{width:34px; margin:0 20px 0 1px} .paging a.nxt{width:34px; margin:0 1px 0 20px} .paging a.end{width:34px;} .paging strong{display:inline-block; width:22px; height:34px; color:#fada3c} .paging a img{width:34px} .errorDiv{width:100%} .errorDiv .errorBox{width:80%; margin:30px auto 0; padding:30px 5%;} .winPop .popDiv{width:100%; left:0; margin-left:0} /* 2016-12-22 추가 */ /* footer */ .fUtil{width:50%} /* 2017-03-03 수정 */ /*.footDiv .copyRight{width:75%} /* 2017-03-03 추가 */ .speTxt{color:#d82227} /* 2017-01-11 전환서비스 추가 */ .newTravel{width:950px; margin:auto} .newTravel li{width:50%;} .newTravel li:nth-child(1){background:url('../images/icon/travel_img5.jpg') no-repeat 0 0; background-size:100% 240px} .newTravel li:nth-child(2){background:url('../images/icon/travel_img6.jpg') no-repeat 0 0; background-size:100% 240px} .newTravel li:nth-child(3){background:url('../images/icon/travel_img7.jpg') no-repeat 0 0; background-size:100% 240px} .newTravel li:nth-child(4){background:url('../images/icon/travel_img8.jpg') no-repeat 0 0; background-size:100% 240px} .cont5 .list{width:950px; margin:20px auto 0} .cont5 .list p{width:50%; float:left; color:#fff; text-align:center; line-height:24px} .cont5 .list p:nth-child(1){background:url('../images/icon/cont5_img1.gif') no-repeat; background-size:100% 100%; width:50%; height:260px; padding-top:220px} .cont5 .list p:nth-child(2){background:url('../images/icon/cont5_img2.gif') no-repeat; background-size:100% 100%; width:50%; height:140px; padding-top:100px} .cont5 .list p:nth-child(3){background:url('../images/icon/cont5_img3.gif') no-repeat; background-size:100% 100%; width:50%; height:105px; padding-top:135px} .cont5 .list p:nth-child(4){background:url('../images/icon/cont5_img4.gif') no-repeat; background-size:100% 100%; width:50%; height:140px; padding-top:100px} .cont5 .list p:nth-child(5){background:url('../images/icon/cont5_img5.gif') no-repeat; background-size:100% 100%; width:50%; height:140px; padding-top:100px} .newTravel2 li{width:50%; height:169px; float:left; overflow:hidden;} .cont6 .txt{width:100%;} .marriageIntro .service{overflow:hidden; width:950px; margin:auto} .marriageIntro .special{text-align:center} .marriageIntro .special img{width:30%; padding-right:20px; margin-top:30px} .tipBox{overflow:hidden} .tipBox1{width:15%;} .tipBox2{width:82%; padding-left:3%;} .tipBox2 .txt{width:67%;} .tipBox2 .money{width:30%; padding-right:3%;} .chngSrvBody .cont2 .serviceBox{width:950px; background:url('../images/icon/service_bg.jpg') no-repeat right; padding:20px 0; margin:20px auto 0} .chngSrvBody .cont2 .serviceBox2{width:950px; background:url('../images/icon/service_bg2.jpg') no-repeat right; padding:20px 0; margin:20px auto 0} .chngSrvBody .cont2 .serviceBox3{width:950px; background:url('../images/icon/service_bg3.jpg') no-repeat right; padding:20px 0; margin:20px auto 0} .chngSrvBody .cont2 .serviceBox4{width:950px; background:url('../images/icon/service_bg4.jpg') no-repeat right; padding:20px 0; margin:20px auto 0} .chngSrvBody .cont2 .serviceBox5{width:950px; background:url('../images/icon/service_bg5.jpg') no-repeat right; padding:20px 0; margin:20px auto 0} .chngSrvBody .cont2 .serviceBox6{width:950px; background:url('../images/icon/service_bg6.jpg') no-repeat right; padding:20px 0; margin:20px auto 0} .chngSrvBody .cont2 .serviceBox7{width:950px; background:url('../images/icon/service_bg7.jpg') no-repeat right; padding:20px 0; margin:20px auto 0} .chngSrvBody .cont2 .serviceBox8{width:950px; background:url('../images/icon/service_bg8.jpg') no-repeat right; padding:20px 0; margin:20px auto 0} .cont3 ul{width:780px; margin:20px auto 0} .cont3 ul li{width:250px; padding-left:15px} .cont3 ul li img{width:250px;} .cont3 ul li .tit{font-size:12px;} .cont3 ul li .txt{font-size:12px;} .cont7 .list{width:950px; margin:30px auto 0} .cont4{overflow:hidden; width:100%; text-align:center;} .cont4 li{display:inline-block; width:220px; float:none; text-align:center; margin:0 10px; padding-bottom:10px} .newGolf{overflow:hidden; width:950px; margin:auto;} .memMap2.half .img{width:30%; margin-right:3%} .memMap2.half .txt{width:67%;} .memMap23.half .img{width:30%; margin-right:3%} .memMap23.half .txt{width:67%;} .newScheInfo{background:#f7f7f7; border:1px solid #ddd; width:auto; height:66px; text-align:center; overflow:hidden} .newScheInfo li{display:inline-block; float:none; width:23%; margin:13px 0; padding:10px 5%; border-right:1px solid #ddd} .scheduleList{width:950px; margin:auto; overflow:hidden} .memMap2.half .img{width:48%; margin-right:2%} .memMap2.half .img img{width:auto;} .memMap2.half .txt{width:50%;} .memMap23.half .img{width:48%; margin-right:2%} .memMap23.half .img img{width:auto;} .memMap23.half .txt{width:50%;} .hallD .fl{float:left} .hallD .fr{float:right} .hallD .img{width:48%} .hallD .img img{width:100%} .hallD .txt{width:50%;} .hallD .txt.fl{padding-right:0px} .hallD .txt.fr{padding-left:0px} .hallD .txt .txt{width:100%;} /* 2017-01-26 추가 */ .layerBg{width:100%; height:100%; background:#555; opacity:0.7; z-index:9998; position:absolute; top:0; left:0;} .layerPopup{z-index:9999; width:580px; height:680px; position:absolute; top:150px; left:50%; -webkit-transform:translate(-50%,0); transform:translate(-50%,0);} .layerPopup .closeBox{background:#333; color:#fff; width:210px; padding:8px 25px 8px 345px; position:relative; overflow:hidden} .layerPopup .closeBox input{margin-right:10px} .layerPopup .closePop{float:right; padding-top:3px} .layerPopup .popupBg{background:url('../images/popup/main_popup.jpg') no-repeat center top; width:580px; height:640px} /* 2017-01-31 추가 */ .marriageIntro .special .titTxt{text-align:left} /* 2017-02-02 추가 */ .removalIntro .intro{margin:30px auto 0; width:800px} .removalIntro .intro li:nth-child(1){width:320px} .removalIntro .intro li:nth-child(2){width:49px} .removalIntro .intro li:nth-child(3){width:320px} .removalIntro .special{text-align:center} .removalIntro .special img{width:23%} .removalIntro .service .txt{width:70%} /* 2017-02-10 추가 */ .educationIntro .cont3 .img{display:none} .educationIntro .cont3 .txt{width:580px; margin:0 auto; float:none} /* 2017-03-03 추가 */ .board4 li .info .txt1{width:76%} .board4 li .info .txt2{width:20%; padding-right:20px} /* 2017-03-03 추가 */ .cardIntro .step{margin:30px auto; width:980px} .cardIntro .stepDiv{width:27%} .cardIntro .stepDiv .img img{width:100%} /* 2017-03-17 추가 */ .memMap2.half3{width:48%; margin-right:4%} .memMap2.half3 .img{width:100%} .memMap2.half3 .img img{width:100%} .memMap2.half3 .txt{width:100%} .memMap23.half3{width:48%; margin-right:4%} .memMap23.half3 .img{width:100%} .memMap23.half3 .img img{width:100%} .memMap23.half3 .txt{width:100%} } /* 테블릿 세로 해상도 */ @media all and (max-width:980px) { .winPop{display:none} #wrapper{overflow:hidden} #header{height:50px; /*background:url('../images/icon/header_bg.gif')*/ repeat-x 0 -37px} .headDiv h1{position:absolute; top:10px; left:50%; margin-left:-8%;} .headDiv h1 img {width:46%;} .mVisual{display:none;} .mVisualM{display:block;} #wrapper.main{height:auto; overflow:hidden;} .mConbody{height:auto; overflow:hidden;} .mcb{height:auto; overflow:hidden;} .mainConDiv{height:40px;} .mainConDiv .noti{display:none} .mainConDiv .contact{width:98%; height:28px; margin-top:13px; padding:0 1%; float:none; font-size:12px; text-align:left} .mainConDiv .contact span{margin:0 3%;} .mainConDiv .open{width:40px; height:40px;} .mainConDiv .open img{width:40px; height:40px;} .mainCon2Div .mainCon2Div1{width:94%; padding:20px 3%; float:none} .mainCon2Div .mainCon2Div1 .bts a{width:33%;} .mainCon2Div .mainCon2Div2{width:94%; float:none; border-bottom:1px solid #ddd; padding:20px 3%} .mainCon2Div .mainCon2Div2 .listPack{width:100%;} .mainCon2Div .mainCon2Div2 .listPack .tab{width:74px; height:28px; font-size:13px} .mainCon2Div .mainCon2Div2 .listPack .tab.on{width:74px; height:28px;} .mainCon2Div .mainCon2Div2 .listPack .tab.two{left:75px;} .mainCon2Div .mainCon2Div2 .listPack .tab.thr{left:150px;} .mainCon2Div .mainCon2Div2 .listPack .tab.fou{left:225px;} .mainCon2Div .mainCon2Div3{width:94%; height:auto; float:none; border-bottom:1px solid #ddd; padding:20px 3%} .mainCon2Div .mainCon2Div4{width:100%; height:249px; float:none} .mainCon2Div .mainCon2Div4 .btn_area{right:3%;} .mainCon2Div .mainCon2Div4 li{text-align:center} .mainCon2Div .mainCon2Div4 li img{height:249px; max-width:100%} .mainCon2Div .mainCon2Div5{width:94%; height:auto; float:none; padding:20px 3%; border-top:1px solid #ddd; overflow:hidden} .mainCon2Div .mainCon2Div5 a{width:50%; float:left; padding:85px 0 20px; text-align:center} .mainCon2Div .mainCon2Div5 a.type1{width:49%; padding:85px 0 20px; border-right:1px solid #ddd; border-bottom:0px solid #ddd; background:url('../images/icon/main_con5_icon1.png') no-repeat center 15px; background-size:60px 50px} .mainCon2Div .mainCon2Div5 a.type2{background:url('../images/icon/main_con5_icon2.png') no-repeat center 15px; background-size:52px 50px} .subBody{padding-top:40px} .chngsrvSubTxt{margin-bottom:30px; font-size:18px; line-height:25px;} .chngsrvSub{width:700px;} .chngsrvSub a{width:340px; height:160px; padding:30px 0;} .chngsrvSub a .img img{width:340px;} .chngsrvSub a .img2 img{width:340px;} .chngsrvSub a .icon img{height:45px;} .chngsrvSub a strong{font-size:20px; margin-top:15px;} .chngsrvSub a .txt2{font-size:14px; line-height:20px; padding-top:15px; margin-top:15px; background:url('../images/icon/wbar1x45.gif') no-repeat center 0; background-size:30px 1px;} .chngSrvDiv .cont2.type2 .txt{overflow:hidden; padding:30px 5%; background:#eee} .chngSrvDiv .cont2.type2 .txt p{padding-left:4%; margin-left:4%; border-left:1px solid #ddd; font-size:14px; color:#333; line-height:25px} .chngSrvDiv .cont2.type2 .txt p span{font-size:17px} .chngSrvDiv .cont4.type2 .txt{overflow:hidden; padding:30px 1%; background:#eee} .chngSrvDiv .cont4.type2 .txt p{padding-left:2; margin-left:2%; border-left:1px solid #ddd; font-size:14px; color:#333; line-height:25px} .chngSrvDiv .cont4.type2 .txt p span{font-size:17px} .chngSrvDiv .cont1 .img2{width:100%; float:none; text-align:center} .chngSrvDiv .cont1 .txt2{width:100%; float:none; padding-right:0;} .chngSrvDiv .cont1 .txt2 .type1{font-size:20px; margin-bottom:20px; color:#333; font-weight:normal;} .chngSrvDiv .cont1 .txt2 .type3{font-size:16px; margin-bottom:20px; color:#333; font-weight:normal;} .memSubTop{width:642px; margin:auto} .memSubTop .img{width:30%;} /* 2017-03-17 삭제 .memSubTop .img img{width:100%;} */ .memSubTop .txt{width:65%; margin-top:0} /* 2017-03-17 수정 */ .memSubTop .txt .type1{margin-top:10px} .addInfoView ul{padding:30px 3% 0;} .addInfoView li{width:44%; height:auto; margin:0 3% 30px;} .addInfoView li .img{width:100%; height:auto;} .addInfoView li .img img{width:100%; height:auto;} .addInfoView li .bts .viewBt{display:block; width:65%; font-size:12px;} .addInfoView li .bts .selectBt{display:block; width:30%; font-size:12px} .addInfoView li .txt{font-size:13px;} .golfCardDiv{padding:20px 3%;} .golfCardDiv .golfCard{width:80%;} .golfCardDiv .golfCard .img{width:35%;} .golfCardDiv .golfCard .img img{width:100%;} .golfCardDiv .golfCard .txt{width:62%; font-size:14px; line-height:22px; margin-top:0} .golfInfo .taRTxt{position:relative; top:0px; right:auto; left:0; margin-bottom:10px; display:block} .golfInfo .left{width:100%; float:none; margin-bottom:30px} .golfInfo .right{width:100%; float:none; margin-bottom:30px} .golfInfo .tit{font-size:13px; overflow:hidden} .golfInfo .tit span{display:block; float:left; width:60%;} .golfInfo .tit img{display:block; width:80px; margin-right:3%; float:left} .BiDiv .txt1{font-size:15px;} .BiDiv .txt2{font-size:20px;} .BiDiv .biCon1{width:90%; margin:auto} .BiDiv .biCon1 .img{width:100%; float:none} .BiDiv .biCon1 .img img{width:100%;} .BiDiv .biCon1 .txt{width:94%; height:auto; padding:30px 3%; float:none} .BiDiv .biCon1 .txt .type1{font-size:13px; padding:0 0 0 55px; background:url('../images/icon/bi_story_icon1.gif') no-repeat 0 0; background-size:40px; line-height:20px;} .BiDiv .biCon1 .txt .type1 strong{font-size:15px;} .BiDiv .biCon1 .txt .type2{font-size:13px; padding:0 0 0 55px; background:url('../images/icon/bi_story_icon2.gif') no-repeat 0 0; background-size:40px; line-height:20px;} .BiDiv .biCon1 .txt .type2 strong{font-size:15px;} .BiDiv .biCon2{width:98%; margin:auto} .BiDiv .biCon2 .img{width:99%; float:none; padding:40px 0;} .BiDiv .biCon2 .img img{width:70%;} #popup .addInfoDiv .imgDiv{float:none; margin:auto} #popup .addInfoDiv .txtDiv{width:500px; float:none; margin:30px auto 0} #popup .addInfoDiv .txtDiv .txtArea{padding:3%;} #popup .addInfoDiv .txtDiv .txtArea .txt .sentense{width:95%;} #popup .addInfoDiv2{margin-top:30px; padding-top:40px; border-top:1px dashed #d7d7d7} #popup .addInfoDiv2 .txt{padding-bottom:20px; font-size:20px} .headDiv .util{display:none} #gnb{display:none} #mobileLnb{display:none} #subCon h2{display:none} .mobileMenu2{display:block} @media all and (min-width:320px) and (max-width:980px) { #gnbM{display:none;} } #mobileSub{display:block} .mobileSubmenu{display:none;} .obitStep{position:relative; width:100%; margin-top:40px; background:url('../images/txt/obituary_notice_step.gif') no-repeat center 0; background-size:85%; overflow:hidden} /* 2016-12-22 추가 */ #footer{height:200px} .footDiv .fUtil{width:45%; margin-bottom:25px} /* 2017-03-03 수정 */ .footDiv .awardMark1{top:70px; right:0px} /* 2017-03-03 수정 */ /*.footDiv .copyRight{width:70%}*/ .footDiv .linkBt2{top:30px} .footDiv select{top:30px} .footDiv .linkBt{top:30px} /* 2017-01-11 전환서비스 추가 */ .newTravel{width:100%; margin:auto} .newTravel li{width:44%; padding:70px 3% 0; float:left; font-size:15px;} .newGolf{width:100%; margin:auto} .newGolf li{width:44%; padding:70px 3% 0; float:left; font-size:15px;} .newGolf li:nth-child(1){background:url('../images/icon/golf1_img6.jpg') no-repeat center 0;} .newGolf li:nth-child(2){background:url('../images/icon/golf1_img7.jpg') no-repeat center 0;} .newGolf li:nth-child(3){background:url('../images/icon/golf1_img8.jpg') no-repeat center 0;} .newGolf li:nth-child(4){background:url('../images/icon/golf1_img9.jpg') no-repeat center 0;} .newTravel2 li{width:50%; height:auto; float:left; overflow:hidden;} .newTravel2 li>div{height:143px; padding:20px 3% 0; font-size:14px; color:#555; line-height:20px; border-bottom:1px solid #ddd; border-right:1px solid #ddd} .newTravel2 li .type1{color:#333; text-align:center; margin-bottom:15px; padding-right:25px} .newTravel2 li .type2{text-align:center;} .newTravel2 li:nth-child(1){background:none} .newTravel2 li:nth-child(2){background:none} .newTravel2 li:nth-child(3){background:none} .newTravel2 li:nth-child(4){background:none} .newTravel2 li:nth-child(5){background:none} .newTravel2 li:nth-child(6){background:none} .cont3 .intro1{width:100%; float:none} .cont3 .intro2{width:100%; float:none} .cont6 p{float:none;} .cont6 .img{margin-right:0px; margin-bottom:15px; text-align:center} .marriageIntro .use .useDiv .icon{padding:10px 3% 15px; text-align:center; font-size:12px;} .marriageIntro .use2 .useDiv:nth-child(1) .icon{background:none} .marriageIntro .use2 .useDiv:nth-child(2) .icon{background:none} .marriageIntro .use2 .useDiv:nth-child(3) .icon{background:none} .marriageIntro .use2 .useDiv:nth-child(4) .icon{background:none} .marriageIntro .use2 .useDiv:nth-child(5) .icon{background:none} .marriageIntro .use2 .useDiv:nth-child(6) .icon{background:none} .marriageIntro .use1 .useDiv:nth-child(1) .icon{background:none; padding-top:10px} .marriageIntro .use1 .useDiv:nth-child(2) .icon{background:none; padding-top:10px} .marriageIntro .use1 .useDiv:nth-child(3) .icon{background:none; padding-top:10px} .marriageIntro .use1 .useDiv:nth-child(4) .icon{background:none; padding-top:10px} .marriageIntro .use1 .useDiv:nth-child(5) .icon{background:none; padding-top:10px; padding-bottom:15px} .marriageIntro .use1 .useDiv:nth-child(6) .icon{background:none; padding-top:10px; padding-bottom:15px} .marriageIntro .use3 .useDiv:nth-child(1) .icon{background:none} .marriageIntro .use3 .useDiv:nth-child(2) .icon{background:none} .marriageIntro .use3 .useDiv:nth-child(3) .icon{background:none} .marriageIntro .use3 .useDiv:nth-child(4) .icon{background:none} .marriageIntro .use3 .useDiv:nth-child(5) .icon{background:none} .marriageIntro .use3 .useDiv:nth-child(6) .icon{background:none} .chngSrvDiv .use .useDiv .icon{padding:10px 3% 15px; text-align:center; font-size:12px;} .chngSrvDiv .use .useDiv:nth-child(1) .icon{background:none} .chngSrvDiv .use .useDiv:nth-child(2) .icon{background:none} .chngSrvDiv .use .useDiv:nth-child(3) .icon{background:none} .chngSrvDiv .use .useDiv:nth-child(4) .icon{background:none} .chngSrvDiv .use .useDiv:nth-child(5) .icon{background:none} .chngSrvDiv .use .useDiv:nth-child(6) .icon{background:none} .marriageIntro .service{overflow:hidden; width:780px; margin:auto} .marriageIntro .wdImg{width:260px;} .marriageIntro .wdImg:nth-child(1){background:url('../images/icon/marriage_service1.gif') no-repeat center 0} .marriageIntro .wdImg:nth-child(2){background:url('../images/icon/marriage_service2.gif') no-repeat center 0} .marriageIntro .wdImg:nth-child(3){background:url('../images/icon/marriage_service3.gif') no-repeat center 0} .tipBox1{width:94%; background:#fada3c; color:#fff; text-align:left; padding:10px 3% 10px;} .tipBox2{width:97%; padding-left:3%; float:none;} .chngSrvBody .cont2 .serviceBox{width:94%; background:url('../images/icon/service_bg_m.gif') no-repeat right 0 #cfdce8; padding:10px 3%; margin:20px auto 0; text-align:center} .chngSrvBody .cont2 .serviceBox2{width:94%; background:url('../images/icon/service_bg2_m.gif') no-repeat right 0 #dddddd; padding:10px 3%; margin:20px auto 0; text-align:center} .chngSrvBody .cont2 .serviceBox3{width:94%; background:url('../images/icon/service_bg3_m.gif') no-repeat right 0 #e1d5d5; padding:10px 3%; margin:20px auto 0; text-align:center} .chngSrvBody .cont2 .serviceBox4{width:94%; background:url('../images/icon/service_bg4_m.gif') no-repeat right 0 #d9dbd6; padding:10px 3%; margin:20px auto 0; text-align:center} .chngSrvBody .cont2 .serviceBox5{width:94%; background:url('../images/icon/service_bg5_m.gif') no-repeat right 0 #cecece; padding:10px 3%; margin:20px auto 0; text-align:center} .chngSrvBody .cont2 .serviceBox6{width:94%; background:url('../images/icon/service_bg6_m.gif') no-repeat right 0 #dcdcda; padding:10px 3%; margin:20px auto 0; text-align:center} .chngSrvBody .cont2 .serviceBox7{width:94%; background:url('../images/icon/service_bg7_m.gif') no-repeat right 0 #eaeceb; padding:10px 3%; margin:20px auto 0; text-align:center} .chngSrvBody .cont2 .serviceBox8{width:94%; background:url('../images/icon/service_bg8_m.gif') no-repeat right 0 #cdd1ca; padding:10px 3%; margin:20px auto 0; text-align:center} .chngSrvBody .cont2 .serviceDiv{margin:0; padding:30px 3%; line-height:35px; border:2px solid #fff} .memMap2.half .img{float:none; width:100%; margin-right:0; text-align:center; margin:20px 0} .memMap2.half .txt{width:100%; float:none;} .memMap23.half .img{float:none; width:100%; margin-right:0; text-align:center; margin:20px 0} .memMap23.half .txt{width:100%; float:none;} .newScheInfo{height:auto; text-align:left; padding:5px 3%;} .newScheInfo li{display:block; float:none; width:100%; height:auto; margin:10px 0; padding:0; border-right:0px solid #ddd; overflow:hidden} .newScheInfo li span{margin-top:0} .scheduleList{width:620px; margin:auto; overflow:hidden} .scheduleDiv:nth-child(3n){margin-right:40px;} .scheduleDiv:nth-child(2n){margin-right:0px;} .memMap2.half .img img{width:30%;} .cont5 .list p{width:auto; height:auto; float:none; font-size:13px; color:#666; text-align:left; line-height:20px; border-bottom:1px solid #ddd} .cont5 .list p:nth-child(1){background:url('../images/icon/cont5_img1_m.jpg') no-repeat 0 10px; background-size:82px; width:auto; height:auto; min-height:51px; padding:20px 0 10px 90px; } .cont5 .list p:nth-child(2){background:url('../images/icon/cont5_img2_m.jpg') no-repeat 0 10px; background-size:82px; width:auto; height:auto; min-height:51px; padding:20px 0 10px 90px; } .cont5 .list p:nth-child(3){background:url('../images/icon/cont5_img3_m.jpg') no-repeat 0 10px; background-size:82px; width:auto; height:auto; min-height:51px; padding:20px 0 10px 90px; } .cont5 .list p:nth-child(4){background:url('../images/icon/cont5_img4_m.jpg') no-repeat 0 10px; background-size:82px; width:auto; height:auto; min-height:51px; padding:20px 0 10px 90px; } .cont5 .list p:nth-child(5){background:url('../images/icon/cont5_img5_m.jpg') no-repeat 0 10px; background-size:82px; width:auto; height:auto; min-height:51px; padding:20px 0 10px 90px; } .cont5 .list p.mt10{margin-top:0 !important} .cont7 .list p{width:auto; height:auto; float:none; font-size:13px; color:#666; text-align:left; line-height:20px; border-bottom:1px solid #ddd} .cont7 .list p:nth-child(1){background:url('../images/icon/cont7_img1_m.jpg') no-repeat 0 10px; background-size:82px; width:auto; height:auto; min-height:51px; padding:20px 0 10px 90px; } .cont7 .list p:nth-child(2){background:url('../images/icon/cont7_img2_m.jpg') no-repeat 0 10px; background-size:82px; width:auto; height:auto; min-height:51px; padding:20px 0 10px 90px; float:none} .cont7 .list p:nth-child(3){background:url('../images/icon/cont7_img3_m.jpg') no-repeat 0 10px; background-size:82px; width:auto; height:auto; min-height:51px; padding:20px 0 10px 90px; } .cont7 .list p:nth-child(4){background:url('../images/icon/cont7_img4_m.jpg') no-repeat 0 10px; background-size:82px; width:auto; height:auto; min-height:51px; padding:20px 0 10px 90px; } .cont7 .list p:nth-child(5){background:url('../images/icon/cont7_img5_m.jpg') no-repeat 0 10px; background-size:82px; width:auto; height:auto; min-height:51px; padding:20px 0 10px 90px; } .cont7 .list p.mt10{margin-top:0 !important} /* 2017-02-02 추가 */ .removalIntro .service .img{width:100%; float:none; text-align:center} .removalIntro .service .txt2{width:100%; float:none; margin-top:15px} .removalIntro .use .useDiv .icon{padding: 10px 3% 15px; text-align: center; font-size: 12px;} .removalIntro .use .useDiv:nth-child(1) .icon{background:none} .removalIntro .use .useDiv:nth-child(2) .icon{background:none} .removalIntro .use .useDiv:nth-child(3) .icon{background:none} .removalIntro .use .useDiv:nth-child(4) .icon{background:none} .removalIntro .use .useDiv:nth-child(5) .icon{background:none} .removalIntro .use .useDiv:nth-child(6) .icon{background:none} .removalIntro .notice2 p{padding-right:3%} .cont2 .serviceBox9{width:94%; background:url('../images/icon/service_bg9_m.jpg') no-repeat right 0 #b1d3de; padding:10px 3%; margin:20px auto 0; text-align:center} /* 2017-03-03 추가 */ .cardIntro .step{width:800px} .cardIntro .stepDiv{width:26%} .cardIntro .stepDiv .tit{font-size:16px} } /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* 모바일 해상도 */ @media all and (max-width:800px) { .btn333{padding:8px 10px 7px; font-size:13px; vertical-align:top; line-height:17px} /* 2017-02-08 수정 */ .btn333two{padding:6px 10px; background:#333; color:#fff; background-size:1px 33px; font-size:13px;} .btnRed{width:90px; height:35px; line-height:35px; font-size:12px} .btnRed.wide{padding:0 10px;} .btnRed2{width:88px; height:33px; line-height:35px; font-size:12px} .whtBt{padding:7px 10px; font-size:12px} .btnGry{width:90px; height:35px; line-height:35px; font-size:12px} .whtBt3{padding:6px 10px; background:url('../images/icon/btn_fffbg.gif') repeat-x 0 0; background-size:1px 33px; font-size:13px;} .situ1{width:65px; height:26px; line-height:26px; font-size:12px; border-radius:13px;} .prvBt img{width:31px} .srchBt{width:32px; height:32px; overflow:hidden; vertical-align:middle} .srchBt span{display:inline-block; padding-left:32px; width:100px; background:url('../images/icon/srch_icon.png') no-repeat 8px center; background-size:15px; text-align:left} .reactImg{width:90%;} #wrapper{min-width:100%} .headDiv .util{display:none} #gnb{display:none} #gnb .oneD{width:123px; font-size:15px;} #gnb .twoD{width:103px; padding:0 10px;} #gnb .twoD.on{background:#fada3c} #gnb .twoD.one{left:-1px;} #gnb .twoD.two{left:123px;} #gnb .twoD.thr{left:247px;} #gnb .twoD.fou{left:371px;} #gnb .twoD.fiv{left:495px;} #gnb .twoD.six{left:619px;} /* 메인페이지 */ /* 서브페이지 */ .subBody{width:94%; padding:0 3%; margin:20px auto 0;} #lnb{display:none;} #subCon{width:100%; padding:0 0 50px 0;} #subCon h2{font-size:30px; margin-bottom:30px} #subCon .path{position:absolute; top:15px; right:0;} #subCon .path span{padding-left:19px; margin-left:15px; background:url('../images/icon/path_arrow.gif') no-repeat 0 center} #subCon .path span.home{padding-left:0px; margin-left:0px; background:none} .titTxt{font-size:17px;} .displayC{display:block; margin-top:5px} .dotBox{padding:20px 3% 20px; font-size:13px; color:#777; line-height:22px;} .dotBox dt{font-size:14px;} .dotBox2{padding:20px 3% 20px; line-height:20px; font-size:13px;} .dotBox3{line-height:22px;} .dotBox3 .tit{padding:15px 3%; font-size:14px;} .dotBox3 dl{padding:15px 3%; font-size:13px;} .dotBox3 dt{margin-top:10px} .warnBox{padding:14px 3% 17px 35px; background:url('../images/icon/warn_icon.png') no-repeat 10px 15px #fff5f6; background-size:20px 20px; font-size:13px; line-height:22px; margin-bottom:50px} /* 2017-01-25 수정 */ .warnBox .btnRed{display:block; position:relative; top:0; right:0; margin-top:10px; vertical-align:middle} .warnBox .btnRed.wide{display:inline-block; font-size:12px; margin-top:5px; margin-left:3%} .warnBox2{padding:20px 3% 15px 40px; background:url('../images/icon/warn_icon.png') no-repeat 10px center #fff5f6; background-size:20px 20px; font-size:13px;} .warnBox3{padding:14px 3% 17px 35px; background:url('../images/icon/warn_icon.png') no-repeat 10px 15px #fff5f6; background-size:20px 20px; font-size:13px; line-height:22px} .warnBox3 .btnRed{display:block; position:relative; top:0; right:0; margin-top:10px; vertical-align:middle} .termTxtBox{padding:20px 5% 0;} .termTxtBox .tit{font-size:20px; padding-bottom:15px;} .termTxtBox .txt{margin-top:15px; font-size:13px; line-height:22px;} .termTxtBox.service{padding:20px 5%;} .termTxtBox.service .txt{font-size:13px;} .loginDiv .inputArea{padding:30px 0;} .loginDiv .areaDiv{width:280px; margin:auto; overflow:hidden} .loginDiv .inputArea .areaDiv .inputDiv{width:280px; float:none; text-align:center} .loginDiv .inputArea .areaDiv .inputDiv input{width:80%; height:30px;} .loginDiv .inputArea .areaDiv .loginBt{display:block; width:100px; height:45px; float:none; font-size:17px; line-height:45px; margin:10px auto 0} .loginDiv .inputArea .srchArea{margin-top:25px; padding-top:15px;} .loginDiv .inputArea .srchArea .txt{float:none; line-height:30px; text-align:center} .loginDiv .inputArea .srchArea .bt{float:none; text-align:center} .loginDiv .joinArea{padding:20px 0} .loginDiv .joinArea .txt{width:auto; padding:0 0 0 35px; background:url('../images/icon/login_icon1.gif') no-repeat 0 center; background-size:25px; float:none; line-height:20px; font-size:12px;} .loginDiv .joinArea .whtBt{display:block; float:none; margin:5px auto 0; width:51px; text-align:center} .joinTxt img{width:90%;} .termDiv .tit{font-size:14px; width:90%} .termDiv .check{position:absolute; top:-3px; right:0;} .termDiv .check img{width:20px} .termDiv .check strong{display:none} .termDiv .termBox{margin:10px 0 0; height:150px; padding:15px 3%;} .termDiv .termBox .tit{font-size:14px;} .termDiv .termBox .txt{margin-top:15px;} .accreditDiv{margin-top:30px; padding:20px 0} .accreditDiv .accreditBts{width:245px; margin:auto; overflow:hidden} .accreditDiv .accreditBts p{width:80px; float:left;} .accreditDiv .accreditBts .mobile{padding:11px 14px 11px 30px; background:url('../images/icon/accedit_icon1.gif') no-repeat 0 center; background-size:25px; border-right:1px solid #dcdcdc;} .accreditDiv .accreditBts .ipin{padding:11px 0 11px 40px; background:url('../images/icon/accedit_icon2.gif') no-repeat 10px center; background-size:25px;} .accreditDiv .accreditBts .whtBt{padding:7px 10px; font-size:12px;} .titTxt{font-size:17px;} .joinCom{padding:40px 2%;} .joinCom .txt{font-size:17px; padding-bottom:20px; background:url('../images/icon/bar2x25.gif') no-repeat center bottom; background-size:52px 2px;} .joinCom .txt2{font-size:12px; color:#333; text-align:center} .joinCom ul{width:94%; margin:25px auto 0;} .joinCom li{padding:0 0 5px 10px;} .conNumDiv{padding:15px 0} .conNumDiv .conNums{width:94%; margin:auto;} .conNumDiv .conNums p{display:block; font-size:13px; word-break:break-all;} .conNumDiv .conNums p span{font-size:14px;} .conNumDiv .conNums .contact1{padding:11px 0 11px 45px; background:url('../images/icon/connum1.gif') no-repeat 2% center; background-size:30px; border-right:0px solid #dcdcdc;} .conNumDiv .conNums .contact2{padding:11px 0 11px 45px; background:url('../images/icon/connum2.gif') no-repeat 2% center; background-size:30px;} .conNumDiv .conNums .contact3{padding:11px 0 11px 45px; background:url('../images/icon/connum3.gif') no-repeat 2% center; background-size:30px;} .idpwDiv .txt2{margin-top:10px;} .idpwDiv .srchBox{margin-top:15px;} .idpwDiv .srchBox .accredit1{width:90%; padding:75px 5% 20px; float:none; border-bottom:1px solid #ffe3e4; background:url('../images/icon/accedit_icon3.gif') no-repeat center 20px; background-size:auto 46px;} .idpwDiv .srchBox .accredit2{width:90%; padding:75px 5% 20px; float:none; background:url('../images/icon/accedit_icon4.gif') no-repeat center 20px; background-size:auto 46px;} .idpwDiv .srchBox .txt4{margin-top:10px;} .idpwDiv .srchBox .whtBt{margin-top:15px;} .idpwDiv .goPw{margin-top:10px;} .idpwDiv ul{width:94%;} .idpwDiv li{font-size:12px; background:url('../images/icon/dot3x3.gif') no-repeat 0 6px; text-align:left; font-weight:normal; color:#777; line-height:20px;} .srchPw{padding:30px 0 0;} .srchPw p{margin-bottom:15px; font-size:15px;} .srchPw input{width:80%;} .srchPw .btnRed{margin:10px auto 0;} .srchPw dl{margin-top:20px; padding:17px 5%;} .srchPw dt{font-size:14px;} .srchPw dd{font-size:12px; line-height:22px;} .srchId{padding:45px 5%;} .srchId .txt1{font-size:15px;} .srchId .txt2{font-size:26px; margin-top:15px} .srchId .bts{width:100%; margin:15px auto 0; padding:20px 0 0} .srchId .bts .btnRed{width:85px; height:32px; line-height:32px; font-size:12px;} .lifeWayDiv{padding:40px 5%;} .lifeWayDiv .top{font-size:15px; line-height:22px; padding-bottom:15px;} .lifeWayDiv .top strong{font-size:18px;} .lifeWayDiv .mid{font-size:17px; margin-top:15px} .lifeWayDiv .mid strong{display:block; margin-top:5px} .lifeWayDiv .bot{font-size:14px; margin-top:20px} .lifeWayDiv2{margin-top:20px; padding:20px 3% 25px; font-size:14px; line-height:22px;} .lifeWayDiv2 .type1{letter-spacing:-1px} .lifeWayDiv2 .type2{margin-top:15px; font-size:20px;} .lifeWayDiv2 .btnRed{font-size:15px; font-family:'NanumSquareR'; font-weight:normal;} .lifeWayDiv3{border-top:2px solid #333; text-align:center; padding:20px 3% 25px;} .lifeWayDiv3 .top{font-size:18px; line-height:30px;} .lifeWayDiv3 .mid{font-size:14px; margin-top:10px} .lifeWayDiv3 .bot{width:100%; padding-top:20px; margin:20px auto 0;} .lifeWayDiv3 .bot li{font-size:13px; padding-left:10px; background:url('../images/icon/dot3x3.gif') no-repeat 0 6px; margin-bottom:5px; font-weight:normal;} .lifeWayDiv3 .newbot{width:90%; margin:0 auto} .lifeWayDiv3 .newbot li{overflow:hidden; margin-bottom:5px} .lifeWayDiv3 .newbot img{width:25px; margin-right:3%} .lifeWayDiv3 .newbot p{width:87%; margin-top:0} .lifeWayDiv3 .newbot .one p{margin-top:0} .lifeWayDiv3 .newbot.type2{width:90%;} .lifeWayDiv3 .newbot.type2 .bt{padding:0px 3%; margin:0 0 0 6px; font-size:11px;} .memCard{padding:25px 0 0;} .memCard .type1 dt{font-size:17px; margin-bottom:10px; line-height:25px;} .memCard .type1 dd{font-size:13px;} .memCard .type2{margin:15px 0 0 10px;} .memCard .type2 dt{font-size:13px;} .memCard .type2 dd{font-size:13px;} .memCard .situ1{width:auto} .memCard2{padding:20px 3% 20px;} .memCard2 .tit{font-size:17px; margin-bottom:10px; line-height:25px;} .memCard2 .tit span{font-size:13px;} .memCard2 .inputArea{margin-bottom:10px} .memCard2 .inputArea .left{width:77%;} .memCard2 .inputArea .left .type1{width:15%} .memCard2 .inputArea .left .type2{width:33%} .memCard2 .inputArea .left .type3{width:95%} .memCard2 .inputArea .right{width:22%; font-size:16px} .memCard2 .txt{font-size:13px;} .memCardTxt{font-size:14px; margin-top:30px; letter-spacing:-1.5px; line-height:22px} .memCardTxt strong{font-size:16px;} .memCardImg{width:250px; margin:0 auto; padding:30px 0; overflow:hidden;} .memCardImg .cardImg3{width:200px; height:124px; margin:0 auto; color:#fff; background:url('../images/icon/m_member_card_img1.gif') no-repeat 0 0; font-weight:normal;} .memCardImg .cardImg3 .name{padding:70px 0 0 30px; font-size:16px; letter-spacing:10px} .memCardImg .cardImg3 .number{padding:5px 0 0 30px;} .memCardImg .cardImg4{width:200px; height:124px; margin:30px auto 0; color:#555; background:url('../images/icon/m_member_card_img2.gif') no-repeat 0 0; font-weight:normal; text-align:center;} .memCardImg .cardImg4 .barName{padding-top:15px; margin-bottom:10px;} .memCardImg .cardImg4 .number{margin-top:10px;} .memCardImg .noti{width:200px; margin:0 auto; padding-top:30px; color:#333; text-align:center; line-height:20px;} .performRe li{margin-bottom:40px;} .performRe li .img{width:80%; height:auto; float:none; margin:0 auto 15px} .performRe li .txt{width:94%; float:none; margin:auto} .performRe li .txt .tit{font-size:17px; margin-bottom:10px} .performRe li .txt .dot{font-size:13px; margin-bottom:0;} .performRe li .txt .check{font-size:13px; padding:6px 0 5px 30px; background:url('../images/icon/warn_icon2.png') no-repeat 0 7px; background-size:20px;} .performRe li .txt .selectDiv{margin-top:10px} .performRe li .txt .selectDiv select{width:170px;} .memMap2 .txt th{padding:10px 3%; font-size:12px} .memMap2 .txt td{padding:15px 3%; font-size:12px line-height:22px;} .memMap23 .txt th{padding:10px 3%; font-size:12px} .memMap23 .txt td{padding:15px 3%; font-size:12px line-height:22px;} .memMapcost .txt th{padding:10px 3%; font-size:9px} .memMapcost .txt td{padding:10px 3%; font-size:9px line-height:22px;} .numTxt dt{font-size:15px;} .numTxt dd .num{width:6%;} .numTxt dd .txt{width:94%;} .memberRoll{height:600px;} .memberRoll .left{position:absolute; top:15%; left:3%;} .memberRoll .left img{height:45px;} .memberRoll .right{position:absolute; top:15%; right:3%;} .memberRoll .right img{height:45px;} .memberRoll .rollIcon{bottom:10px;} .memberRoll .rollUnit{width:100%; height:420px; padding:20px 0;} .memberRoll .rollUnit .performRe{width:100%;} .memberRoll .rollUnit .performRe li .txt{width:90%;} .memberRoll .rollUnit .performRe li .img{width:23%; min-width:90px} .memberRoll .rollUnit .performRe li .img img{width:100%;} .changeSer .selectSer{width:32%; height:15px; margin-bottom:15px;} .changeSer .selectSer span{display:inline-block; width:15px; height:15px} .changeSer .selectSer span img{width:15px; height:15px} .changeSer .selectSer strong{vertical-align:top; line-height:15px; margin-left:3px; font-size:13px} .changeSer .csConDiv{top:100px; padding:20px 3% 0; width:94%} .addInfoView ul{padding:30px 3% 0;} .addInfoView li{width:100%; margin:0 0 30px;} .csConDiv{padding:25px 0 0;} .csConDiv .txt1{font-size:17px;} .csConDiv .txt2{font-size:14px; margin-top:15px; line-height:22px;} .csConDiv .subSelDiv{padding:45px 0 0; margin-top:25px} .csConDiv .subSelDiv .subSel{position:absolute; top:0; left:0; width:83px; height:24px; border:1px solid #fada3c; border-radius:13px; text-align:center; color:#fada3c; font-size:13px; transition:.2s linear; -moz-transition:.2s linear; -webkit-transition:.2s linear; -ms-transition:.2s linear; -o-transition:.2s linear;} .csConDiv .subSelDiv .subSel.on{color:#fff; background:#fada3c;} .csConDiv .subSelDiv .selUnit{display:none} .noCpro{padding:80px 5% 45px; background:url('../images/icon/warn_icon3.png') no-repeat center 40px #fbf6f6; background-size:30px; font-size:15px;} .obitNoti{padding:20px 0;} .obitNoti .tit{font-size:18px; margin-bottom:15px} .obitNoti .left{width:94%; padding:0 3%; margin-bottom:30px; float:none; border-right:0px solid #e9e9e9} .obitNoti .left .bt a{padding:8px 15%;} .obitNoti .left .inputDiv{width:100%; height:180px; margin-top:6px} .obitNoti .left .inputDiv textarea{width:94%; padding:3px 3%; height:170px;} .obitNoti .right{width:94%; padding:0 3%; float:none;} .obitNoti .right .numInput input{width:65%; height:26px;} .obitNoti .right .numList{padding:10px 3%; width:93%; height:180px;} .obitNoti .right .bt2{padding-top:25px} .obitNoti .right .bt2 a{padding:8px 3%;} .obitNoti .right .bt2 .counter{position:absolute; top:0; right:0;} .obitNoti .right .numList p{font-size:13px; margin-bottom: 10px;} .obitNoti .right .numList p a img{width:7px; padding:3px} .changePri{padding:0 5%} .changePri .txt1{font-size:20px; margin-bottom:10px;} .changePri .inputDiv{margin-top:15px; padding:30px 0;} .changePri .inputDiv input{width:70%; height:27px;} .chngsrvSubTxt{margin-bottom:30px; font-size:14px; line-height:22px; text-align:left} .chngsrvSub{width:300px; margin:auto} .chngsrvSub a{width:300px; height:154px; float:none; padding:30px 0; margin:0;} .chngsrvSub a.type2{margin:0;} .chngsrvSub a .img img{width:300px;} .chngsrvSub a .img2 img{width:300px;} .chngsrvSub a .icon img{height:30px;} .chngsrvSub a strong{font-size:18px; margin-top:20px;} .chngsrvSub a .txt2{font-size:13px; line-height:20px; padding:15px 3% 0; margin-top:15px; background:url('../images/icon/wbar1x45.gif') no-repeat center 0; background-size:25px 1px;} .chngSrvHead img{width:100%} .image img {width:100%} .chngSrvHead .txt img{width:20px; display:none} .chngSrvHead .txt{position:relative; top:0; left:0; font-size:15px; color:#333; line-height:22px} .chngSrvHead .txt p{margin:15px 0} .chngSrvHead .txt p.type1{margin:15px 0 0; font-size:12px;} .chngSrvHead .txt p.type2{margin:0 0 0;} .chngSrvDiv .cont1{padding-bottom:20px;} .chngSrvDiv .cont1 .img{width:100%; float:none;} .chngSrvDiv .cont1 .img img{width:25%;} .chngSrvDiv .cont1 .txt{width:100%; font-size:13px; line-height:20px; float:none; padding-right:0; margin-top:15px} .chngSrvDiv .cont1 .txt .type1{font-size:17px; margin-bottom:15px;} .chngSrvDiv .cont2 li{width:94%; padding:20px 3%; float:none; margin-right:0; font-size:16px; border-bottom:1px solid #ffe3e4} .chngSrvDiv .cont2 li img{width:50%;} .chngSrvDiv .cont2.fou li{width:94%; padding:20px 3%;} .chngSrvDiv .cont2 li .txt{margin-top:10px} .chngSrvDiv .cont3 li{overflow:hidden; padding:10px 0 22px; background:url('../images/icon/chngsrv_arrowline.gif') no-repeat center bottom; background-size:475px 6px;} .chngSrvDiv .cont3 li .img{width:25%; text-align:center;} .chngSrvDiv .cont3 li .img img{width:100%;} .chngSrvDiv .cont3 li .txt{width:70%; padding-right:0; font-size:13px; line-height:20px;} .chngSrvDiv .cont3 li .txt .type1{font-size:15px;} .chngSrvDiv .cont1 .txt .type3{font-size:13px;} .chngSrvDiv .cont4 li{width:80%; padding:20px 3%; float:none; margin-right:0; font-size:16px; border-bottom:1px solid #ffe3e4} .chngSrvDiv .cont4 li img{width:50%;} .chngSrvDiv .cont4.fou li{width:94%; padding:20px 3%;} .chngSrvDiv .cont4 li .txt{margin-top:10px} .chngSrvDiv .cont2.type2 .txt{overflow:hidden; padding:30px 5%; background:#eee} .chngSrvDiv .cont2.type2 .txt p{padding-left:0; margin-left:0; border-left:0; width:50%; line-height:22px} .chngSrvDiv .cont2.type2 .txt .txt3{margin-top:15px} .chngSrvDiv .cont2.type2 .txt .txt4{margin-top:15px} .chngSrvDiv .cont2.type2 .txt p span{font-size:15px} .chngSrvDiv .cont4.type2 .txt{overflow:hidden; padding:30px 5%; background:#eee} .chngSrvDiv .cont4.type2 .txt p{padding-left:0; margin-left:0; border-left:0; width:50%; line-height:22px} .chngSrvDiv .cont4.type2 .txt .txt3{margin-top:15px} .chngSrvDiv .cont4.type2 .txt .txt4{margin-top:15px} .chngSrvDiv .cont4.type2 .txt p span{font-size:15px} .privacyDiv .taR select{width:150px;} .privacyDiv .priAnchor{border:1px solid #ddd; padding:15px 3% 5px} .privacyDiv .priAnchor a{width:94%; float:none; margin-bottom:10px} .privacyDiv dt{font-size:14px;} .privacyDiv dd{line-height:22px; margin-bottom:15px; font-size:12px:} .privacyDiv dd .num{width:18px;} .privacyDiv dd .txt{width:94%;} .privacyDiv dd table{border-top:1px solid #ffe3e4; border-left:1px solid #ffe3e4;} .privacyDiv dd th{background:#f7f7f7; padding:10px 0; font-size:13px; color:#777; border-bottom:1px solid #ffe3e4; border-right:1px solid #ffe3e4;} .privacyDiv dd td{padding:10px; font-size:13px; color:#777; border-bottom:1px solid #ffe3e4; border-right:1px solid #ffe3e4;} .privacyDiv .priTxt .subTxt{font-size:14px;} .memMap .img{width:100%; float:none; padding:30px 3% 10px; text-align:center} .memMap .img img{width:70%;} .memMap .txt{width:100%; padding-left:0; float:none; border-left:0px dashed #ddd;} .memMap .txt th{padding:10px 0; font-size:13px;} .memMap .txt td{padding:10px 0 15px 20px; font-size:13px;} .imgInfo{margin-bottom:20px} .imgInfo .img{width:100%; float:none} .imgInfo .info{width:100%; float:none; font-size:13px; line-height:22px;} .ceoDiv .img{width:100%; float:none; text-align:center; margin-bottom:20px} .ceoDiv .img img{width:70%; float:none} .ceoDiv .txt{width:100%; float:none; line-height:20px; font-size:12px} .ceoDiv .txt .type1{font-size:16px; line-height:24px; margin-bottom:20px} .ceoDiv .txt img{height:35px;} .companyDiv{line-height:20px;} .companyDiv .type1{font-size:18px; line-height:25px;} .companyDiv ul{margin-top:30px; padding-bottom:15px;} .companyDiv li{width:85%; float:none; margin:0 auto 30px; font-size:14px} .companyDiv li strong{font-size:15px;} .companyDiv .titTxt{line-height:24px;} .companyDiv .diagram{font-size:15px; margin-top:30px; padding-bottom:0px;} .companyDiv .diagram .txt{margin-bottom:20px;} .historyDiv li{padding:30px 5%; width:90%;} .historyDiv li .year{width:100%; float:none; text-align:left; font-size:18px;} .historyDiv li .hisTxt{width:100%; float:none;} .historyDiv li .hisTxt .txt{margin-top:15px; line-height:22px} .historyDiv li .hisTxt .txt.mt30{margin-top:25px !important} .historyDiv li .hisTxt .txt .month{width:8%;} .historyDiv li .hisTxt .txt .history{width:92%;} .historyDiv li .hisTxt .txt .history .img{margin-top:5px} .historyDiv li .hisTxt .txt .history .img img{height:80px;} .location {width:100%;} .location dl{margin-top:20px;} .location dt{width:93%; float:none; padding-left:25px; font-size:14px; margin-bottom:5px} .location dt.one{background:url('../images/icon/location_icon1.gif') no-repeat 0 center; background-size:15px;} .location dt.two{background:url('../images/icon/location_icon2.gif') no-repeat 0 center; background-size:13px;} .location dt.thr{background:url('../images/icon/location_icon3.gif') no-repeat 0 center; background-size:15px;} .location dt.fou{background:url('../images/icon/location_icon4.gif') no-repeat 0 center; background-size:15px;} .location dt.fiv{background:url('../images/icon/location_icon5.gif') no-repeat 0 center; background-size:13px;} .location dd{width:95%; padding-left:13px; float:none; background:url('../images/icon/dot3x3b.gif') no-repeat 0 6px; background-size:3px; font-size:13px;} .location dd span.type1{background:url('../images/icon/location_icon6.gif') no-repeat 0 0; background-size:20px; line-height:20px; padding-left:25px;} .location dd span.type2{background:url('../images/icon/location_icon7.gif') no-repeat 0 0; background-size:20px; line-height:20px; padding-left:25px; margin-left:5%} .location dd span.type3{background:url('../images/icon/location_icon8.gif') no-repeat right 0; background-size:13px; line-height:16px; padding-right:25px; margin-right:4px;} .golfCardDiv{padding:15px 3%;} .golfCardDiv .golfCard{width:100%;} .golfCardDiv .golfCard .img{width:100%; float:none; text-align:center} .golfCardDiv .golfCard .img img{width:111px;} .golfCardDiv .golfCard .txt{width:100%; float:none; margin-top:15px} .boardType2 th{padding:18px 3%; font-size:11px} .boardType2 th span{padding-left:0} .boardType2 th span.essen{padding-left:7px; background:url('../images/icon/essential_icon.gif') no-repeat 0 3px; background-size:5px;} .boardType2 td{padding:10px; font-size:12px;} .boardType2 td .red{display:block; margin-top:5px; font-size:11px;} .boardType2 td .list{min-width:100%;} .boardType2 td .list2{min-width:100%;} .boardType2 td .selectPack{width:100%; float:none; border-right:0px solid #dbdbdb; text-align:left; margin-bottom:5px} .boardType2 td .selectPack dt{margin-top:3px; margin-right:0; width:30%; font-size:13px} .boardType2 td .selectPack dd{display:inline-block; margin-right:10%} .boardType2 td input{margin-bottom:5px} .boardType2 td .inputType1{width:45%;} .boardType2 td .inputType2{width:20%} .boardType2 td select.inputType2{width:30%} .boardType2 td .inputType3{width:25%} .boardType2 td .inputType4{width:98%} .boardType2 td .inputType5{width:55%} .boardType2 .leftAdd{position:relative; bottom:0; left:0; margin-top:10px;} .boardType2 td .subTit{color:#333; margin:0 1% 0 0} .boardType2 td .date{width:100%; float:none; margin-right:0; margin-bottom:5px} .boardType2 td .date input{border:none; width:85%;} .boardType2 td .date img{width:12px; padding:5px 0 10px 5px; vertical-align:middle} .boardType11 th{padding:10px 0; font-size:14px;} .boardType11 td{padding:10px 3%; font-size:12px;} .boardType11 td.type1{background:#fff5f6; font-size:13px; color:#333; font-weight:normal; text-align:center} .prList{width:100%;} .prList a{width:27%; height:auto; margin:0 3% 25px} .prList a .img{width:100%; height:auto; overflow:hidden} .prList a .img img{width:100%; height:auto;} .prList a .tit{font-size:15px; color:#555; margin-top:10px} .prList a .txt{font-size:13px; color:#777; margin-top:5px; overflow:hidden} .prList a .txt span{float:left} .prList a .txt span.bar{color:#ddd; margin:0 10px;} .prView .addFile{position:absolute; bottom:23px; left:0; width:75%;} .prView .head{padding:12px 3%;} .prView .head .tit{font-size:14px;} .prView .head .txt{font-size:12px;} .prView .view{padding:20px 3%; font-size:13px} .prView .view .viewImg{width:100%;} .prView .snsDiv{margin-top:15px;} .prView .snsDiv a{margin-left:5px} .prView .snsDiv img{width:25px;} .prView .addFile{position:relative; bottom:0; left:0; width:100%; margin-top:15px} .prView .addFile a{display:inline-block; padding:5px 10px; font-size:12px; margin-bottom:5px} .prView .view .counAnswer{margin-top:20px;} .prView .view .counAnswer .answerH{padding:15px 3%;} .prView .view .counAnswer .tit{padding-left:10px; font-size:14px; background:url('../images/icon/answer_icon.gif') no-repeat 0 2px; background-size:7px;} .prView .view .counAnswer .txt{font-size:12px;} .prView .view .counAnswer .answerT{padding:15px 3%; font-size:13px} .megaList{width:100%;} .megaList li{width:100%; height:auto; float:none; margin-bottom:30px} .megaList li a{display:block; width:90%; height:25px; line-height:25px; background:url('../images/icon/btn_fffbg.gif') repeat-x 0 0; background-size:1px 25px; font-size:13px;} .megaList li .img{width:57%; height:auto;} .megaList li .img img{width:100%; height:auto;} .megaList li .txt{width:37%; height:auto; padding:0;} .megaList li .txt .tit{font-size:18px; line-height:22px; padding:10px 0;} .megaList li .txt .copy{margin:10px 0 35px; font-size:12px;} .memSubTop{width:270px; padding:15px;} .memSubTop .img{width:100%; float:none; text-align:center} .memSubTop .img img{width:60%; float:none} .memSubTop .txt{width:100%; float:none; margin-top:20px} /* 2017-03-17 수정 */ .memSubTop .txt .type1{margin-top:20px; font-size:15px; line-height:20px} .memSubTop .txt .type2{margin-top:10px; font-size:13px;} .mvScript{padding:15px 3%; height:50px;} .boardType3 div{padding:12px 0;} .boardType3 .tit{width:20%;} .boardType3 .prvDiv .tit span{padding-left:12px; background:url('../images/icon/list_prvicon.gif') no-repeat 0 center; background-size:7px 4px;} .boardType3 .nxtDiv .tit span{padding-left:12px; background:url('../images/icon/list_nxtcon.gif') no-repeat 0 center; background-size:7px 4px;} .boardType3 .txt{width:44%; padding-left:3%; padding-right:3%} .boardType3 .date{width:30%;} .boradType4 li{padding:13px 0; font-size:13px;} /* 2017-02-24 수정 */ .boradType4 li .num{width:10%;} .boradType4 li .info{width:90%; overflow:hidden;} .boradType4 li .info .txt{width:90px; float:left; text-align:left;} .boradType4 li .info .txt1{width:70%; float:none; margin-bottom:10px; overflow:hidden;} .boradType4 li .info .txt2{display:block; width:100%; float:none; text-align:left; font-size:12px;} .boradType4.type2 li .num{width:10%;} .boradType4.type2 li .type{width:18%; text-align:left; padding-left:2%} .boradType4.type2 li .info{width:70%;} .boradType4.type2 li .info .txt1{width:100%; float:none;} .boradType5 a{padding:15px 0;} .boradType5 a .img{width:90%; float:none; margin:auto; min-height:150px; background:url('../images/icon/adlist_noimg_m.gif') no-repeat center center; background-size:20%;} .boradType5 a .info{width:100%; float:none;} .boradType5 a .txt1{font-size:14px; margin-top:18px} .boradType5 a .txt2{font-size:13px; line-height:20px; margin-top:5px} .boradType5 a .txt3{font-size:12px; margin-top:5px} .scrollX .widthScbg{display:block; position:absolute; top:0; right:0; width:70px; background:url('../images/icon/width_scrollbg.png') repeat-y right 0; background-size:20px 1px;} /* 2017-03-23 수정 */ .boradType7{position:relative; width:100%; overflow-y:visible; overflow-x:auto; border-top:2px solid #bcbcbc;} .boradType7 table{width:950px;} .boradType7.shrt table{width:770px;} .boradType7 th{padding:13px 2%; font-size:13px;} .boradType7 td{padding:13px 2%; font-size:13px;} .boradType7 .type2 td{padding:13px;} .boardType8{position:relative; width:100%; overflow-y:visible; overflow-x:auto; border-top:2px solid #bcbcbc;} .boardType8 table{width:100%} /* 2017-03-23 수정 */ .boardType8.shrt table{width:770px;} .boardType8 th{padding:13px 3%; font-size:15px;} .boardType8 td{padding:13px 3%; font-size:14px;} .boardType8 td.type1{padding:13px 3%; font-size:13px;} .boardType8 td .subTable{width:350px;} .calendarBoard{position:relative; width:100%; overflow-y:visible; overflow-x:auto;} .calendarBoard table{width:873px;} .boardType10 th{font-size:13px} .boardType10 td{font-size:13px} .faqDiv li.on button{width:86%; padding:14px 3% 15px 11%; font-weight:normal; background:url('../images/txt/faq_qtxt.gif') no-repeat 3% 12px; background-size:18px;} .faqDiv li button span{top:20px;} .faqDiv .answer{width:86%; padding:14px 3% 15px 11%; background:url('../images/txt/faq_atxt.gif') no-repeat 3% 15px #f7f7f7; background-size:18px; line-height:20px;} .replDiv .input{padding:4px 1%} .replDiv .input textarea{width:67%;} .replDiv .input a{width:28%; height:64px;} .replDiv .view{padding:10px 3% 15px;} .replDiv .view .priInfo{font-size:13px;} .replDiv .view .bts{position:relative; bottom:0; right:0; margin-top:10px; text-align:right} .listSrch {padding:12px 0;} .listSrch select {width:20%; border:1px solid #ddd;} .listSrch input {width:30%; border:1px solid #ddd;} .listSrch select.type2 {width:60%;} .listSrch strong {font-size:13px} .listSrch .btnGry {font-size:13px; padding:8px 2% 7px;} #footer{height:auto} .footDiv{padding:20px 0 80px 0; height:auto} .footDiv a{display:inline-block; line-height:24px; letter-spacing:-1px} .footDiv select{display:none} .footDiv .linkBt{display:none} .footDiv .linkBt2 {display:none;} /* //2016-10-21 추가 */ .footDiv .copyRight{font-size:12px; margin-left:3%} /* 2017-01-03 수정 */ .footDiv .copyRight.mt25{margin-top:10px !important; line-height:22px;} .footDiv .copyRight p{margin-top:10px; font-size:11px; line-height:18px;} /* tab */ .tab1.six a{font-size:11px;} .tab2{padding:15px 0 0;} .tab2 a{font-size:13px; padding:0 3% 13px; background:url('../images/icon/bar1x14.gif') no-repeat right 4px; background-size:1px 10px;} .errorDiv .errorBox img{width:35%;} .errorDiv .errorBox .type1{font-size:30px;} .errorDiv .errorBox .type2{margin-top:15px; padding-top:17px; background:url('../images/icon/redbar2x69.gif') no-repeat center 0; background-size:40px 2px; font-size:18px;} .errorDiv .errorBox .type3{line-height:20px; font-size:13px;} #mobileLnb{display:none;} .boxTxt .addInfoBt img{width:100px;} .mHidden{display:none;} .obitStep{position:relative; width:100%; height:200px; margin-top:40px; background:url('../images/txt/obituary_notice_step_m.gif') no-repeat center 0; background-size:auto 200px; overflow:hidden} /* 2016-08-25 추가 */ span.small {font-size:14px} /* 2016-08-29 추가 */ .infoA {display:block} .infoCost {width:100%; text-align:center;margin-top:15px} #popup .popBody .memCardpop .safeTit {font-size:20px; font-weight:normal; color:#333; line-height:28px; text-align:center; background:url('../images/icon/safe_ok.png')no-repeat top center; padding-top:150px; height:60px;}/* //2016-10-24 추가*/ /* 2016-12-22 추가 */ #footer{height:auto} .footDiv .fUtil{width:94%; margin:0 3%} /* 2017-01-03 수정 */ .footDiv .awardMark1{display:none;} .footDiv .awardMark2{display:block; width:97%; margin:10px 0 20px 3%; text-align:center} /* 2017-01-03 수정 */ .footDiv .copyRight{margin-left:3%} .cont3 .intro1 img{width:70%;} .cont3 .introTxt{padding:20px 3%;} .cont3 .intro2 p{padding-left:50px; padding-bottom:15px; padding-top:0; border-bottom:1px solid #ddd; margin:20px 3% 0; line-height:20px} .cont3 .intro2 p:nth-child(1){background:url('../images/icon/intro_icon1.gif') no-repeat; background-size:40px; margin-top:20px} .cont3 .intro2 p:nth-child(2){background:url('../images/icon/intro_icon2.gif') no-repeat; background-size:40px;} .cont3 .intro2 p:nth-child(3){background:url('../images/icon/intro_icon3.gif') no-repeat; background-size:40px;} .cont3 .intro2 p:nth-child(4){background:url('../images/icon/intro_icon4.gif') no-repeat; background-size:40px; border-bottom:none; margin-bottom:15px} .cont3 .intro2 p span{font-size:16px; font-weight:normal} .cont3 .intro2 p:nth-child(1) span{color:#fada3c} .cont3 .intro2 p:nth-child(2) span{color:#3a6bcf} .cont3 .intro2 p:nth-child(3) span{color:#3aa7cf} .cont3 .intro2 p:nth-child(4) span{color:#3cd5c8} .marriageIntro .use .useDiv{width:100%; float:none; height:auto} .marriageIntro .use .useDiv:nth-child(1){border-top:1px solid #ddd} .marriageIntro .use .useDiv:nth-child(2){border-top:0px solid #ddd} .marriageIntro .use .useDiv:nth-child(2n){border-left:1px solid #ddd} .marriageIntro .notice2{width:100%; padding:20px 3%;} .marriageIntro .notice2 p{background:url('../images/icon/warn_icon.png') no-repeat 10px 5px; background-size:20px; padding-left:40px} .marriageIntro .notice{width:100%; padding:20px 3%;} .marriageIntro .notice p{background:url('../images/icon/warn_icon.png') no-repeat 10px 5px; background-size:20px; padding-left:40px} .chngSrvDiv .notice{width:100%; padding:20px 3%;} .chngSrvDiv .notice p{background:url('../images/icon/warn_icon.png') no-repeat 10px 5px; background-size:20px; padding-left:40px} .chngSrvDiv .notice2{width:100%; padding:20px 3%;} .chngSrvDiv .notice2 p{background:url('../images/icon/warn_icon.png') no-repeat 10px 5px; background-size:20px; padding-left:40px} .chngSrvDiv .use .useDiv{width:100%; float:none; height:auto} .chngSrvDiv .use .useDiv:nth-child(1){border-top:1px solid #ddd} .chngSrvDiv .use .useDiv:nth-child(2){border-top:0px solid #ddd} .chngSrvDiv .use .useDiv:nth-child(2n){border-left:1px solid #ddd} .marriageIntro .service{overflow:hidden; width:340px; margin:auto} .marriageIntro .wdImg{width:340px; height:25px; padding-top:255px; text-align:center; float:left; display:inline-block; color:#fff} .marriageIntro .wdImg:nth-child(1){background:url('../images/icon/marriage_service1.gif') no-repeat center 0} .marriageIntro .wdImg:nth-child(2){background:url('../images/icon/marriage_service2.gif') no-repeat center 0} .marriageIntro .wdImg:nth-child(3){background:url('../images/icon/marriage_service3.gif') no-repeat center 0} .marriageIntro .special img{width:60%; padding-right:0px; margin-top:30px} .tipBox{overflow:hidden} .tipBox{margin-top:20px} .tipBox1{width:94%; background:#fada3c; color:#fff; text-align:left; padding:10px 3% 10px;} .tipBox2{width:97%; padding-left:3%; padding-bottom:10px; float:none;} .tipBox2 .txt{width:97%; padding:15px 3% 15px 0; float:none;} .tipBox2 .money{width:97%; float:none; padding-right:3%; margin-top:5px; font-size:25px} .tipBox2 .money strong{opacity:0.5; font-size:15px} .tipBox2 .money span{font-size:15px; font-family:'NanumSquareR'; font-weight:normal; margin-left:10px} .chngSrvBody .cont2 .serviceDiv{padding:30px 3%; letter-spacing:-1px} .chngSrvBody .cont2 .serviceDiv p{font-size:14px; line-height:20px;} .chngSrvBody .cont2 .serviceDiv p span{font-size:20px; font-weight:normal; line-height:28px} .chngSrvBody .cont1{overflow: hidden; border-bottom: 2px solid #333; padding-bottom: 35px; padding-top:60px} .chngSrvBody .cont1 .img{width: 100%; text-align: center; float: none; height:auto; margin-bottom:25px} .chngSrvBody .con1 .txt{width: 580px; font-size: 14px; color: #555; line-height: 24px; float: left; padding-right: 65px;} .chngSrvBody .cont1 .txt .type1{font-size: 20px; margin-bottom: 20px; color: #333; font-family: 'NanumSquareB'; font-weight: normal;; line-height:26px} .chngSrvBody .cont1 .txt .type2{line-height:24px} .chngSrvBody .cont1 .txt .type3{color:#fada3c} .cont3 ul{margin:20px auto 0; width:100%;} .cont3 ul li{float:none; width:100%; padding-left:0; margin-bottom:15px} .cont3 ul li img{width:100%;} .hallD .fl{float:none} .hallD .fr{float:none} .hallD .img{width:100%; margin-bottom:10px} .hallD .img img{width:100%} .hallD .txt{width:100%;} .hallD .txt.fl{padding-right:0px} .hallD .txt.fr{padding-left:0px} .appUse{background:none;} .memMap2.half .img img{width:50%;} .cont5 .list p{width:auto; height:auto; float:none; font-size:13px; color:#666; text-align:left; line-height:20px; border-bottom:1px solid #ddd} .cont5 .list p:nth-child(1){background:url('../images/icon/cont5_img1_m.jpg') no-repeat 0 10px; background-size:82px; width:auto; height:auto; min-height:51px; padding:20px 0 10px 90px; } .cont5 .list p:nth-child(2){background:url('../images/icon/cont5_img2_m.jpg') no-repeat 0 10px; background-size:82px; width:auto; height:auto; min-height:51px; padding:20px 0 10px 90px; } .cont5 .list p:nth-child(3){background:url('../images/icon/cont5_img3_m.jpg') no-repeat 0 10px; background-size:82px; width:auto; height:auto; min-height:51px; padding:20px 0 10px 90px; } .cont5 .list p:nth-child(4){background:url('../images/icon/cont5_img4_m.jpg') no-repeat 0 10px; background-size:82px; width:auto; height:auto; min-height:51px; padding:20px 0 10px 90px; } .cont5 .list p:nth-child(5){background:url('../images/icon/cont5_img5_m.jpg') no-repeat 0 10px; background-size:82px; width:auto; height:auto; min-height:51px; padding:20px 0 10px 90px; } .cont5 .list p.mt10{margin-top:0 !important} .cont7 .list p{width:auto; height:auto; float:none; font-size:13px; color:#666; text-align:left; line-height:20px; border-bottom:1px solid #ddd} .cont7 .list p:nth-child(1){background:url('../images/icon/cont7_img1_m.jpg') no-repeat 0 10px; background-size:82px; width:auto; height:auto; min-height:51px; padding:20px 0 10px 90px; } .cont7 .list p:nth-child(2){background:url('../images/icon/cont7_img2_m.jpg') no-repeat 0 10px; background-size:82px; width:auto; height:auto; min-height:51px; padding:20px 0 10px 90px; } .cont7 .list p:nth-child(3){background:url('../images/icon/cont7_img3_m.jpg') no-repeat 0 10px; background-size:82px; width:auto; height:auto; min-height:51px; padding:20px 0 10px 90px; } .cont7 .list p:nth-child(4){background:url('../images/icon/cont7_img4_m.jpg') no-repeat 0 10px; background-size:82px; width:auto; height:auto; min-height:51px; padding:20px 0 10px 90px; } .cont7 .list p:nth-child(5){background:url('../images/icon/cont7_img5_m.jpg') no-repeat 0 10px; background-size:82px; width:auto; height:auto; min-height:51px; padding:20px 0 10px 90px; } .cont7 .list p.mt10{margin-top:0 !important} /* 2017-01-24 전환서비스 추가 */ .newTravel2 li{float:none; width:100%} .memMap2 .btn333{display:block; float:left; margin-bottom:20px} .map p{float:left; width:100%} .map .mt30{overflow:hidden} /* 2017-01-26 추가 */ .layerBg{width:100%; height:100%; background:#555; opacity:0.7; z-index:9998; position:absolute; top:0; left:0;} .layerPopup{z-index:9999; width:290px; height:352px; position:absolute; top:120px; left:50%; -webkit-transform:translate(-50%,0); transform:translate(-50%,0);} .layerPopup .closeBox{background:#333; color:#fff; width:145px; padding:4px 12px 4px 133px; position:relative; overflow:hidden} .layerPopup .closeBox input{margin-right:5px} .layerPopup .closePop{float:right; padding-top:3px} .layerPopup .popupBg{background:url('../images/popup/main_popup.jpg') no-repeat center top; width:290px; height:320px; background-size:100%} /* 2017-01-31 추가 */ .marriageIntro .source{text-align:center} /* 2017-02-02 추가 */ .removalIntro .intro{margin:30px auto 0; width:300px} .removalIntro .intro li:nth-child(1){width:300px} .removalIntro .intro li:nth-child(2){width:50px; margin:30px 0 30px 125px} .removalIntro .intro li:nth-child(3){width:300px} .removalIntro .special img{width:60%; padding-left:0; margin-top:30px; margin-left:0; text-align:center} .removalIntro .use .useDiv{float:none; width:100%; height:auto} .removalIntro .use .useDiv:nth-child(2){border-top:none} .removalIntro .use .useDiv:nth-child(2n){border-left:1px solid #ddd} .casamiaDiv .notice{text-align:center; width: 100%; padding: 20px 3%;} .casamiaDiv .notice p{background: url('../images/icon/warn_icon.png') no-repeat 10px 13px; background-size: 20px; padding-left: 40px; text-align:left} .casamiaDiv .notice .btn{position:static; display:inline-block; margin-top:20px} .removalIntro .notice2 p{background: url('../images/icon/warn_icon.png') no-repeat 10px 5px; background-size: 20px; padding-left: 40px;} .removalIntro .notice2{width: 100%; padding: 20px 3%;} /* 2017-02-10 추가 */ .educationIntro .memMap2{padding-top:30px} .educationIntro .cont1 .img img{width:40%;} .educationIntro .cont1{padding-top:30px} /* 2017-02-24 추가 */ .boradType4 li .info .txt{width:100%; float:none; margin-bottom:10px;} .boradType4 li .info .txt1{width:100%;} /* 2017-03-03 추가 Mobile */ .cardIntro .pic {width:100%;} .cardIntro .pic li {width:31.333%; float:left; margin-left:10px; margin-bottom:10px;} .cardIntro .pic li img {width:100%; height:80px;} .cardIntro .pic li:nth-child(1){margin-left:0} .cardIntro .pic li:nth-child(4){margin-left:0} .cardIntro .pic li:nth-child(7){margin-left:0} .cardIntro .pic li:nth-child(10){margin-left:0} .cardIntro .pic li:nth-child(13){margin-left:0} .cardIntro .pic li:nth-child(16){margin-left:0} .cardIntro .pic li:nth-child(19){margin-left:0} .cardIntro .pic li:nth-child(22){margin-left:0} .cardIntro .pic li:nth-child(25){margin-left:0} .cardIntro .pic li:nth-child(28){margin-left:0} .cardIntro .pic li:nth-child(31){margin-left:0} .cardIntro .pic li:nth-child(34){margin-left:0} .cardIntro .pic li:nth-child(37){margin-left:0} .cardIntro .pic li:nth-child(41){margin-left:0} .cardIntro .pic li:nth-child(44){margin-left:0} .cardIntro .pic2{width:280px; height:280px; overflow:hidden; display:block; margin:0 auto} .cardIntro .pic2 .roll{width:280px; height:280px; overflow:hidden} .cardIntro .pic2 .rollDiv{width:280px; height:auto; position:absolute; top:0} .cardIntro .pic2 .rollDiv img{width:100%} .cardIntro .cardRollBtn{display:block; top:110px; width:280px} .cardIntro .cardRollBtn .btPrev{position:absolute; left:5px} .cardIntro .cardRollBtn .btNext{position:absolute; right:5px} .cardIntro .useMerit{margin-left:0} .cardIntro .useMerit li{font-size:14px} .cardIntro .titBox{font-size:16px} .cardIntro .txt1{font-size:16px} .cardIntro .txt2{font-size:17px} .cardIntro .step{display:none} .cardIntro .step .arrow{display:none} .cardIntro .stepDiv .tit{height:80px} .cardIntro .step2{display:block; width:280px; height:640px; margin:20px auto; overflow:hidden; position:relative} .cardIntro .step2 .stepRoll{position:relative; width:210px; height:640px; overflow:hidden; margin:0 auto} .cardIntro .step2 .stepDiv{width:210px; height:640px; position:absolute} .cardIntro .stepArrowL{position:absolute; top:280px; left:0} .cardIntro .stepArrowR{position:absolute; top:280px; right:0} .cardAddBtn{width:200px; margin:30px auto; overflow:hidden} .cardBtn1{padding:0 !important; width:180px !important} /* 2017-03-07 추가 */ .cardBtn2{margin-top:10px; padding:0 !important; width:180px !important} /* 2017-03-07 수정 */ .cardBtn3{margin-top:10px; padding:0 !important; width:180px !important} .paging {text-align:center;} /* 2017-03-08 추가 */ .cardIntro .notice .situ1{width:auto} /* 2017-03-10 추가 */ .mbcardBtn2{top:12px; right:60px; display:block} /* 2017-03-17 추가 */ .memMap2.half3{width:100%; float:none} .memMap2.half3 .img{width:100%} .memMap2.half3 .img img{width:100%} .memMap2.half3 .txt{width:100%} /* 2017-03-20 추가 */ .chngSrvHead .txt3{position:static; color:#333; margin-top:10px; font-size:12px} } /* 모바일 해상도2 */ @media all and (max-width:680px) { /* popup */ #popup{background:url('../images/popup/popup_bg.gif') repeat-x 0 0 50%; background-size:1px 100px;} #popup .popHead{padding:20px 3% 18px; font-size:20px;} #popup .popHead a{top:25px; right:3%;} #popup .popHead a img{width:20px;} #popup .popBody{width:84%; padding:20px 3%;} #popup .popBody .memCardpop .tit{font-size:17px;} #popup .popBody .memCardpop .txt{line-height:20px; margin-top:10px; padding-bottom:10px; font-size:13px} #popup .popBody .memCardpop dl{margin:20px auto 0; width:94%;} #popup .popBody .memCardpop dl.type2{margin:20px auto 0; width:94%;} #popup .popBody .memCardpop .accredBt .whtBt3{margin-bottom:10px; font-size:14px; padding:8px 30px;} #popup .popBody .memCardpop dt{font-size:18px; margin-bottom:15px} #popup .popBody .memCardpop dd{margin-bottom:20px; font-size:13px} #popup .popBody .memCardpop dd p{margin-bottom:10px} #popup .popBody .memCardpop dd img{width:85%;} #popup .popBody .memCardpop strong.redTxt{font-size:17px; line-height:22px;} #popup .popBody .popFile{padding:15px 3%;} #popup .popBody .popFile strong{width:5%; color:#333; margin-right:3%; font-size:12px;} #popup .popBody .popFile .textInput{width:30%;} #popup .popBody .popFile .fileInput{position:absolute; top:15px; left:0; width:100%; zoom: 1; filter: alpha(opacity=0); opacity:0; cursor:pointer;} #popup .popBody .privacyDiv dd .num{width:18px; float:left} #popup .popBody .privacyDiv dd .txt{width:90%; float:left} #popup .addInfoDiv{padding:20px 0 0;} #popup .addInfoDiv .imgDiv{width:275px; float:none} #popup .addInfoDiv .imgDiv .imgRoll{width:275px; height:183px;} #popup .addInfoDiv .imgDiv .imgRoll p img{width:275px;} #popup .addInfoDiv .imgDiv .thumnail{width:275px; height:66px; margin-top:10px} #popup .addInfoDiv .imgDiv .thumnail .thumArea{position:relative; width:205px; height:66px; overflow:hidden;} #popup .addInfoDiv .txtDiv{width:94%; float:none; margin:20px auto 0} #popup .addInfoDiv .txtDiv li{background:url('../images/icon/dot3x3b.gif') no-repeat 0 7px; background-size:3px; line-height:22px; margin-bottom:5px} #popup .addInfoDiv .txtDiv .txtArea{padding:15px 3%; margin-top:15px; font-size:12px; line-height:18px;} #popup .addInfoDiv .txtDiv .txtArea .txt .sentense{width:90%;} #popup .addInfoDiv2 .imgDiv .txtDiv{position:relative; bottom:auto; top:0; font-size:13px; color:#fff; line-height:20px} #popup .addInfoDiv2 .txt{padding-bottom:30px; text-align:center; background:url('../images/icon/redbar2x69.gif') no-repeat center bottom; background-size:52px 2px; font-size:26px; font-weight:normal; color:#333} #popup .programDiv{margin-top:20px; overflow:hidden} #popup .programDiv .img{width:100%; float:none; margin-bottom:10px} #popup .programDiv .img img{width:100%;} #popup .programDiv .txt{width:100%; float:none; font-size:13px !important; line-height:20px !important;} #popup .homeImg .left img{height:34px} #popup .homeImg .right img{height:34px} #popup .homeImg .img img{width:70%;} .browser{width:100%; margin:30px auto 0;} .browser li{width:100%; float:none; margin-bottom:20px} .browser li img{width:40%;} .browser li .txt{color:#333; font-weight:normal; margin-top:10px; border-bottom:0px !important} .closePack{text-align:right; margin:15px 3% 0 0; font-size:12px;} .closePack input{margin-left:2%;} .prList{width:100%; margin:auto} .prList a{display:block; width:100%; float:none; margin:0 0 20px} .prList a .img{width:100%;} .prList a .tit{font-size:14px; } .prList a .txt{font-size:12px;} .boradType5 a .img{min-height:120px; background:url('../images/icon/adlist_noimg_m.gif') no-repeat center center; background-size:25%;} .boradType6{padding:30px 0 10px;} .boradType6 a{display:block; width:90%; float:none; margin:0 auto 20px;} .lifeList a{width:90%; float:none; margin:0 auto 25px;} .lifeList a .img{width:100%;} .boxTxt .addInfoBt img{width:100px; margin-top:10px} .chngSrvDiv .subSelDiv{position:relative; padding:90px 0 0; margin-top:0} .chngSrvDiv .subSelDiv .linkBtn{display:inline-block; position:absolute; left:0; top:35px;} .chngSrvDiv .cont2.type2 .txt{overflow:hidden; padding:30px 5%; background:#eee} .chngSrvDiv .cont2.type2 .txt p{padding-left:0; margin-left:0; border-left:0; width:100%; font-size:12px; line-height:22px} .chngSrvDiv .cont2.type2 .txt .txt2{margin-top:15px} .chngSrvDiv .cont2.type2 .txt .txt3{margin-top:15px} .chngSrvDiv .cont2.type2 .txt .txt4{margin-top:15px} .chngSrvDiv .cont2.type2 .txt p span{font-size:14px} .chngSrvDiv .cont4.type2 .txt{overflow:hidden; padding:30px 5%; background:#eee} .chngSrvDiv .cont4.type2 .txt p{padding-left:0; margin-left:0; border-left:0; width:100%; font-size:12px; line-height:22px} .chngSrvDiv .cont4.type2 .txt .txt2{margin-top:15px} .chngSrvDiv .cont4.type2 .txt .txt3{margin-top:15px} .chngSrvDiv .cont4.type2 .txt .txt4{margin-top:15px} .chngSrvDiv .cont4.type2 .txt p span{font-size:14px} /* 2017-01-11 전환서비스 추가 */ .newTravel li{width:auto; height:auto; padding:10px 0 10px 90px; float:none; font-size:13px; color:#666; text-align:left; line-height:20px; border-bottom:1px solid #ddd} .newTravel li:nth-child(1){background:url('../images/icon/travel_img5_m.jpg') no-repeat 0 10px; background-size:82px} .newTravel li:nth-child(2){background:url('../images/icon/travel_img6_m.jpg') no-repeat 0 10px; background-size:82px} .newTravel li:nth-child(3){background:url('../images/icon/travel_img7_m.jpg') no-repeat 0 10px; background-size:82px} .newTravel li:nth-child(4){background:url('../images/icon/travel_img8_m.jpg') no-repeat 0 10px; background-size:82px; border-bottom:0px solid #ddd} .newTravel li p.mt10{margin-top:0 !important} .newTravel li p:nth-child(1){ font-weight:normal; color:#333;} .newGolf li{width:auto; height:auto; padding:0 0 0 90px; float:none; font-size:13px; color:#666; text-align:left; line-height:20px; border-bottom:1px solid #ddd} .newGolf li:nth-child(1){background:url('../images/icon/golf1_img6_m.jpg') no-repeat 0 10px; background-size:82px; height:auto; min-height:51px; padding:20px 0 10px 90px;} .newGolf li:nth-child(2){background:url('../images/icon/golf1_img7_m.jpg') no-repeat 0 10px; background-size:82px; height:auto; min-height:51px; padding:20px 0 10px 90px;} .newGolf li:nth-child(3){background:url('../images/icon/golf1_img8_m.jpg') no-repeat 0 10px; background-size:82px; height:auto; min-height:51px; padding:20px 0 10px 90px;} .newGolf li:nth-child(4){background:url('../images/icon/golf1_img9_m.jpg') no-repeat 0 10px; background-size:82px; height:auto; min-height:51px; padding:20px 0 10px 90px; border-bottom:0px solid #ddd} .newGolf li p.mt10{margin-top:0 !important} .newGolf li p:nth-child(1){ font-weight:normal; color:#333;} .cont5 .list{width:100%;} .cont5 .list p{width:auto; height:auto; float:none; font-size:13px; color:#666; text-align:left; line-height:20px; border-bottom:1px solid #ddd} .cont5 .list p:nth-child(1){background:url('../images/icon/cont5_img1_m.jpg') no-repeat 0 10px; background-size:82px; width:70%; height:auto; min-height:51px; padding:10px 0 10px 90px; } .cont5 .list p:nth-child(2){background:url('../images/icon/cont5_img2_m.jpg') no-repeat 0 10px; background-size:82px; width:70%; height:auto; min-height:51px; padding:10px 0 10px 90px; } .cont5 .list p:nth-child(3){background:url('../images/icon/cont5_img3_m.jpg') no-repeat 0 10px; background-size:82px; width:70%; height:auto; min-height:51px; padding:10px 0 10px 90px; } .cont5 .list p:nth-child(4){background:url('../images/icon/cont5_img4_m.jpg') no-repeat 0 10px; background-size:82px; width:70%; height:auto; min-height:51px; padding:10px 0 10px 90px; } .cont5 .list p:nth-child(5){background:url('../images/icon/cont5_img5_m.jpg') no-repeat 0 10px; background-size:82px; width:70%; height:auto; min-height:51px; padding:10px 0 10px 90px; border-bottom:0px solid #ddd} .cont5 .list p.mt10{margin-top:0 !important} .cont7 .list{width:100%;} .cont7 .list p{width:auto; height:auto; float:none; font-size:13px; color:#666; text-align:left; line-height:20px; border-bottom:1px solid #ddd} .cont7 .list p:nth-child(1){background:url('../images/icon/cont7_img1_m.jpg') no-repeat 0 10px; background-size:82px; width:70%; height:auto; min-height:51px; padding:10px 0 10px 90px; } .cont7 .list p:nth-child(2){background:url('../images/icon/cont7_img2_m.jpg') no-repeat 0 10px; background-size:82px; width:70%; height:auto; min-height:51px; padding:10px 0 10px 90px; } .cont7 .list p:nth-child(3){background:url('../images/icon/cont7_img3_m.jpg') no-repeat 0 10px; background-size:82px; width:70%; height:auto; min-height:51px; padding:10px 0 10px 90px; } .cont7 .list p:nth-child(4){background:url('../images/icon/cont7_img4_m.jpg') no-repeat 0 10px; background-size:82px; width:70%; height:auto; min-height:51px; padding:10px 0 10px 90px; } .cont7 .list p:nth-child(5){background:url('../images/icon/cont7_img5_m.jpg') no-repeat 0 10px; background-size:82px; width:70%; height:auto; min-height:51px; padding:10px 0 10px 90px; border-bottom:0px solid #ddd} .cont7 .list p.mt10{margin-top:0 !important} .newTravel2 li{height:auto} .newTravel2 li>div{height:auto; padding:20px 3% 15px; font-size:13px; color:#555; line-height:20px;} .newTravel2 li .type1{margin-bottom:15px; padding-right:0} .newTravel2 li:nth-child(1){background:none} .newTravel2 li:nth-child(2){background:none} .newTravel2 li:nth-child(3){background:none} .newTravel2 li:nth-child(4){background:none} .newTravel2 li:nth-child(5){background:none} .newTravel2 li:nth-child(6){background:none} .scheduleList{width:100%; margin:auto; overflow:hidden} .scheduleDiv{width:100%} .scheduleDiv>img{width:100%} .scheduleDiv .scView{width:100%; text-align:center; box-sizing:border-box} .scheduleDiv .scView img{padding:10px 0} .scheduleDiv:nth-child(3n){margin-right:0px;} .scheduleDiv:nth-child(2n){margin-right:0px;} /* 2017-01-24 전환서비스 추가 */ .memMap2.half .txt img{display:none} .map img{width:100%} /* 2017-02-02 추가 */ .cont2 .serviceBox9 .serviceDiv p.left{width:100px} .cont2 .serviceBox9 .serviceDiv p.right{width:80px} .casamiaDiv .notice p{padding-right:3%} .cont2 .serviceBox9 .serviceDiv span{font-size:16px} /* 2017-02-10 추가 */ .educationIntro .cont3 .txt{width:100%; height:auto} .educationIntro .cont3 .txtDiv{padding:35px 5% 30px} .educationIntro .serviceTit{width:260px; padding-left:25px; font-size:14px} /* 2017-03-03 추가 */ .cardIntro .cardRollBtn{display:block; top:90px; width:280px} .cardIntro .cardRollBtn .btPrev{position:absolute; left:5px} .cardIntro .cardRollBtn .btNext{position:absolute; right:5px} #headerwrap .gnb {display:none;} } /*2017-04-14 추가 */ .rule .half{overflow:hidden; margin-bottom:35px} .rule .half .img{float:left; width:475px; margin-right:30px} .rule .half .txt{width:445px; float:left; position:relative} .rule .half .txt .tit{font-size:20px; font-weight:normal; color:#333; margin-top:5px} .rule .half .txt .txt{font-size:14px; font-family:'NanumSquareR'; font-weight:normal; margin:5px 0 10px} .rule .half .txt img{position:absolute; top:10px; right:0} /*2017-04-20 추가 */ .memMap44{overflow:hidden} .memMap44 .img{width:; float:left; padding:97px 34px 0 10px} .memMap44 .txt{width:900px; padding-left:20px; float:left;} .memMap44 .txt table{border-top:2px solid #bcbcbc} .memMap44 .txt th{padding:15px 0; background:#f7f7f7; color:#333; border-bottom:1px solid #f0f0f0;} .memMap44 .txt td {padding:15px 0 15px 20px; border-bottom:1px solid #f0f0f0;} .memMap44 .txt td 1{padding:15px 0 15px 20px; border-bottom:1px solid #f0f0f0;} .memMap44 .txt td 2{padding:15px 0 15px 20px; border-bottom:1px solid #f0f0f0;} .imgInfo{overflow:hidden; margin-bottom:40px} .imgInfo .img{width:190px; float:left} .imgInfo .info{width:140px; float:right; color:#555; line-height:24px;} .imgInfo .info .titTxt{margin-top:10px} .memMap44{overflow:hidden} .memMap44 .txt table{border-top:2px solid #bcbcbc} .memMap44 .txt th{padding:15px 0; background:#f7f7f7; color:#333; border-bottom:1px solid #f0f0f0;} .memMap44 .txt td{padding:15px 20px; border-bottom:1px solid #f0f0f0; line-height:24px; vertical-align:top} .memMap44 .txt td strong{color:#333} .memMap44 .txt td a{color:#f0f0f0; text-decoration:underline} .memberRoll{position:relative; height:420px; border-top:2px solid #333; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; overflow:hidden} .memberRoll .left{position:absolute; top:100px; left:20px; z-index:500} .memberRoll .right{position:absolute; top:100px; right:20px; z-index:500} .memberRoll .rollIcon{position:absolute; bottom:30px; left:0; z-index:500; width:100%; height:4px; text-align:center} .memberRoll .rollUnit{position:absolute; top:0; left:0; width:100%; height:420px; padding:30px 0;} .memberRoll .rollUnit .performRe{width:710px; margin:auto} .memberRoll .rollUnit .performRe .txt{width:425px; font-size:13px} /*IMS특징 표*/ /* .allyDiv{position:relative; overflow:hidden; width:100%; margin-top:40px} .allyDiv img{width:100%} .allyDiv .whiteBg{position:absolute; bottom:0; left:0; width:100%; height:48px; background:#fff; opacity:0.8} .allyDiv p{position:absolute; bottom:14px; right:1.3%; font-size:16px; color:#333; font-weight:normal} .allyCon{margin-top:50px} .allyCon .tit{font-size:20px; color:#333; font-weight:normal} .allyCon .con1{overflow:hidden} .allyCon .con1 .img{float:left; margin-right:40px} .allyCon .con1 .txt{float:left; line-height:24px; color:#555} .allyCon .con1 .txt > span{display:block} .allyCon .con2{overflow:hidden} .allyCon .con2 .img{float:left; margin-right:40px} .allyCon .con2 .txt{float:left; color:#555; width:68.4%; letter-spacing:-0.4px} .allyCon .con3{overflow:hidden; width:100%} .allyCon .con3 > div{float:left; width:315px; padding:30px 0 27px; border:1px solid #ddd; border-left:0; border-bottom:0} .allyCon .con3 .in1{border-left:1px solid #ddd} .allyCon .con3 .in4{border-left:1px solid #ddd; border-bottom:1px solid #ddd} .allyCon .con3 .in5{border-bottom:1px solid #ddd} .allyCon .con3 .in6{border-bottom:1px solid #ddd} .allyCon .con3 .num{color:#555; font-weight:normal; text-align:center} .allyCon .con3 .txtArea{overflow:hidden; margin-top:9px} .allyCon .con3 .txtArea p.icon{float:left; margin-right:10px; margin-left:50px} .allyCon .con3 .txtArea p.txt{float:left; color:#333; font-weight:normal; margin-top:9px;} .allyCon .con3 .txtArea p.txt.type2{margin-top:18px} .allyCon .con3 .txtArea p.txt.type3{margin-top:3px} .allyCon .con4{overflow:hidden; width:100%} .allyCon .con4 > div{float:left; width:474px; padding:30px 0 27px; border:1px solid #ddd; border-left:0; border-bottom:0} .allyCon .con4 .in1{border-left:px solid #ddd; width:473px} .allyCon .con4 .in2{} .allyCon .con4 .in3{border-left:1px solid #ddd; border-bottom:1px solid #ddd; width:473px} .allyCon .con4 .in4{border-bottom:1px solid #ddd} .allyCon .con4 .num{color:#555; font-weight:normal; text-align:center} .allyCon .con4 .txtArea{overflow:hidden; margin-top:9px} .allyCon .con4 .txtArea p.icon{float:left; margin-right:10px; margin-left:115px} .allyCon .con4 .txtArea p.txt{float:left; color:#333; font-weight:normal; margin:9px 0 0 3%; width:58%;} .allyCon .con4 .txtArea p.txt.type2{margin-top:18px} .allyCon .con4 .txtArea p.txt.mt4{margin-top:4px} .allyBottom{overflow:hidden} .allyBottom .txt{float:left; line-height:35px} .allyBottom .btn{float:right} .allyBottom2{color:#555; border-bottom:1px dashed #ddd; padding-bottom:10px} /* 테블릿 가로 해상도 */ /*@media all and (max-width:1199px) and (min-width:801px) { .primeLife.type4 .txt{padding-bottom:0} .benefit div .icon{float:left; margin-right:40px} .benefit > div > div{float:left} .benefit > div.bf5 > div{width:77%} .product > .pdDiv{width:33.3%; text-align:center; float:left; margin-right:0; margin-bottom:40px} .product2 > .pdDiv{width:33.3%; text-align:center; float:left; margin-right:0; margin-bottom:40px} /* 2016-12-27 추가 */ /* .joinIntro{width:98%; margin:0 auto; overflow:hidden;padding-left:2%} .joinIntro a{display:block; overflow:hidden; position:relative; width:48%; float:left; margin:0 20px 20px 0; padding:50px 0 20px; text-align:center} .joinIntro .join1{background-size:130%} .joinIntro .join2{background-size:130%} .joinIntro .join3{background-size:130%} .joinIntro .join4{background-size:130%} .joinIntro .join5{background-size:130%} /* 2016-08-25 추가 */ /* .joinIntro a > span.over span{font-size:20px; line-height:26px} .joinIntro a > span.over span.bottomTxt{font-size:14px; line-height:20px; padding-top:16px; margin-top:16px} .allyCon .con1 .img{margin-right:5%; width:25%; text-align:center;} .allyCon .con1 .img img{width:100%} .allyCon .con1 .txt{margin-top:10px; width:70%} .allyCon .con1 .txt > span{display:inline} .allyCon .con2 .img{margin-right:5%; width:25%; text-align:center} .allyCon .con2 .img img{width:100%} .allyCon .con2 .txt{float:left; color:#555; width:70%; letter-spacing:-0.4px; margin-top:10px} .allyCon .con3 > div{float:left; width:49%; padding:30px 0.4% 27px; border:1px solid #ddd; border-left:0; border-bottom:0} .allyCon .con3 .in1{border-left:1px solid #ddd} .allyCon .con3 .in3{border-left:1px solid #ddd} .allyCon .con3 .in4{border-left:0; border-bottom:0} .allyCon .con3 .in5{border-left:1px solid #ddd; border-bottom:1px solid #ddd} .allyCon .con3 .in6{border-bottom:1px solid #ddd} .allyCon .con3 .txtArea p.icon{margin-left:25%} .allyCon .con4 > div{float:left; width:49%; padding:30px 0.4% 27px; border:1px solid #ddd; border-left:0; border-bottom:0} .allyCon .con4 .in1{border-left:1px solid #ddd; width:49%} .allyCon .con4 .in3{border-left:1px solid #ddd; border-bottom:1px solid #ddd;width:49%} .allyCon .con4 .in4{border-bottom:1px solid #ddd} .allyCon .con4 .txtArea p.icon{float:left; margin-right:10px; margin-left:14%} .charDiv .icon{float:left; margin-right:5%; width:13%} .charDiv .icon img{width:100%} .charDiv .txtArea{float:left; width:80%} .step .stepIn{float:left; margin-top:20px; width:29%} .step .stepIn .img img{width:100%} .step .stepIn .txtBox{padding:20px 2% 30px} .step .stepIn .txtBox .txt{font-size:12px} .step .stepIn .txtBox .txt span{display:inline} .allyTxt3{font-size:15px; color:#333; text-align:center} .allyTxt4{font-size:16px; color:#333; text-align:left; margin:0 auto; font-weight:normal} .allyTxt4 > span{display:inline-block} .allyDiv .whiteBg{height:42px} .allyDiv p{bottom:12px; font-size:14px} .allyCon .con1 .img{margin-right:0; width:100%; text-align:center;} .allyCon .con1 .img img{width:70%} .allyCon .con1 .txt{margin-top:10px} .allyCon .con1 .txt > span{display:inline} .allyCon .con2{overflow:hidden} .allyCon .con2 .img{width:100%; text-align:center; margin-right:0} .allyCon .con2 .img img{width:70%} .allyCon .con2 .txt{float:left; color:#555; width:100%; letter-spacing:-0.4px; margin-top:10px} .allyCon .con3{padding:0} .allyCon .con3 > div{float:left; width:48%; padding:30px 0.4% 27px; border:1px solid #ddd; border-left:0; border-bottom:0} .allyCon .con3 .in1{border-left:1px solid #ddd} .allyCon .con3 .in3{border-left:1px solid #ddd} .allyCon .con3 .in4{border-left:0; border-bottom:0} .allyCon .con3 .in5{border-left:1px solid #ddd; border-bottom:1px solid #ddd} .allyCon .con3 .in6{border-bottom:1px solid #ddd} .allyCon .con3 .txtArea p.icon{margin-left:15%} .allyCon .con4 > div{float:none; width:90%; padding:30px 0 27px; border:1px solid #ddd; border-left:0; border-bottom:0; margin:auto} .allyCon .con4 .in1{border-left:1px solid #ddd; width:90%} .allyCon .con4 .in2{border-left:1px solid #ddd} .allyCon .con4 .in3{border-left:1px solid #ddd; border-bottom:0; width:90%} .allyCon .con4 .in4{border-left:1px solid #ddd; border-bottom:1px solid #ddd} .allyBottom .txt{float:none; line-height:20px} .allyBottom .btn{float:none;margin-top: 5px;} */ /*연수절차 */ .t_body{width: 950px; margin: 0 auto; position: relative; padding-bottom: 50px;} .t_line{position: absolute; height: 100%; width: calc(50% - 1px); border-right: solid 4px rgba(128, 128, 128, 0.32); z-index: 1;} .t_year{width: 200px; background: red; text-align: center; font-weight: bold; margin: 0 auto; margin-top: 50px; background: #cc0000; padding: 3px; color: #FFF; font-size: 14px; position: relative; z-index: 2;} .t_num{width: 40px; text-align: center; margin: 0 auto; height: 40px; line-height: 40px; background: #0c4da0; border-radius: 100px; color: white; font-weight: bold; margin-top: 20px; position: relative; z-index: 2; } .t_list{margin-top: 40px; overflow: auto;} .t_con{padding: 30px; width: 380px; height: 15px; border: solid 1px; font-size: 15px;} .t_con_img1{padding:0px 0px 30px 0px; width: 442px; font-size: 15px;background:url('/pp/img/icon/img_1.png') no-repeat 0 10px; background-size:442px; width:442px;height:100px; } .t_con_img2{padding:0px 0px 30px 0px; width: 442px; font-size: 15px;background:url('/pp/img/icon/img_2.png') no-repeat 0 10px; background-size:442px; width:442px;height:100px; } .t_con_img3{padding:0px 0px 30px 0px; width: 442px; font-size: 15px;background:url('/pp/img/icon/img_3.png') no-repeat 0 10px; background-size:442px; width:442px;height:100px; } .t_con_img4{padding:0px 0px 30px 0px; width: 442px; font-size: 15px;background:url('/pp/img/icon/img_4.png') no-repeat 0 10px; background-size:442px; width:442px;height:100px; } .t_con_img5{padding:0px 0px 30px 0px; width: 442px; font-size: 15px;background:url('/pp/img/icon/img_5.png') no-repeat 0 10px; background-size:442px; width:442px;height:100px; } .t_con_img6{padding:0px 0px 30px 0px; width: 442px; font-size: 15px;background:url('/pp/img/icon/img_6.png') no-repeat 0 10px; background-size:442px; width:442px;height:100px; } .t_con_img7{padding:0px 0px 30px 0px; width: 442px; font-size: 15px;background:url('/pp/img/icon/img_7.png') no-repeat 0 10px; background-size:442px; width:442px;height:100px; } .t_con_img8{padding:0px 0px 30px 0px; width: 442px; font-size: 15px;background:url('/pp/img/icon/img_8.png') no-repeat 0 10px; background-size:442px; width:442px;height:100px; } @media (min-width: 950px){ .t_left { float: left; position: relative; background: #FFF; border: 1px solid #c7c7c7; /*border-radius: 5px;*/ } .t_left:after, .t_left:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .t_left:after { border-color: rgba(213, 213, 213, 0); border-left-color: #FFF; border-width: 20px; margin-top: -30px; } .t_left:before { border-color: rgba(0, 0, 0, 0); border-left-color: #c7c7c7; border-width: 21px; margin-top: -30px; } .t_left_img { float: left; position: relative; /*border-radius: 5px;*/ } .t_left_img:after, .t_left_img:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .t_left_img:after { border-color: rgba(213, 213, 213, 0); border-width: 20px; margin-top: -30px; } .t_left_img:before { border-color: rgba(0, 0, 0, 0); border-width: 21px; margin-top: -30px; } .t_right { float: right; position: relative; background: #FFF; border: 1px solid #c7c7c7; /*border-radius: 5px;*/ } .t_right:after, .t_right:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .t_right:after { border-color: rgba(213, 213, 213, 0); border-right-color: #FFF; border-width: 20px; margin-top: -30px; } .t_right:before { border-color: rgba(0, 0, 0, 0); border-right-color: #c7c7c7; border-width: 21px; margin-top: -30px; } .t_right_img { float: right; position: relative; /*background: #FFF;*/ /*border-radius: 5px;*/ } .t_right_img:after, .t_right_img:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .t_right_img:after { border-color: rgba(213, 213, 213, 0); border-right-color: #FFF; border-width: 20px; margin-top: -30px; } .t_right_img:before { border-color: rgba(0, 0, 0, 0); border-width: 21px; margin-top: -30px; } } @media (max-width: 800px){ .t_body{width: 100%;} .t_year{margin: 0; margin-top: 50px; width: 100px;} .t_line{width: 33px;} .t_num{margin: 0; margin-left: 15px;} .t_con{width: 60vw;} .t_right, .t_left { float: right; position: relative; background: #FFF; border: 1px solid #c7c7c7; border-radius: 1px; } .t_right:after, .t_left:after, .t_right:before, .t_left:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .t_right:after, .t_left:after { border-color: rgba(213, 213, 213, 0); border-right-color: #FFF; border-width: 20px; margin-top: -30px; } .t_right:before, .t_left:before { border-color: rgba(0, 0, 0, 0); border-right-color: #c7c7c7; border-width: 21px; margin-top: -30px; } } /*메인 하단 테이블*/ .mainCon3{margin-top:30px;} .mainCon3Div{overflow: auto; width: 1200px; margin: 0 auto;padding-bottom:30px;} .mainCon3Div1{text-align: center; width: 298px !important; padding: 0 !important; height: inherit !important; float: left;} .mainCon3Div1{color:#e1e1e1; border-top: solid 1px; border-bottom: solid 1px; border-right: solid 1px;} .mainCon3Div1:first-child{border-left: solid 1px;} .main_sub_img {transform: scale(1);transition: all 0.3s ease-in-out 0s;} .main_sub_img:hover{-moz-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);transform: scale(1.1,1.1);} .mainCon3Div1 .ConImg{width: 100%; height: 200px;overflow:hidden;} .mainCon3Div1 .Contxt{color: #FFF; height: 150px;} .mainCon3Div1 .Contxt a:link {color: #FFF;} .mainCon3Div1 .Contxt a:visited {color: #FFF;} .mainCon3Div1 .Contxt a:active {color: #FFF;} .mainCon3Div1 .Contxt .c_tit{padding: 20px;} .mainCon3Div1 .Contxt .c_con{padding: 0 20px; margin-bottom: 20px; min-height: 48px;} .mainCon3Div1 .Contxt .c_link{padding-bottom: 10px;} .mainCon3Div1 .color-gcs{background-color: #0c4da0; opacity: 0.9;} .mainCon3Div1 .color-ics{background-color: #cc0000; opacity: 0.9;} .mainCon3Div1 .color-yle{background-color: #82ba00; opacity: 0.9;} .mainCon3Div1 .color-ge{background-color: #00c7a7; opacity: 0.9;} @media all and (min-width: 100px) and (max-width: 1200px) { .mainCon3Div{width: 100%;} .mainCon3Div1{float: none; width: 80vw !important; margin: 0 auto;} .mainCon3Div1 .ConImg{height: 53.4vw;} .mainCon3Div1:not(:first-child){border-left: solid 1px;} /*.mainCon3Div1 .Contxt{height: 40vw;} .mainCon3Div1 .Contxt .c_con{min-height: 12vw;}*/ } /*프로그램 커리큘럼 테이블*/ .prgCon3{margin-top:30px; } .prgCon3Div{overflow: auto; width: 1200px; margin: 0 auto;} .prgCon3Div1{text-align: center; width: 231px !important; padding: 0 !important; height: inherit !important; float: left; margin-right:5px; } .prgCon3Div1{color:#e1e1e1; /*border-top: solid 1px; border-bottom: solid 1px; border-right: solid 1px;*/ border: solid 1px;} .prgCon3Div1:first-child{border-left: solid 1px;} .prgCon3Div1 .Contit1{width: 100%; height:30px; background-color: #0c4da0; opacity: 0.9; padding-top:20px;} .prgCon3Div1 .Contit2{width: 100%; height: 50px; font-size:20pt; color:#fff; background-color: #0c4da0; opacity: 0.9;padding-top:15px;} .prgCon3Div1 .Contxt{color: #FFF; height: 150px;} .prgCon3Div1 .Contxt a:link {color: #FFF;} .prgCon3Div1 .Contxt a:visited {color: #FFF;} .prgCon3Div1 .Contxt a:active {color: #FFF;} .prgCon3Div1 .Contxt .c_tit{padding: 20px;} .prgCon3Div1 .Contxt .c_con{padding: 0 20px; margin-bottom: 20px; min-height: 48px;} .prgCon3Div1 .Contxt .c_link{padding-bottom: 10px;} .prgCon3Div1 .Contxt .c_tit1{padding: 20px; color:#000;} .prgCon3Div1 .color-gcs{background-color: #0c4da0; opacity: 0.9;} .prgCon3Div1 .color-ics{background-color: #cc0000; opacity: 0.9;} .prgCon3Div1 .color-yle{background-color: #82ba00; opacity: 0.9;} .prgCon3Div1 .color-ge{background-color: #00c7a7; opacity: 0.9;} .prgCon3Div1 .color-wh{background-color: #fff; opacity: 0.9;} @media all and (min-width: 100px) and (max-width: 1200px) { .prgCon3Div{width: 100%;} .prgCon3Div1{float: none; width: 80vw !important; margin: 0 auto;} .prgCon3Div1 .ConImg{height: 53.4vw;} .prgCon3Div1:not(:first-child){border-left: solid 1px;} /*.mainCon3Div1 .Contxt{height: 40vw;} .mainCon3Div1 .Contxt .c_con{min-height: 12vw;}*/ } /* 1811 dropdown */ #wrap1 {width: 100%; min-width: 320px;} .wrap1{width:1280px;margin:0 auto;} #header1{position:relative;z-index:2;width:100%;} .backscreen{display:none;position:fixed;z-index:3;left:0;right:0;top:0;bottom:0;background:url(../images/common/rgba_000_50.png) repeat;} .menu_list1{display:none;position:fixed;z-index:5;left:50%;top:20vh;width:1240px;height:550px; margin-left:-620px;background:#fff;} .menu_list1 > .head{height:70px;background:url(../images/common/head_bg.jpg) repeat-x 0;text-align:center;} .menu_list1 > .head > p.tit{line-height:70px;font-size:17px;font-weight:500;color: #fff;} .menu_list1 > .head > button.close{display:block;position:absolute;right:0;top:0;width:70px;height:70px;background:#dd4a17 url(../images/common/close_btn.png) no-repeat 50%;text-indent:-9999px;} .menu_list1 > .d01{overflow-x:hidden;overflow-y:auto;position:absolute;top:70px;bottom:0;left:0;right:0;padding:30px;} */ .menu_list1 > .d01 > ul > li{display:block;margin-top:20px;} */ .menu_list1 > .d01 > ul > li:first-child{margin-top:0;} */ .menu_list1 > .d01 > ul > li > a{display:inline-block;padding-top:18px;border-top:2px solid #000;font-size:25px;font-weight:600;} */ .menu_list1 .d02{overflow:hidden;padding:30px 15px; overflow-y:auto; height:420px; border:2px solid #dd4a17; border-top:0;} .menu_list1 .d02 > ul {} .menu_list1 .d02 > ul > li{float:left;width:18%;padding:0 1%;min-height: 750px; border-left: 1px solid #e2e2e2; margin-left: -1px;} /*180622 수정*/ .menu_list1 .d02 > ul > li:first-child {border: 0;} /*180622 수정*/ .menu_list1 .d02 > ul > li > a{display:block;width:100%;height:45px;line-height:45px;background:#e8e8e8;text-align:center;font-weight:500;} .menu_list1 div.d03 {margin-bottom: 10px; padding: 0 10px;} .menu_list1 div.d03 > ul > li {margin-top: 15px;} .menu_list1 div.d03 > ul > li > a {display:block;padding-left:15px;background:url(../images/common/menu_list_bullet.png) no-repeat 0 9px; color: #ff7a4b; font-weight: 500; line-height: 1.5;} .menu_list1 div.d03 > ul > li > a .link {display: inline-block; margin-left: 10px; width: 14px; height: 14px; background: url(../images/common/lnb_link_ico.png) no-repeat 50%; vertical-align: middle;} .menu_list1 div.d03 ul.d03.only {display: none;} .menu_list1 ul.d03{padding-top:5px;} .menu_list1 ul.d03 > li{padding-left:15px; /*background:url(../images/common/lnb_d03_dot.gif) no-repeat 0% 12px;*/} .menu_list1 ul.d03 > li:last-child {margin-bottom: 5px;} .menu_list1 ul.d03 > li > a{line-height:26px;font-size:14px;} .menu_list1 ul.d04 {padding: 0 0 0 15px;} .menu_list1 ul.d04 > li > a{font-size:14px; color:#666; margin:4px 0;} .top{position:relative;z-index:2;width:100%;height:40px;background:#a2a2a2;} .top > .wrap{position:relative;} .top .link{position:absolute;right:0;top:0;} .top .link > a{display:inline-block;height:40px;line-height:40px;color:#fff;font-size:13px; margin-left:20px;} .top .link > a:first-child{margin-left:0;} .top .tab{display:block;width:480px;height:40px;margin:0 auto;} .top .tab > ul > li{float:left;} .top .tab > ul > li > a{display:block;width:118px;height:40px;line-height:40px;border:solid #a2a2a2;border-width:0 1px;background:#929292;color:#fff;text-align:left;font-size:13px;} .top .tab > ul > li.culture > a{border:none;background:#fff;color:#000;} .top .tab > ul > li > a > span{display:block;height:40px;padding-left:50px;} .top .tab > ul > li.seogu > a > span{background:url(../images/common/top_tab_seogu.png) no-repeat 20px 50%;} .top .tab > ul > li.chief > a > span{background:url(../images/common/top_tab_chief.png) no-repeat 20px 50%;} .top .tab > ul > li.culture > a > span{background:url(../images/common/top_tab_culture_on.png) no-repeat 20px 50%;} .top .tab > ul > li.parlia > a > span{background:url(../images/common/top_tab_parlia.png) no-repeat 20px 50%;} .gnb1{position:relative;width:100%;height:50px;padding:25px 0;background:#fff;} .gnb1 > .wrap {position:relative;} .gnb1 button.ham{display:none;} .gnb1 h1{float: left;} .gnb1 h1 > a{display:block;height:50px;line-height:50px;} .gnb1 h1 > a > img{float: left; display:inline-block; margin-right: 10px; vertical-align: middle;} .gnb1 h1 > a > span {line-height: 60px; float: left; display: inline-block; font-size: 22px; font-weight: 500; padding-right: 35px; background: url(../images/common/gnb_logo_bg.png) no-repeat 100% 5px;} .gnb1 .search_area{float: right;width:320px;} .gnb1 .search_area > .search{display:block;height:30px;padding:10px 20px;background:url(../images/common/search_area_bg.png) no-repeat 50%;} .gnb1 .search_area > .search label{display:none;} .gnb1 .search_area > .search select{float:left;width:90px;height:30px;border:none;background:none;} .gnb1 .search_area > .search input{display:block;float:left;width:140px;height:30px;padding:0 10px;border:none;background:none;} .gnb1 .search_area > .search button{display:block;float:right;width:30px;height:30px;background:url(../images/common/search_btn.png) no-repeat 50%;text-indent:-9999px;} .gnb1 button.msearch_btn, .msearch{display:none;} .mlnb{display:none;} .lnb1 {position:relative;z-index:2;width:100%;height:60px;border-top:1px solid #c4c3c4;border-bottom:1px solid #9c9b9c;background:#fff;/*background:url(../images/common/lnb_bg.png) repeat-x 0; background-size: contain;*/} .lnb1 a:hover{text-decoration:underline;} .lnb1 .d01{display:block;float:left;width:1220px;} .lnb1 .d01 > ul > li{display:block;float:left;width:20%;} .lnb12 {background-color:#204a84; color:#fff;} .lnb13 {background-color:#fc1934; color:#fff;} .lnb14 {background-color:#d21e15; color:#fff;} .lnb15 {background-color:#fdde14; color:#fff;} .lnb16 {background-color:#666666; color:#fff;} .lnb1 .d01 > ul > li > a{display:block;position:relative;width:100%;height:60px;line-height:60px;color:#000;text-align:center;font-size:18px;letter-spacing:-2px;font-weight: 500;} .lnb1 .d01 > ul > li > a:hover{background: url(../images/common/lnb_on.png) no-repeat 50% 100%;} .lnb1 .d01 > ul > li > a:hover > span{display:block;position:absolute;left:50%;bottom:0;width:11px;height:7px;margin-left:-5px;background:url(http://www.dgs.go.kr/error.html) no-repeat 50%;} .lnb1 .d01 > ul > li > div{display:none;position:absolute;left:0;top:60px;width:100%;background: url(../images/common/lnb_d01_bg.jpg) repeat-y 60% 0;border-top:1px solid #9c9b9c; border-bottom:2px solid #DD4A17; height:200px; }/*180702 수정*/ .lnb1 .d02{overflow:hidden;position:relative;width:1280px;margin:0 auto;height: 200px;background:url(../images/common/lnb_d02_bg.jpg) repeat-y 0; } .lnb1 .mbg_01 > ul { background: url(../images/common/lnb_d02_img.png) no-repeat 8% 95%; } .lnb1 .mbg_02 > ul { background: url(../images/common/lnb_d02_img.png) no-repeat 8% 95%; } .lnb1 .mbg_03 > ul { background: url(../images/common/lnb_d02_img.png) no-repeat 8% 95%; } .lnb1 .mbg_04 > ul { background: url(../images/common/lnb_d02_img.png) no-repeat 8% 95%; } .lnb1 .mbg_05 > ul { background: url(../images/common/lnb_d02_img.png) no-repeat 8% 95%; } .lnb1 .d02 > .head{position: absolute;left: 0;top: 0;width:370px;padding:55px 0 0 20px;} .lnb1 .d02 > .head > h2{color:#000;font-weight:600;font-size:30px;letter-spacing:-3px; margin-bottom:10px;} .lnb1 .d02 > .head > h2 > span {font-weight: 600; color: #ff7a4b;} .lnb1 .d02 > .head > p{display:block;height:50px;line-height:50px;background:url(../images/common/lnb_underline.png) no-repeat 0% top;color:#555;font-size:13px; } .lnb1 .d02 > ul{display:block;float:right;width:870px;height: 200px;padding:20px 20px 0 230px; background: url(../images/common/lnb_d02_img.png) no-repeat 5% 45%; } .lnb1 .d02 > ul > li{display:block;float:left;width:48%;margin:5px 1%; } .lnb1 .d02 > ul > li.cut{width:100%;height:1px;margin:0;padding:0;} .lnb1 .d02 > ul > li > a{display:block;width:90%;height:45px;padding:0 5%; line-height:45px;color:#ff7a4b;text-align:left;font-size:14px; font-weight: 500; background: #f4f4f4 url(../images/common/lnb_d02_arrow_off.png) no-repeat 95% center; } .lnb1 .d02 > ul > li > a:hover{color:#fff; background: #FE7A4A url(../images/common/lnb_d02_arrow_on.png) no-repeat 95% center; } .lnb1 .mbg_02 > ul > li, .lnb1 .mbg_03 > ul > li{display:block;float:left;width:31.33%; } .lnb1 .d03{padding:10px 0 10px 10px; display:none;} /*180622 수정*/ .lnb1 .d03 > li{display:block;padding-left:15px;background:url(../images/common/lnb_bullet.png) no-repeat 0% 50%;} .lnb1 .d03 > li > a{display:block;width:100%;height:25px;line-height:25px;color:#000;font-size:14px;} .lnb1 .d03 > li > a .link {display: inline-block; margin-left: 15px; width: 14px; height: 14px; background: url(../images/common/lnb_link_ico.png) no-repeat 50%; vertical-align: middle;} .lnb1 .allm{display:block;float:right;width:60px;} .lnb1 .allm > button{display:block;width:60px;height:60px;background:url(../images/common/lnb_allmenu.png) no-repeat 50% #ff7a4b; text-indent: -9999px;} @media screen and (max-width:1280px) { .wrap{width:100%;margin:0;} .top .link {right: 20px;} .gnb h1 {padding-left: 20px;} .lnb1 .d01{width:100%;} .lnb1 .d01 > ul > li > div {background: #fff;} .lnb1 .d02{width:100%;background:#fff; border-bottom: 1px solid #e2e2e2;} .lnb1 .d02 > .head {display: none;} .lnb1 .d02 > ul{float: none; width: 100%;background: #fff;padding: 15px 10px; box-sizing: border-box;} .lnb1 .allm{display: none;} } @media screen and (max-width:1024px) { .wrap{width:100%;margin:0;} .mlnb1 {display:none;width:300px;position:fixed;left:-300px;right:0;top:0;bottom:0;z-index:3;background:#fff;} .mlnb1 > .tab{position:absolute;top:0;left:0;right:35px;height:35px;} .mlnb1 > .tab > p {float:left;height:35px;line-height:35px;padding-left:15px;font-size:18px;} .mlnb1 > .tab > button.close{position:absolute;top:0;right:-35px;width:35px;height:35px;background:url(../images/common/mlnb_close.jpg) no-repeat 50%;background-size:contain;text-indent: -9999px;} .mlnb1 > .top{overflow:hidden;position:absolute;top:35px;left:0;right:0;height:24px;padding:13px 0;} .mlnb1 > .list{position:absolute;left:0;right:0;top:35px;bottom:35px;overflow-y:auto;} .mlnb1 > .list .d01 > ul > li > a{display:block;width:100%;height:50px;line-height:50px;padding-left:15px;box-sizing:border-box;border-top:1px solid #fff;background:url(../images/common/mlnb_d01_arr_down.png) no-repeat 95% 50% #ff7a4b;color:#fff;font-size:16px;font-weight:500;} .mlnb1 > .list .d01 > ul > li > a._open{background:url(../images/common/mlnb_d01_arr_up.png) no-repeat 95% 50% #ff7a4b;} .mlnb1 > .list .d02{display:none;background:#eee;border-top:1px solid #fff;} .mlnb1 > .list .d02 > ul > li{display:block;width:100%;} .mlnb1 > .list .d02 > ul > li.cut{display:none;} .mlnb1 > .list .d02 > ul > li.only a{background: none;} .mlnb1 > .list .d02 > ul > li > a{display:block;width:100%;height:45px;line-height:45px;padding-left:20px;border-bottom:1px solid #fff;box-sizing:border-box;background:url(../images/common/mlnb_d02_arr_down.png) no-repeat 95% 50% #eee;font-size:14px;} .mlnb1 > .list .d02 > ul > li > a._open{background:url(../images/common/mlnb_d02_arr_up.png) no-repeat 95% 50% #eee;} .mlnb1 > .list .d03{display:none;} .mlnb1 > .list .d03 > li > a{display:block;width:100%;height:40px;line-height:40px;padding-left:35px;border-bottom:1px solid #eee;box-sizing:border-box;background:url(../images/common/lnb_d03_dot.gif) no-repeat 20px 50% #fff;color:#555;font-size:13px;} .mlnb1 > .list .d04{border-bottom:1px solid #eee;} .mlnb1 > .list .d04 > li > a{display:block;width:100%;height:30px;line-height:30px;padding-left:35px;box-sizing:border-box;background:#fff;color:#555;font-size:12px;} .mlnb1 > .list ul > li > a > br {display: none;} .mlnb1 >.bot{overflow:hidden;position:absolute;left:0;right:0;bottom:0;height:35px;padding:0 10px;background:#929292;} .mlnb1 >.bot > a{display:block;float:left;line-height:35px;color:#fff;font-size:12px;margin-left:20px;} .mlnb1 >.bot > a:first-child{margin-left:0;} .gnb1 {height:65px;padding:10px;box-sizing:border-box;} .gnb1 button.ham{display:block;float:left;position:relative;width:45px;height:45px;background:url(../images/common/lnb_allmenu.png) no-repeat 50% #ff7a4b; text-indent: -9999px;} .gnb1 .link{display:none;} .gnb1 h1{float:left;width:auto;} .gnb1 h1 > a.logo{width:auto;height:35px;line-height:35px;padding:5px 0;} .gnb1 h1 > a.logo > img{height:35px;} .gnb1 h1 > a > span {font-size: 18px; background-size: 20px; padding-right: 20px;line-height:35px;} .lnb1 {display:none;} } @media screen and (max-width:768px) { #header1 > .top .link {display:none;} #header1 > .top{height:35px;} #header1 > .top .tab{width:100%;height:35px;} #header1 > .top .tab > ul > li{width:25%;} #header1 > .top .tab > ul > li > a, #header1 > .top .tab > ul > li.seogu > a{width:100%;height:35px;line-height:35px;box-sizing:border-box;} #header1 > .top .tab > ul > li > a > span{height:35px;padding-left:30px;} #header1 > .top .tab > ul > li.seogu > a > span{background:url(../images/common/top_tab_seogu.png) no-repeat 10px 50%;} #header1 > .top .tab > ul > li.chief > a > span{background:url(../images/common/top_tab_chief.png) no-repeat 10px 50%;} #header1 > .top .tab > ul > li.culture > a > span{background:url(../images/common/top_tab_culture_on.png) no-repeat 10px 50%;} #header1 > .top .tab > ul > li.parlia > a > span{background:url(../images/common/top_tab_parlia.png) no-repeat 10px 50%;} #header1 > .top .tab > ul > li.seogu > a > span, #header1 > .top .tab > ul > li.chief > a > span, #header1 > .top .tab > ul > li.culture > a > span, #header1 > .top .tab > ul > li.parlia > a > span{background-size:18px;} #header1 > .gnb1 button.ham {width: 35px; height: 35px;} #header1 > .gnb1 h1 > a.logo {padding: 0;} #header1 > .gnb1 {height: auto; padding: 15px 10px;} #header1 > .gnb1 .search_area{display: none; float: left; width: 100%; margin: 10px 0;} #header1 > .gnb1 .search_area > .search{height:25px;padding:10px;background:#f6f6f6;} #header1 > .gnb1 .search_area > .search > select{display: none;} #header1 > .gnb1 .search_area > .search > input{width:80%;height:22px;padding:2px 5px;} #header1 > .gnb1 .search_area > .search > button{width:22px;height:22px;background-size: contain;} #header1 > .gnb1 button.msearch_btn{display:block;float:right;position:relative;width:35px;height:35px;background:url(../images/common/search_btn.png) no-repeat 50%;} #header1 > .gnb1 button.msearch_btn._close{background:url(../images/common/msearch_close.png) no-repeat 50%;} #header1 > .msearch{display:none;position:absolute;z-index:3;left:0;right:0;top:100px;padding:15px;box-sizing:border-box;background:#fff;border-top: 1px solid #d7d7d7;} .msearch > .search{display:block;position:relative;height:50px;border-radius:30px;padding:10px;background:#f6f6f6;box-sizing:border-box;} .msearch > .search label{display:none;} .msearch > .search select{display:block;position:absolute;left:20px;width:100px;height:30px;line-height:30px;border:none;background:none;font-size:15px; } .msearch > .search input{display:block;width:100%;height:30px;line-height:30px;padding:0 40px 0 130px;border:none;box-sizing:border-box;background:none;} .msearch > .search button{display:block;position:absolute;right:20px;top:10px;width:30px;height:30px;background:url(../images/common/search_btn.png) no-repeat 50%;text-indent:-9999px;} } @media screen and (max-width:640px) { /* #header > .mlnb{width:auto;right:0;} */ .msearch{top:100px;padding:10px;} .msearch > .search{height:40px;padding:5px 10px;} .msearch > .search select{left:10px;width:80px;font-size:13px;} .msearch > .search input{padding:0 40px 0 95px;} .msearch > .search button{right:10px;width:20px;height:20px;background-size:20px;} } @media screen and (max-width:480px) { .gnb1 h1 {padding-left: 10px;} .gnb1 h1 > a.logo > img {margin-right: 5px;} .gnb1 h1 > a > span {padding: 0; background: none;} }