/* container */
#container {position:relative;width:100%;}
body.main #container div.containerWrap {position:relative;left:0; width:100%; min-height:650px;margin-left:0;}

/* sec_wrap */
div.sec_wrap {position:relative; left:50%; padding:50px 0; width:1200px; margin-left:-600px;}
div.sec_wrap > div.title_area > h3 {font-weight:600;font-size:40px;line-height:40px;color:#d91b5c;}
div.sec_wrap > div.title_area > p {display:block;margin-top:20px;font-size:13px;line-height:18px;color:#666;}
div.sec_wrap > div.title_area > .color {color:#fff;}

/* main */

.hidden {
    display:inline !important;
    visibility:hidden !important;
    position:absolute !important;
    width:0 !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
    background:none !important;
    font-size:0 !important;
    line-height:0 !important;
    border:0 !important;
    overflow:hidden !important; }

/* 메인비주얼 */
#fade-box {position:relative;width:100%; height:613px; margin-top:0;overflow:hidden; *zoom:1; z-index:0;}
#fade-box > div.fade-visual {position:relative;top:0;left:50%;width:2000px;height:613px;margin-left:-1000px;}
#fade-box > div.fade-visual > ul > li:first-child { display:block; }
#fade-box > div.fade-visual > ul > li { display:none; height:613px; text-align:center; }
#fade-box > div.fade-visual > ul > li span { display:block; width:2000px; text-indent:-9999px; }
/* #fade-box > div.fade-visual > ul > li a {display:block; width:100%; height:340px;} */

#fade-box > div.fade-visual > ul > li.bg1 {background:url("./img/img_mvisual1.jpg") 50% 0 no-repeat;}
#fade-box > div.fade-visual > ul > li.bg2 {background:url("./img/img_mvisual2.jpg") 50% 0 no-repeat;}
#fade-box > div.fade-visual > ul > li.bg3 {background:url("./img/img_mvisual3.jpg") 50% 0 no-repeat;}

#fade-box div.visual_txt {position:absolute; bottom:137px; left:50%; transform:translateX(-50%);}
#fade-box div.visual_txt p {color:#fff; text-align:center; font-size:16px; text-shadow:1px 1px 3px rgba(0, 0, 0, 0.5);}
#fade-box div.visual_txt p:last-child {margin-top:15px;}

#fade-box > div.fade-visual:after { clear:both; display:block; content:""; }
#fade-box > div.fade-visual div.fade-pause {position:absolute; bottom:50px; left:1020px;z-index:200; width:15px; height:15px; margin-right:10px; float:left; }
#fade-box > div.fade-visual div.fade-resume {position:absolute; bottom:50px; left:1040px;z-index:200; width:15px; height:15px; margin-right:10px; float:left; }
#fade-box > div.fade-visual div.fade-button { position:absolute; bottom:57px; left:950px; z-index:200; width:90px; height:15px; margin-right:10px; float:left; }

#fade-box > div.fade-visual div.fade-button button,
#fade-box > div.fade-visual div.fade-pause button,
#fade-box > div.fade-visual div.fade-resume button {display:inline-block; position:relative; width:15px; height:15px; margin-right:5px; border:0; background:url("./img/bnt_fade.png") 0 0 no-repeat;}
#fade-box > div.fade-visual div.fade-button button.fade-on { background-position:-15px 0; }

#fade-box > div.fade-visual div.fade-pause button { background-position:-30px 0; }
#fade-box > div.fade-visual div.fade-resume button { background-position:-45px 0; }

/*#sec2*/
#sec2 {position:relative; width:100%;}
#sec2 > div.sec_wrap > div.upper_box:after, #sec2 > div.sec_wrap > div.lower_box:after {display:block; clear:both; content:"";}
#sec2 > div.sec_wrap > div div.box {box-shadow:10px 10px 10px rgba(0, 0, 0, 0.1);}
#sec2 > div.sec_wrap > div.upper_box div.box {float:left; width:400px; height:310px; margin-right:20px; box-sizing:border-box;}
#sec2 > div.sec_wrap > div.upper_box div.box:last-child {width:300px; margin-right:0px;}
#sec2 > div.sec_wrap div.box div.tit {position:relative; height:50px; line-height:50px; box-sizing:border-box;}
#sec2 > div.sec_wrap div.box div.tit > h4 {padding-left:25px; font-size:16px; font-weight:500; color:#333;}
#sec2 > div.sec_wrap div.box div.tit > h4 a {}
#sec2 > div.sec_wrap div.box div.tit > a {position:absolute; right:0px; display:block; top:0px; width:50px; height:50px; line-height:50px; text-align:center;}
#sec2 > div.sec_wrap div.box div.tit > a i { line-height:50px;}
#sec2 > div.sec_wrap > div.upper_box div.boards {margin-right:20px; width:400px; border:1px solid #ddd;}
#sec2 > div.sec_wrap > div.upper_box div.boards div.board_tab_wrap {}
#sec2 > div.sec_wrap > div.upper_box div.boards div.board_tab_wrap:after {display:block; clear:both; content:"";}
/*#sec2 > div.sec_wrap > div.upper_box div.boards div.board_tab_wrap button{float:left; display: block; width:133px; height:50px; line-height:48px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#f5f5f5; color:#777; box-sizing:border-box;}
#sec2 > div.sec_wrap > div.upper_box div.boards div.board_tab_wrap button:last-child{border-right:none; width:132px;}*/
#sec2 > div.sec_wrap > div.upper_box div.boards div.board_tab_wrap button {float:left; display:block; width:199px; height:50px; line-height:48px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#f5f5f5; color:#777; box-sizing:border-box;}
#sec2 > div.sec_wrap > div.upper_box div.boards div.board_tab_wrap button:last-child {border-right:none;}
#sec2 > div.sec_wrap > div.upper_box div.boards div.board_tab_wrap button.on {border-bottom:1px solid #fff; color:#333; background:#fff; font-weight:500;}
#sec2 > div.sec_wrap > div.upper_box div.boards div.board_cont {margin:0; padding:0 22px 20px; display:none;}
#sec2 > div.sec_wrap > div.upper_box div.boards div.board_cont.on {display:block;}
#sec2 > div.sec_wrap > div.upper_box div.boards div.board_cont ul li {position:relative;}
#sec2 > div.sec_wrap > div.upper_box div.boards div.board_cont ul li.emphasis {margin-bottom:10px; padding:24px 0;border-bottom:1px dashed #ddd;}
#sec2 > div.sec_wrap > div.upper_box div.boards div.board_cont ul li.emphasis span {display:block;}
#sec2 > div.sec_wrap > div.upper_box div.boards div.board_cont ul li.emphasis span.tit {font-size:18px; font-weight:500; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-break:keep-all; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:48px;}
#sec2 > div.sec_wrap > div.upper_box div.boards div.board_cont ul li.normal span {display:inline-block; height:35px; line-height:35px;}
#sec2 > div.sec_wrap > div.upper_box div.boards div.board_cont ul li.normal span.tit {width:75%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#sec2 > div.sec_wrap > div.upper_box div.boards div.board_cont ul li.normal span.date {position:absolute; top:0; right:5px;}
#sec2 > div.sec_wrap > div.upper_box div.boards div.board_cont ul li.no_data {height:201px; line-height:201px; text-align:center;}
#sec2 > div.sec_wrap > div.upper_box div.boards div.board_cont ul li span.date {color:#666;}
#sec2 > div.sec_wrap > div.upper_box div.boards div.board_cont ul li a {display:block;}
#sec2 > div.sec_wrap > div.upper_box div.boards div.board_cont div.btn_more a {margin-top:5px; display:inline-block; height:40px; line-height:40px; color:#1d4da5;}
#sec2 > div.sec_wrap > div.upper_box div.boards div.board_cont div.btn_more a i {display:inline-block; width:18px; height:18px; line-height:18px; text-align:center; border:1px solid #1d4da5; }
#sec2 > div.sec_wrap > div.upper_box div.board {width:780px;}
#sec2 > div.sec_wrap > div.upper_box div.board:after {display:block; clear:both; content:"";}
#sec2 > div.sec_wrap > div.upper_box div.board > div {float:left; height:300px; box-sizing:border-box;}
#sec2 > div.sec_wrap > div.upper_box div.program {position:relative; width:460px; padding:30px; background:linear-gradient(to bottom, #377cce, #1d4da5);}
#sec2 > div.sec_wrap > div.upper_box div.program h4 {font-size:24px; color:#fff; line-height:130%;}
#sec2 > div.sec_wrap > div.upper_box div.program div.search_form {position:absolute; top:35px; right:30px; width:250px; padding-left:15px; border:2px solid #93c1ff; border-radius:22px; box-sizing:border-box;}
#sec2 > div.sec_wrap > div.upper_box div.program div.search_form input.text {width:170px; height:40px; line-height:40px; background:none; font-size:14px; color:#fff; border:none;}
#sec2 > div.sec_wrap > div.upper_box div.program div.search_form button.btn_search {width:40px; height:40px; line-height:40px; font-size:25px; color:#ddebff;}
#sec2 > div.sec_wrap > div.upper_box div.program div.program_tab_wrap {margin:10px 0 5px;}
#sec2 > div.sec_wrap > div.upper_box div.program div.program_tab_wrap:after {display:block; clear:both; content:"";}
#sec2 > div.sec_wrap > div.upper_box div.program div.program_tab_wrap button {float:left; display:block; margin-right:2px; width:132px; height:40px; line-height:38px; border:1px solid rgba(255, 255, 255, 0.3); color:#fff; box-sizing:border-box;}
#sec2 > div.sec_wrap > div.upper_box div.program div.program_tab_wrap button:last-child {margin-right:0px;}
#sec2 > div.sec_wrap > div.upper_box div.program div.program_tab_wrap button.on {border:1px solid rgba(255, 255, 255, 1.0); color:#1d4da5; background:#fff;}
#sec2 > div.sec_wrap > div.upper_box div.program div.program_cont {display:none; margin:0; padding:0;}
#sec2 > div.sec_wrap > div.upper_box div.program div.program_cont.on {display:block;}
#sec2 > div.sec_wrap > div.upper_box div.program div.program_cont ul:after {display:block; clear:both; content:"";}
#sec2 > div.sec_wrap > div.upper_box div.program div.program_cont ul li {position:relative; padding-left:10px; float:left; width:133px; box-sizing:border-box;}
#sec2 > div.sec_wrap > div.upper_box div.program div.program_cont ul li:before {position:absolute; top:12px; left:2px; display:block; content:""; width:3px; height:3px; border-radius:50%; background:#fff;}
#sec2 > div.sec_wrap > div.upper_box div.program div.program_cont ul li:nth-child(3n) {width:134px;}
#sec2 > div.sec_wrap > div.upper_box div.program div.program_cont ul li a {display:inline-block; height:26px; line-height:26px; color:#fff;}
#sec2 > div.sec_wrap > div.upper_box div.program div.program_cont ul li a span {color:#ffff00;}
#sec2 > div.sec_wrap > div.upper_box div.program div.program_cont ul.field_list {}
#sec2 > div.sec_wrap > div.upper_box div.business_guide {background:#fff; border:1px solid #ddd;}
#sec2 > div.sec_wrap > div.upper_box div.business_guide div.tit {border-bottom:1px solid #ddd;}
#sec2 > div.sec_wrap > div.upper_box div.business_guide div.tit > a {color:#555; border-left:1px solid #ddd;}
#sec2 > div.sec_wrap > div.upper_box div.business_guide div.cont {}
#sec2 > div.sec_wrap > div.upper_box div.business_guide div.cont span {margin:0 auto; display:block; width:200px; height:110px; background:url("img/bg_business_guide.png") no-repeat;}
#sec2 > div.sec_wrap > div.upper_box div.business_guide div.cont.bg1 span {background-position:-10px 0px;}
#sec2 > div.sec_wrap > div.upper_box div.business_guide div.cont.bg2 span {background-position:-223px 0px;}
#sec2 > div.sec_wrap > div.upper_box div.business_guide div.cont.bg3 span {background-position:-430px 0px;}
#sec2 > div.sec_wrap > div.upper_box div.business_guide div.cont.bg4 span {background-position:-635px 0px;}
#sec2 > div.sec_wrap > div.upper_box div.business_guide div.cont.bg5 span {width:205px;background-position:-850px 0px;}
#sec2 > div.sec_wrap > div.upper_box div.business_guide div.cont.bg6 span {width:230px; background-position:-1070px 0px;}
#sec2 > div.sec_wrap > div.upper_box div.business_guide div.cont > a {display:block; padding:22px; height:258px; box-sizing:border-box; text-decoration:none; text-align:center;}
#sec2 > div.sec_wrap > div.upper_box div.business_guide div.cont > a p.secondary {margin:10px 0 5px; font-size:20px;}
#sec2 > div.sec_wrap > div.upper_box div.business_guide div.cont > a p.info {line-height:130%; color:#666;}

#sec2 .slick-prev, #sec2 .slick-next {top:-25px; background:none; font-size:0; line-height:0; position:absolute; display:block; width:50px; height:50px; padding:0; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); cursor:pointer; color:transparent; border:none; border-left:1px solid #ddd; outline:none; z-index:100}
#sec2 .slick-prev:hover, #sec2 .slick-prev:focus, .slick-next:hover, #sec2 .slick-next:focus {color:transparent; outline:none; background:transparent;}
#sec2 .slick-prev:hover:before, #sec2 .slick-prev:focus:before, #sec2 .slick-next:hover:before, .slick-next:focus:before {color:#034ea2;}
#sec2 .slick-prev.slick-disabled:before, #sec2 .slick-next.slick-disabled:before {opacity:.25;}
#sec2 .slick-prev:before, #sec2 .slick-next:before {padding:0; background:none; font-family:'slick';font-size:14px;line-height:1; color:#888; opacity:1; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
#sec2 .slick-prev {right:100px;}
#sec2 [dir='rtl'].slick-prev {right:0px;left:auto;}
#sec2 .slick-prev:before {font-family:xeicon; content:"\e93b";}
#sec2 [dir='rtl'] .slick-prev:before {font-family:xeicon; content:"\e93b";}
#sec2 .slick-next {right:50px;}
#sec2 [dir='rtl'] .slick-next {right:auto;left:0px;}
#sec2 .slick-next:before {font-family:xeicon; content:"\e93e";}
#sec2 [dir='rtl'] .slick-next:before {font-family:xeicon; content:"\e93e";}

/* #sec2 > div.sec_wrap > div.upper_box span {float:right;} */
#sec2 > div.sec_wrap > div.lower_box {margin-top:20px;}
#sec2 > div.sec_wrap > div.lower_box > div {float:left; height:185px;}
#sec2 > div.sec_wrap > div.lower_box div.training {width:400px; margin-right:20px; background:#8d96ab; color:#fff;}
#sec2 > div.sec_wrap > div.lower_box div.training.progress {background:#1eb54b;}
#sec2 > div.sec_wrap > div.lower_box div.training div.tit {border-bottom:1px solid #fff;}
#sec2 > div.sec_wrap > div.lower_box div.training div.tit > a {border-left:1px solid #fff;}
#sec2 > div.sec_wrap > div.lower_box div.training div.training_cont ul li a {display:table; width:100%; text-decoration:none;}
#sec2 > div.sec_wrap > div.lower_box div.training div.training_cont ul li a > div {display:table-cell; padding:0 20px; box-sizing:border-box; height:135px; vertical-align:middle;}
#sec2 > div.sec_wrap > div.lower_box div.training div.training_cont ul li a > div.state_box {width:130px; text-align:center;}
#sec2 > div.sec_wrap > div.lower_box div.training div.training_cont ul li a > div.state_box p.state {font-size:24px;}
#sec2 > div.sec_wrap > div.lower_box div.training div.training_cont ul li a > div.subject_box {width:270px;}
#sec2 > div.sec_wrap > div.lower_box div.training div.training_cont ul li a > div.subject_box p {font-size:18px; word-break:keep-all;}
#sec2 > div.sec_wrap > div.lower_box div.training div.training_cont ul li.no_data {height:135px; line-height:135px; text-align:center;}
#sec2 > div.sec_wrap > div.lower_box div.training a {color:#fff;}
#sec2 > div.sec_wrap > div.lower_box div.short_cut {width:780px; background:linear-gradient(to bottom, #48c4c4, #00b9eb);}
#sec2 > div.sec_wrap > div.lower_box div.short_cut ul:after {display:block; clear:both; content:"";}
#sec2 > div.sec_wrap > div.lower_box div.short_cut ul li {position:relative; float:left; width:195px; height:185px; border-right:1px solid rgba(255, 255, 255, 0.2); box-sizing:border-box;}
#sec2 > div.sec_wrap > div.lower_box div.short_cut ul li:after {position:absolute; bottom:16px; right:20px; display:block; content:""; width:70px; height:70px; background:url("img/ico_m_short_cut.png") no-repeat;}
#sec2 > div.sec_wrap > div.lower_box div.short_cut ul li:hover {background-color:#8d96ab;}
#sec2 > div.sec_wrap > div.lower_box div.short_cut ul li:first-child {background:#47c4c5;}
#sec2 > div.sec_wrap > div.lower_box div.short_cut ul li:first-child:after {background-position:6px 0px;}
#sec2 > div.sec_wrap > div.lower_box div.short_cut ul li:nth-child(2) {background:#1abddd;}
#sec2 > div.sec_wrap > div.lower_box div.short_cut ul li:nth-child(2):after {background-position:-70px 0px;}
#sec2 > div.sec_wrap > div.lower_box div.short_cut ul li:nth-child(3) {background:#12a1e4;}
#sec2 > div.sec_wrap > div.lower_box div.short_cut ul li:nth-child(3):after {background-position:-148px 0px;}
#sec2 > div.sec_wrap > div.lower_box div.short_cut ul li:last-child {background:#1d4da5;}
#sec2 > div.sec_wrap > div.lower_box div.short_cut ul li:last-child:after {background-position:-225px 0px;}
#sec2 > div.sec_wrap > div.lower_box div.short_cut ul li a {position:relative; display:block; padding:20px; height:185px; color:#fff; transition:all 0.4s ease; text-decoration:none; box-sizing:border-box;}
#sec2 > div.sec_wrap > div.lower_box div.short_cut ul li a p.tit {margin-bottom:5px; font-size:16px; font-weight:500; text-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);}
#sec2 > div.sec_wrap > div.lower_box div.short_cut ul li a p {font-size:12px; line-height:140%; font-weight:300; word-break:keep-all;}
#sec2 > div.sec_wrap > div.lower_box div.short_cut ul li a i {margin-left:4px; display:inline-block; width:25px; height:25px; line-height:21px; text-align:center; border:2px solid #fff; border-radius:50%; box-sizing:border-box;}
/* #sec3 */
#sec3 {position:relative; width:100%;background-color:#e9edf6;}
#sec3 > div.sec_wrap {padding:50px 0 110px;}
#sec3 > div.sec_wrap:after {display:block; clear:both; content:"";}
#sec3 > div.sec_wrap > div.latest {position:relative; float:left;}
#sec3 > div.sec_wrap h4 {font-weight:500; margin-bottom:28px; }
#sec3 > div.sec_wrap h4 > a {font-size:24px; line-height:24px; color:#333; text-decoration:none;}
#sec3 > div.sec_wrap div.btn_more {position:absolute; top:0px; right:0px;}
#sec3 > div.sec_wrap > div.gallery { width:820px; }
#sec3 > div.sec_wrap div.btn_more a {display:inline-block; width:38px; height:38px; font-size:20px; color:#333; text-align:center; border:1px solid #b2b5bb;}
#sec3 > div.sec_wrap div.btn_more a i {height:38px; line-height:38px;}
#sec3 > div.sec_wrap > div.gallery > ul { width:100%; }
#sec3 > div.sec_wrap > div.gallery > ul:after {display:block;content:""; clear:both;}
#sec3 > div.sec_wrap > div.gallery > ul > li {position:relative; float:left; margin-left:20px; width:260px; height:195px; background:#8d96ab;}
#sec3 > div.sec_wrap > div.gallery > ul > li:first-child {margin-left:0px;}
#sec3 > div.sec_wrap > div.gallery > ul > li a {display:block;}
#sec3 > div.sec_wrap > div.gallery > ul > li div.thumb {height:195px;}
#sec3 > div.sec_wrap > div.gallery > ul > li img {width:100%; height:100%; opacity:1.0; transition:all 0.4s ease;}
#sec3 > div.sec_wrap > div.gallery > ul > li:hover img {opacity:0.5;}
#sec3 > div.sec_wrap > div.gallery > ul > li div.cont {padding:15px 20px; background:#fff;}
#sec3 > div.sec_wrap > div.gallery > ul > li div.cont > p {font-size:16px; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all;}
#sec3 > div.sec_wrap > div.gallery > ul > li div.cont > span {display:inline-block; margin-top:12px; color:#666;}
/*#sec3 > div.sec_wrap > div.gallery > ul > li.big_thumb{float:left; width:520px; height:390px;}
#sec3 > div.sec_wrap > div.gallery > ul > li.no_data { width:100%; line-height:390px; text-align:center; }
#sec3 > div.sec_wrap > div.gallery > ul > li > a{display:block; height:195px; text-decoration:none;}
#sec3 > div.sec_wrap > div.gallery > ul > li > a.thumb{position:relative; width:260px; height:195px; overflow:hidden;} 
#sec3 > div.sec_wrap > div.gallery > ul > li.big_thumb > a.thumb{width:520px; height:390px;} 
#sec3 > div.sec_wrap > div.gallery > ul > li > a.subject {position:absolute; bottom:-60px; left:29px; display:block; padding:60px 40px 48px; width:340px; height:213px; line-height:160%; color:#333; background:#fff; box-sizing:border-box;}
#sec3 > div.sec_wrap > div.gallery > ul > li.big_thumb > a.subject:before{position:absolute; top:-31px; left:40px; display:block; content:""; width:4px; height:70px; background:#2053aa;}
#sec3 > div.sec_wrap > div.gallery > ul > li > a.subject > p{height: 67px; font-size:20px; font-weight:500; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all; !* word-break: break-all; *! word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
#sec3 > div.sec_wrap > div.gallery > ul > li > a.subject > span {display:inline-block; margin-top:22px; color:#666;}
#sec3 > div.sec_wrap > div.gallery > ul > li.normal_thumb > a{position:relative;}
#sec3 > div.sec_wrap > div.gallery > ul > li.normal_thumb > a span.tit{display:none; position:absolute; font-size:16px; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; color:#fff; transition: all 0.4s ease;}
#sec3 > div.sec_wrap > div.gallery > ul > li.normal_thumb:hover > a span.tit{display:block;}*/

#sec3 > div.sec_wrap div.sns_wrap {margin-left:40px; width:380px;}
#sec3 > div.sec_wrap div.sns_box {padding:20px; box-sizing:border-box; background:#fff;}
#sec3 > div.sec_wrap div.sns_box div.sns_tit {position:relative; padding-bottom:19px; border-bottom:1px solid #dddddd; font-size:18px; font-weight:800; color:#333;}
#sec3 > div.sec_wrap div.sns_box div.sns_tit > i {position:absolute; top:0; right:0; font-size:30px; font-weight:100; color:#3b5998;}
#sec3 > div.sec_wrap div.sns_box div.sns_cont {padding:16px 14px 0;}
#sec3 > div.sec_wrap div.sns_box iframe img {width:100% !important;}

#sec3 > div.sec_wrap div.video_wrap {float:right; width:330px;}
#sec3 > div.sec_wrap div.video_box {}
#sec3 > div.sec_wrap div.video_box div.video {}
#sec3 > div.sec_wrap div.video_box div.video a {display:block;}
#sec3 > div.sec_wrap div.video_box div.video a > div.thumb {position:relative; /*padding-bottom: 56.3%;*/}
#sec3 > div.sec_wrap div.video_box div.video a > div.thumb img {width:100%; height:100%;}
/*#sec3 > div.sec_wrap div.video_box div.video a > div > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }*/
#sec3 > div.sec_wrap div.video_box div.video a div.cont {padding:15px 20px; background:#fff;}
#sec3 > div.sec_wrap div.video_box div.video a p {font-size:16px; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#sec3 > div.sec_wrap div.video_box div.video a span.date {display:block; margin-top:6px; color:#666;}
#sec3 > div.sec_wrap div.video_box div.no_data {padding:0 20px; height:285px; line-height:280px; text-align:center;box-sizing:border-box; background:#fff;}

ul.list > li {position:relative; padding:3px 0; line-height:150%;}
ul.list.define_list > li strong {position:absolute; top:3px; left:0; font-weight:500;}
ul.list.define_list > li strong.white {color:#fff;}
ul.list.define_list1 > li {padding:3px 0 3px 75px;}
ul.list.define_list2 > li {padding:3px 0 3px 100px;}

/* 서브 > 콘텐츠 */
#content > #article > div:first-child {padding-top:0;}
div.cont_layout01, div.cont_layout02, div.cont_layout03, div.cont_layout04 {position:relative; padding:50px 0; border-bottom:1px dotted #ddd;}
div.cont_layout01 p {text-align:center;}
div.cont_layout02 {display:table;}
div.cont_layout02 > h4 {display:table-cell; width:205px; vertical-align:top; box-sizing:border-box;}
div.cont_layout02 > div {display:table-cell; width:704px; vertical-align:top;}
div.cont_layout03 {display:table;}
div.cont_layout03 > div {display:table-cell; vertical-align:top;}
div.cont_layout03 > div.cont {width:600px; padding-right:30px; box-sizing:border-box;}
div.cont_layout03 > div.cont p {margin-top:20px; word-break:keep-all;}
div.cont_layout03 > div.thumb {width:303px; overflow:hidden;}
div.cont_layout04 p {margin:20px 0 18px; }
div.cont_layout04 p.t_tit {margin:40px 0 10px;color:#333; font-weight:500;}
div.cont_layout04 p.t_tit.top {margin:0 0 10px;}
div.cont_layout04 p.upper {margin:50px 0 18px;}
div.cont_layout04 p.t_tit.normal {margin:20px 0 18px;}
div.cont_layout05 {position:relative; margin-top:45px; color:#fff; text-shadow:1px 1px 3px rgba(0, 0, 0, 0.5); text-align:center; }
div.cont_layout05 > div.box {position:absolute; top:50%; left:50%; width:700px; transform:translate(-50%, -50%);}
div.cont_layout05 > div.txt_box {padding:60px 100px; border:6px solid #8d96ab; color:#222; text-shadow:none; /* background:#8d96ab; */}
div.cont_layout05 h3 {margin-bottom:22px; font-size:30px; font-weight:600;}
div.cont_layout05 p {word-break:keep-all;}
div.cont_layout05 table.normal_table.border tr th, table.normal_table.border tr td {word-break:keep-all;}

/*콘텐츠 탭 */
div ul.content_tab {}
div ul.content_tab:after {content:""; display:block; clear:both; }
div ul.content_tab li {float:left; width:303px;}
div ul.content_tab li a {display:block; height:65px; line-height:63px; border:solid 1px #fff; color:#999; text-align:center; text-decoration:none; background:#eee; box-sizing:border-box;}
div ul.content_tab li a.on {background:#1d4da5; color:#fff;}
div ul.content_tab li a:hover {background:#333; color:#fff;}

/* 인사말 */
div.greeting div.ceo_box > div.ceo { height:260px; height:350px; border-bottom:2px solid #2460ce; background:url("./img/img_ceo.png") right bottom no-repeat;}
div.greeting div.ceo_box > div.ceo > span {font-size:20px;}
div.greeting div.ceo_box > div.ceo > p {margin-top:48px; font-size:40px; line-height:140%; font-weight:400; color:#000;}
div.greeting div.ceo_box > div.ceo > p > span {font-weight:600;}
div.greeting div.ceo_cont > p {margin-top:35px; line-height:160%;}
div.greeting div.ceo_cont > p.name {text-align:right; font-size:24px; font-weight:500; }
div.greeting div.ceo_cont > p.name > span {font-size:33px; font-weight:600; color:#000; line-height:160%;}

/* 알파에듀는? */
div.introduction > p {word-break:keep-all; font-size:15px;}
div.introduction div.cont_layout01, div.introduction div.cont_layout02 {padding:50px 0 0; border:none;}
div.introduction div.cont_layout02 {}
div.introduction div.cont_layout02 h4 {position:relative; width:189px;}
div.introduction div.cont_layout02 h4:after {position:absolute; top:12px; right:16px; display:block; content:""; width:45px; border:1px dotted #ddd;}
div.introduction div.cont_layout02.explain h4:after {display:none;}
div.introduction div.cont_layout02.explain > div ul {padding:20px; background:#e9edf6; border-radius:5px; border:1px solid #d4dbeb;}
div.introduction div.cont_layout02.explain > div ul li {position:relative; padding:5px 0 5px 15px;}
div.introduction div.cont_layout02.explain > div ul li:before {position:absolute; top:16px; left:5px; display:block; content:""; width:4px; height:4px; border-radius:50%; background:#2460ce;}
div.introduction div.cont_layout02 > div {width:720px;}
div.introduction div.cont_layout02 div p {color:#fff;}
div.introduction div.cont_layout02.slogon > div {position:relative; top:-15px; border-radius:5px;}
div.introduction div.cont_layout02.slogon > div p {padding:0 25px; font-size:22px; height:55px; line-height:52px;}
div.introduction div.cont_layout02.vision > div {background:#2460ce;}
div.introduction div.cont_layout02.mission > div {background:#333;}
div.introduction div.cont_layout02.purpose > div:after {display:block;content:'';clear:both;}
div.introduction div.cont_layout02.purpose > div div.box {float:left; width:170px; margin-right:11px; text-align:center;}
div.introduction div.cont_layout02.purpose > div div.box:last-child {margin-right:0;}
div.introduction div.cont_layout02.purpose > div div.box div.tit {display:table; padding:30px; width:170px; height:170px; border-radius:50%; font-size:18px; box-sizing:border-box;}
div.introduction div.cont_layout02.purpose > div div.box:first-child div.tit {background:#48c4c4;}
div.introduction div.cont_layout02.purpose > div div.box:nth-child(2) div.tit {background:#02b9ea;}
div.introduction div.cont_layout02.purpose > div div.box:nth-child(3) div.tit {background:#387dcf;}
div.introduction div.cont_layout02.purpose > div div.box:last-child div.tit {background:#1d4da5;}
div.introduction div.cont_layout02.purpose > div div.box div.tit p {display:table-cell; vertical-align:middle; word-break:keep-all; }
div.introduction div.cont_layout02.purpose > div div.box ul {position:relative; margin-top:40px; border:1px solid #ddd; border-radius:5px;}
div.introduction div.cont_layout02.purpose > div div.box ul:before {position:absolute; top:-5px; left:50%; transform:translateX(-50%); display:block; content:""; width:10px; height:10px; background:#ddd; border-radius:50%; z-index:1;}
div.introduction div.cont_layout02.purpose > div div.box ul:after {position:absolute; top:-41px; left:50%; transform:translateX(-50%); display:block; content:""; width:1px; height:40px; background:#ddd;}
div.introduction div.cont_layout02.purpose > div div.box ul li {padding:20px 12px; word-break:keep-all; font-size:15px; border-bottom:1px dotted #ddd;}
div.introduction div.cont_layout02.purpose > div div.box ul li:last-child {border-bottom:none;}
div.introduction div.cont_layout01 ul.box {margin-top:20px; }
div.introduction div.cont_layout01 ul:after {display:block;content:'';clear:both;}
div.introduction div.cont_layout01 ul li {float:left; width:303px; border:1px solid #fff; box-sizing:border-box;}
div.introduction div.cont_layout01 ul li a {display:block;height:79px; line-height:77px; text-align:center; border:1px solid #ddd; color:#666;}
div.introduction div.cont_layout01 ul li a:hover {background:#ddd; color:#333; text-decoration:none;}

/* 조직도 */
div.organization_area {text-align:center; font-size:18px;}
div.organization_area ul.leaders {position:relative; color:#fff;}
div.organization_area ul.leaders > li {position:relative; margin:0 auto 50px; width:250px; height:70px; line-height:70px; padding:0 15px; box-sizing:border-box; font-size:16px;}
div.organization_area ul.leaders span {position:absolute; top:160px; display:block; width:250px; height:70px; line-height:70px; padding:0 15px; box-sizing:border-box; background:#01b9eb;}
div.organization_area ul.leaders span:after {position:absolute; top:50%; transform:translateY(-50%); display:block; content:""; width:160px; height:1px; background:#ddd;}
div.organization_area ul.leaders span.left {right:50%; margin-right:160px; text-align:center;}
div.organization_area ul.leaders span.left:after {margin-right:-160px; right:0;}
div.organization_area ul.leaders span.right {left:50%; margin-left:160px; text-align:center;}
div.organization_area ul.leaders span.right:after {margin-left:-160px; left:0;}
div.organization_area ul.leaders span:before {position:absolute; top:50%; transform:translateY(-50%); display:block; content:""; width:10px; height:10px; border-radius:50%; background:#01b9eb; z-index:1;}
div.organization_area ul.leaders span.left:before {right:-5px;}
div.organization_area ul.leaders span.right:before {left:-5px}
div.organization_area ul.leaders > li:nth-child(1) {margin:0 auto 70px; width:160px; height:160px; line-height:160px; font-size:20px; border-radius:50%; background:#1d4da5;}
div.organization_area ul.leaders > li:nth-child(2), div.organization_area ul.leaders > li:nth-child(2):before {background:#48c4c5;}
div.organization_area ul.leaders > li:nth-child(3), div.organization_area ul.leaders > li:nth-child(3):before {background:#dce4f6; color:#666;}
div.organization_area ul.leaders span i {background-position:-98px 0px;}
div.organization_area ul.leaders > li:after {position:absolute; left:50%; bottom:-50px; display:block; content:""; width:1px; height:50px; background:#ddd;}
div.organization_area ul.leaders > li:nth-child(1):after {bottom:-70px; height:70px;}
div.organization_area ul.leaders > li:before {position:absolute; bottom:-5px; left:50%; transform:translateX(-50%); display:block; content:""; width:10px; height:10px; border-radius:50%; z-index:1;}
div.organization_area ul.leaders > li:nth-child(1):before {background:#1d4da5;}

div.department {position:relative; text-align:center;}
div.department:after {position:absolute; top:0; left:50%; transform:translateX(-50%); display:block; content:""; width:675px; height:1px; background:#ddd;}
div.department ul.field_list {position:relative; padding-top:46px; display:inline-block; box-sizing:border-box;}
div.department ul.field_list:after {display:block; content:""; clear:both;}
div.department ul.field_list > li {position:relative; float:left; margin-right:10px; display:table; width:215px; height:70px; font-size:16px; box-sizing:border-box; border:1px solid #ddd;}
div.department ul.field_list > li:before {position:absolute; top:-5px; left:50%; transform:translateX(-50%); display:block; content:""; width:10px; height:10px; border-radius:50%; background:#ddd; z-index:1;}
div.department ul.field_list > li:after {position:absolute; top:-47px; left:50%; transform:translateX(-50%); display:block; content:""; width:1px; height:47px; background:#ddd;}
div.department ul.field_list > li:last-child {margin-right:0; border:1px solid #2460ce; background:#2460ce; color:#fff;}
div.department ul.field_list > li:last-child:before {background:#2460ce;}
div.department ul.field_list > li p {position:relative; display:table-cell; vertical-align:middle; line-height:140%;}
div.department ul.field_list > li:last-child p:before {position:absolute; top:14px; left:33px; display:block; content:""; width:4px; height:4px; border-radius:50%; background:#c4161c;}
div.department ul.field_list > li p span {font-size:14px;}

div.staff_info {margin-top:90px; }
div.organization table.normal_table tr td.left {padding-right:10px;}
div.organization table.normal_table tr td ul {}
div.organization table.normal_table tr td ul > li {padding-left:10px; background:url("../img/bu_dot.png") 0 12px no-repeat;}
div.organization table.normal_table tr td ul > li strong {font-weight:bold;}
div.organization table.normal_table tr td ul li.none {background:none;}

/* CI소개 */
div.ci:after {display:block;content:'';clear:both;}
div.ci div.btn_download {margin-bottom:30px;}
div.ci div.btn_download a.cidownload {display:inline-block; padding:0 25px; height:50px; line-height:50px; margin-right:10px; border:solid 1px #2460ce; text-decoration:none;}
div.ci div.btn_download a.cidownload:hover {color:#fff !important; background:#333; border:solid 1px #333;}
div.ci div.btn_download a.cidownload span {padding-left:10px; }
div.ci div.cont_layout01 p {margin:30px 0;}
div.ci div.cont_layout01 ul:after {display:block;content:'';clear:both;}
div.ci div.cont_layout01 ul li {float:left; width:445px; margin-left:19px; margin-top:19px;}
div.ci div.cont_layout01 ul li:nth-child(2n-1) {margin-left:0px;}
div.ci div.cont_layout02 p {margin-top:36px;}
div.ci div.cont_layout02 ul.color_box:after {display:block;content:'';clear:both;}
div.ci div.cont_layout02 ul.color_box li {float:left; width:220px;}
div.ci div.cont_layout02 ul.color_box li strong {display:inline-block; width:90px; height:90px; border-radius:50%; }
div.ci div.cont_layout02 ul.color_box li:first-child strong {background:#c5161d;}
div.ci div.cont_layout02 ul.color_box li:nth-child(2) strong {background:#3c363a;}
div.ci div.cont_layout02 ul.color_box li:last-child strong {background:#6d6e72;}
div.ci div.cont_layout02 ul.color_box li p {margin-top:20px; color:#333}
div.ci div.cont_layout02 ul.color_box li span {font-size:14px;}

/* 찾아오시는길 */
div.location {}
div.location > div.map {width:100%;height:510px; border:1px solid #ddd;}
div.location > div.cont_layout01 > ul {margin:25px 0 0 30px;}
div.location > div.cont_layout01 > ul > li {margin-bottom:10px; line-height:30px;}
div.location > div.cont_layout01 > ul > li:last-child {margin-bottom:0px;}
div.location > div.cont_layout01 > ul > li > span {display:inline-block; width:75px;}
div.location > div.cont_layout01 > ul > li > span i {margin-right:5px; width:30px; height:30px; line-height:30px; border-radius:50%; background:#ebebeb; text-align:center;}
div.location > div.cont_layout02 ul.transport {}
div.location > div.cont_layout02 ul.transport:after {content:""; display:block; clear:both; }
div.location > div.cont_layout02 ul.transport > li.departure {display:block; float:left; width:50%; line-height:170%; padding-left:0; font-weight:400; color:#333;}
div.location > div.cont_layout02 ul.transport > li.departure > ul {position:relative; margin-top:30px; font-weight:normal; font-size:14px; color:#666;}
div.location > div.cont_layout02 ul.transport > li.departure > ul:before {position:absolute; top:-15px; left:0; display:block; content:""; width:16px; height:1px; background:#c5161d;}
div.location div.btn_map {position:absolute; top:20px; right:0;}
div.location div.btn_map a {display:inline-block; margin-left:10px; width:180px; height:50px; line-height:50px; text-align:center; border:solid 1px #2460ce; text-decoration:none;}
div.location div.btn_map a:hover {color:#fff !important; background:#333; border:solid 1px #333;}
div.location div.btn_map a span {padding-left:10px; }

/*사업안내 */
div.business ul.infomation li {position:relative; margin-top:-12px; padding-left:10px; height:50px; line-height:50px;}
div.business ul.infomation li:before {position:absolute; top:22px; left:0; display:block; content:""; width:4px; height:4px; border-radius:50%; background:#2460ce;}
div.business ul.infomation li span {display:inline-block; width:73px; color:#333; font-weight:500;}
div.business > div.cont_layout05 table.normal_table.border tr th, table.normal_table.border tr td span {font-size:13px; color:#888;}
div.business span.ancillary {display:block; color:#999; font-size:12px;}
div.business > div.cont_layout04.top table {margin-top:25px;}

/*개인정보처리방침*/
div.privacybox {padding:30px !important; background-color:#efefef;}
div.privacybox p {margin-bottom:10px; }
div.privacybox p:last-child {margin-bottom:0;}
#content > #article div.privacy {color:#333;}
#content > #article div.privacy h5 {margin-top:30px; margin-bottom:20px; font-weight:500; font-size:16px;line-height:20px;color:#333;}
#content > #article div.privacy p {font-size:14px;}
#content > #article div.privacy p.jump {padding-left:20px; color:#666;}
#content > #article div.privacy p.jumpjump {padding-left:40px; color:#666;}

/* sitemap */
div.sitemap { width:100%; overflow:hidden; }
ul.sitemap {}
ul.sitemap > li { float:left; width:280px; height:375px; margin-right:34px; }
ul.sitemap > li:nth-child(3n) {margin-right:0px; }
ul.sitemap > li > a { display:block; height:55px; line-height:53px; border-top:2px solid #0062c3; border-bottom:1px solid #d2d2d2; font-size:18px; font-weight:500; text-align:center; color:#333; }
ul.sitemap > li > ul { padding:20px 0 0 10px; }
ul.sitemap > li > ul > li { line-height:22px; padding-left:8px; background:url("../img/bu_dot.png") 0 10px no-repeat;}
ul.sitemap > li > ul > li > a {color:#666666;}
ul.sitemap > li > ul > li > ul {padding:5px 0 10px; line-height:22px;}
ul.sitemap > li > ul > li > ul a {color:#777; font-size:14px; }

/* 레이어팝업 - 뉴스레터 */
#layer_popup {width:510px; height:450px;}
#layer_popup #layer_content p {width:350px; margin-top:10px; padding-left:50px; text-align:center; font-weight:bold; font-size:16px; color:#333;}
#layer_popup #layer_content form ul {height:90px; margin:30px 0 10px; padding-top:20px; border-top:2px solid #666; border-bottom:2px solid #666;}
#layer_popup #layer_content form ul li {padding-left:50px; padding-bottom:15px; font-size:16px; font-weight:bold; color:#555;}
#layer_popup #layer_content form ul li input {position:absolute; left:140px; }
#layer_popup #layer_content div.agree {font-size:14px;}
#layer_popup #layer_content div.btn_group {margin-top:40px; text-align:center; font-size:14px; }
#layer_popup #layer_content div.btn_group button.apply,
#layer_popup #layer_content div.btn_group a.apply {display:inline-block; width:90px; height:40px; line-height:40px; font-weight:bold; background-color:#0062c3; color:#fff;}
#layer_popup #layer_content div.btn_group button.cancel,
#layer_popup #layer_content div.btn_group a.cancel {display:inline-block; width:90px; height:40px; line-height:40px; font-weight:bold; background-color:#555; color:#fff;}

/* 하이테크타운 */
div.hightech p {margin-top:20px;}
#fade-hightech {position:relative;width:100%; height:700px; margin-top:0;overflow:hidden; *zoom:1; z-index:0;}
#fade-hightech > div.fade-visual {position:relative;top:50px;left:50%;width:2000px;height:500px;margin-left:-1000px; background-color:#ddd;}
#fade-hightech > div.fade-visual > ul > li:first-child { display:block; }
#fade-hightech > div.fade-visual > ul > li { display:none; height:800px; text-align:center; }
#fade-hightech > div.fade-visual > ul > li span { display:block; width:2000px; text-indent:-9999px; }
#fade-hightech > div.fade-visual > ul > li.bg1 {background:url("./img/img_hightech1.jpg") 50% 0 no-repeat;}
#fade-hightech > div.fade-visual > ul > li.bg2 {background:url("./img/img_hightech2.jpg") 50% 0 no-repeat;}
#fade-hightech > div.fade-visual > ul > li.bg3 {background:url("./img/img_hightech3.jpg") 50% 0 no-repeat;}
#fade-hightech > div.fade-visual > ul > li.bg4 {background:url("./img/img_hightech4.jpg") 50% 0 no-repeat;}
#fade-hightech > div.fade-visual > ul > li.bg5 {background:url("./img/img_hightech5.jpg") 50% 0 no-repeat;}

#fade-hightech > div.fade-visual:after { clear:both; display:block; content:""; }
#fade-hightech > div.fade-visual div.fade-button { position:absolute; top:550px; left:630px; z-index:200; width:100%; height:145px; margin-right:10px; float:left; }

#fade-hightech > div.fade-visual div.fade-button button {display:inline-block; width:146px; height:100px; border:0; opacity:0.5;}
#fade-hightech > div.fade-visual div.fade-button button.btn1 { background:url("./img/img_hightech1.jpg") 0 0 no-repeat; background-size:100%;}
#fade-hightech > div.fade-visual div.fade-button button.btn2 {background:url("./img/img_hightech2.jpg") 0 0 no-repeat; background-size:100%;}
#fade-hightech > div.fade-visual div.fade-button button.btn3 {background:url("./img/img_hightech3.jpg") 0 0 no-repeat; background-size:100%;}
#fade-hightech > div.fade-visual div.fade-button button.btn4 {background:url("./img/img_hightech4.jpg") 0 0 no-repeat; background-size:100%;}
#fade-hightech > div.fade-visual div.fade-button button.btn5 {background:url("./img/img_hightech5.jpg") 0 0 no-repeat; background-size:100%;}
#fade-hightech > div.fade-visual div.fade-button button.fade-on { opacity:1; }

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance:none;
    margin:0;
}

.mmb_login .popup {position:fixed; left:50%; top:50%; z-index:99999; width:800px; height:600px; margin:-300px 0 0 -400px; padding:70px 150px 0; box-sizing:border-box; background:white;}
.mmb_login .popup > button {position:absolute; right:0; top:-60px; width:70px; height:27px; padding-bottom:5px; text-align:left; color:white; background:url("../img/member/popClose.png") 100% 0 no-repeat;}
.mmb_login .popup > button::after {position:absolute; left:0; bottom:0; display:block; width:30px; height:1px; content:""; background:#d6d6d6;}
.mmb_login .popup p {padding-bottom:110px; font-family:"notoBold"; font-size:34px; text-align:center; background:url("../img/member/pwChange.png") 50% 60px / 108px no-repeat;}
.mmb_login .popup input {margin-bottom:10px;}
.mmb_login .popup ul {margin-bottom:10px; font-family:"notoDemiLight"; color:#888888;}
.mmb_login .popup div {position:relative;}
.mmb_login .popup div button:nth-child(1) {width:248px; height:50px; font-family:"notoDemiLight"; font-size:20px; background:#f3f6f9; border:1px solid #eaeff4;}
.mmb_login .popup div button:nth-child(2) {position:absolute; right:0; top:0; width:248px; height:50px; font-family:"notoMedium"; font-size:20px; color:white; background:#f8575f;}
.mmb_login.bgOn::after {position:fixed; left:0; top:0; z-index:9999; display:block; width:100%; height:100%; content:""; background:black; opacity:0.8;}

.mmb_class table.pc {width:100%; margin-bottom:35px; font-size:16px; border-top:1px solid #e5e9ed;}
.mmb_class table.pc caption {margin-bottom:20px; padding-left:35px; font-family:"notoMedium"; font-size:24px; text-align:left; visibility:visible; width:auto; height:auto; line-height:normal}
.mmb_class table.pc .title01 {background:url("./img/iconClass01.jpg") 2px 4px no-repeat;}
.mmb_class table.pc .title02 {background:url("./img/iconClass02.jpg") 2px 4px no-repeat;}
.mmb_class table.pc th {padding:15px 0; font-family:"notoMedium"; background:#eff3f7; border-left:1px solid #e5e9ed; border-bottom:1px solid #e5e9ed;}
.mmb_class table.pc td {padding:15px 0; text-align:center; border-left:1px solid #e5e9ed; border-bottom:1px solid #e5e9ed;}
.mmb_class table.pc th:first-child, .mmb_class table.pc td:first-child {border-left:none;}
.mmb_class table.mobile {display:none;}
.mmb_class .price {margin-top:50px; padding-top:30px; font-family:"notoMedium"; font-size:18px; text-align:right; border-top:1px solid #eaeff4;}
.mmb_class .price span {position:relative; top:-6px; display:inline-block; width:106px; height:34px; margin-right:5px; padding-top:2px; box-sizing:border-box; text-align:center; background:#eff3f7;
    -webkit-border-radius:17px; /*Safari, Chrome*/
    -moz-border-radius:17px; /*Firefox*/
    border-radius:17px;
}
.mmb_class .price em {font-family:"notoBold", sans-serif; font-size:32px;}

@media screen and (min-width:429px) {
    #cmm_sub h2 img {
        margin-bottom:20px;
        margin-right:10px;
    }
    #cmm_sub h2 span.member_title {
        font:normal normal medium Noto Sans CJK KR;
        font-size:36px;
        letter-spacing:-0.8px;
        padding-top:20px;
    }
}
#cmm_sub > div:first-child {
    margin-top:20px;
}
#cmm_sub div.my_page_title {
    background:transparent url('./img/icon_smile.png') 0 13px no-repeat padding-box;
    padding-left:48px;
    font:normal normal medium Noto Sans CJK KR;
    font-size:40px;
    letter-spacing:-1px;
    color:#000000;
}
.page_left {
    float:left;
    width:240px;
}
.page_right {
    float:left;
    width:900px;
    margin:0 0 0 20px;
}
.my_page_profile {
    width:220px;
    height:223px;
    border:1px solid #C4C4C4;
    margin:34px 0 10px 0;
    text-align:center;
}
.my_page_profile img {
    margin-top:30px;
}
.my_page_profile .box_refund {
    display:block;
    margin:15px auto 6px;
    background:#E8EBF8 0 0 no-repeat padding-box;
    border-radius:4px;
    padding:7px 2px 9px 2px;
    width:100px;
    font-size:14px;
    color:#2342B5;
}
.my_page_profile .text_profile {
    font:normal normal medium Noto Sans CJK KR;
    font-size:16px;
    letter-spacing:-0.48px;
    color:#000000;
}
#cmm_sub div.my_page_menu {
    margin-top:4px;
    width:220px;
    font:normal normal bold 18px/60px Noto Sans CJK KR;
    letter-spacing:-0.45px;
    color:#000000;
}
.my_page_menu p {
    padding:6px 20px 8px 20px;
}
.my_page_menu p.main_menu {
    padding:4px 20px 0 20px;
}
.my_page_menu p.sub_menu, .my_page_menu p.sub_menu a {
    font:normal normal medium Noto Sans CJK KR;
    font-size:16px;
    letter-spacing:-0.4px;
    color:#848484;
}
.my_page_menu p.active_menu, .my_page_menu p.active_menu a {
    background:#E8EBF8 0 0 no-repeat padding-box;
    border-radius:4px;
    color:#2342B5;
}
.my_page_menu p.menu_line {
    height:20px;
    border-bottom:1px solid #C4C4C4;
}
#cmm_sub .page_right h2 {
    font:normal normal medium Noto Sans CJK KR;
    font-size:24px;
    letter-spacing:-0.6px;
    color:#000000;
    text-align:left;
    margin-bottom:0;
}
#cmm_sub .page_right h2 span {
    font:normal normal normal 16px/68px Noto Sans CJK KR;
    letter-spacing:-0.48px;
    padding:0 0 0 10px;
}
#cmm_sub .page_right h3, .mmb_mypage h3 {
    font:normal normal normal 24px/60px Noto Sans CJK KR;
    letter-spacing:-0.6px;
    color:#000000;
    margin-bottom:0;
    text-align:left;
}
.my_page table {
    font:normal normal normal 16px/65px Noto Sans CJK KR;
    font-weight:bold;
    letter-spacing:-0.4px;
    border-top:1px solid #000000;
}
.my_page table tr {
    border-bottom:1px solid #C4C4C4;
}
.my_page table th {
    width:142px;
    height:60px;
    background:#F9F9F9 0 0 no-repeat padding-box;
    text-align:left;
    padding-left:20px;
    vertical-align:middle;
}
.my_page table tr th.required {
background:url("/common/img/ico_required.png") 9px 50% no-repeat #F9F9F9;
}
.my_page table td {
    padding-left:20px;
}
.my_page table td span {
    font-weight:normal;
    font-size:15px;
}
.my_page input[type="password"].input_box, .my_page input[type="text"].input_box, .my_page input[type="number"].input_box {
    border: 1px solid #DDDDDD;
    padding:0 20px;
    width:200px; height:45px; margin:0 6px 0 0;font-size:15px;background:#ffffff;
}
.my_page .address input[type="button"].btn_find_zip {
    height:45px;
    font-size:15px;
    color:white;
    background-color:black;
    padding:0 10px;
}
.my_page .address div.zip_div {
    float:left;
}
#cmm_sub div.submit_wrap {
    margin-top:60px;
}
.my_page .submit_wrap input[type="button"] {
    border:1px solid #C4C4C4;
    border-radius:4px;
    color:#848484;
}
.my_page .submit_wrap input[type="button"].btn_cancel {
    background:#FFFFFF;
    font:normal normal normal 16px/16px Noto Sans CJK KR;
    letter-spacing:-0.4px;
    color:#848484;
}
.my_page .submit_wrap input[type="submit"].btn_submit {
    background:#2342B5;
    font:normal normal normal 16px/16px Noto Sans CJK KR;
    letter-spacing:-0.4px;
    color:white;
}