@charset "UTF-8";

@font-face {
    font-family: 'NanumBarunGothic';
    src:url(/_font/s/NanumBarunGothicWeb.eot);
    src:url(/_font/s/NanumBarunGothicWeb.eot?#iefix) format('embedded-opentype'),
        url(/_font/s/NanumBarunGothicWeb.woff) format('woff'),
        url(/_font/s/NanumBarunGothicWeb.ttf) format('truetype');
}

/* 스킨 수정 */
div.jwxe_board table.type_board thead th{border-top:2px solid #333 !important;}
div.jwxe_board div.board_view div.board_title{border-top:2px solid #333 !important;}
div.jwxe_board div.board_search{margin-top:30px;}
div.jwxe_board ul.gallery_list li div.ratio_box a span.title{height:50px !important; line-height:50px !important; background-color:rgba(0,0,0,0.7) !important; font-size:18px !important; opacity:1 !important; filter:alpha(opacity=100) !important;}

/* Default Setting */
html, body{height:100%;}
html, body, h1, h2, h3, h4, h5, h6, p, dt, dd, dl, ul, li, span, div, table, td, input, fieldset, textarea, select, a, img{font-family:'NanumBarunGothic','Malgun Gothic',Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif; padding:0; margin:0;}
body{font-size:14px; color:#333; overflow-y:auto;}
li{list-style:none;}
img{vertical-align:top; border:none;}
a{color:#333; text-decoration:none;}
table{border-collapse:collapse;}
.hidden{width:0; height:0; overflow:hidden; font-size:0;}
.mobile{display:none;}

#wrap{height:100%;}

header{
    width:100%; 
    border-bottom:1px solid rgba(255,255,255,0.3);
    position:fixed; 
    top:0; 
    left:0; 
    z-index:99;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    -ms-transition:all 0.5s;
    transition:all 0.5s;
}
header > div{width:100%; max-width:1200px; height:105px; margin:0 auto; position:relative; box-sizing:border-box;}
header > div h1{padding-top:36px;}
header > div h1 a{display:block; width:211px; height:35px; background:url(/_res/well/img/logo.png) no-repeat 0 0; text-indent:-9999px;}
header > div a.gnb_handle{
    position:absolute;
    top:20px;
    right:20px;
    width:40px; 
    height:40px;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
header > div a.gnb_handle span{
    display:block;
    width:40px;
    height:4px;
    background-color:#fff;
    position:absolute;
    top:50%;
    left:0;
    margin-top:-2.5px;
    text-indent:-9999px;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
header > div a.gnb_handle:before{
    display:block; 
    content:""; 
    width:40px; 
    height:4px; 
    background-color:#fff; 
    position:absolute; 
    top:0; 
    left:0;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
header > div a.gnb_handle:after{
    display:block; 
    content:""; 
    width:40px; 
    height:4px; 
    background-color:#fff; 
    position:absolute; 
    bottom:0; 
    left:0;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
header > div a.gnb_handle.active span{opacity:0;}
header > div a.gnb_handle.active:before{
    top:18px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
}
header > div a.gnb_handle.active:after{
    bottom:18px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
header > div nav{
    position:absolute; 
    top:50px; 
    right:0;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
header > div nav > ul > li{float:left; padding:0 20px; background:url(/_res/well/img/bg_gnb_bullet.png) no-repeat 0 8px; position:relative;}
header > div nav > ul > li:first-child{background:none;}
header > div nav > ul > li > a{font-size:18px; color:#fff;}
header > div nav > ul > li.active > a{color:#2d9dc4;}
header > div nav > ul > li > ul{display:none; width:180px; position:absolute; top:56px; left:50%; margin-left:-90px;}
header > div nav > ul > li > ul li{opacity:0; filter:alpha(opacity=0); position:relative; top:-10px;}
header > div nav > ul > li > ul li a{
    display:block; 
    height:50px; 
    padding:0 20px; 
    line-height:50px; 
    font-size:17px; 
    color:#fff; 
    border-top:1px solid #465651; 
    background-color:#232b29;
    box-sizing:border-box;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
header > div nav > ul > li > ul li:first-child a{border-top:none;}
header > div nav > ul > li > ul li a:hover, header > div nav > ul > li > ul li a:focus{background-color:#2d9dc4; border:1px solid #fff;}

header.white{background-color:#fff; border-bottom:1px solid #ddd;}
header.white > div h1 a{background:url(/_res/well/img/logo.png) no-repeat 0 -35px;}
header.white > div nav > ul > li{background:url(/_res/well/img/bg_gnb_bullet_black.png) no-repeat 0 8px;}
header.white > div nav > ul > li:first-child{background:none;}
header.white > div nav > ul > li > a{color:#000;}
header.white > div nav > ul > li.active > a{color:#2d9dc4;}
header.white > div a.gnb_handle span{background-color:#000;}
header.white > div a.gnb_handle:before{background-color:#000;}
header.white > div a.gnb_handle:after{background-color:#000;}

header.white.active{background-color:transparent; border-bottom:none;}
header.white.active > div a.gnb_handle span{background-color:#fff;}
header.white.active > div a.gnb_handle:before{background-color:#fff;}
header.white.active > div a.gnb_handle:after{background-color:#fff;}

#quick_wrap{width:100%; background-color:#242424; border-top:1px solid #444;}
#qnb{width:100%; max-width:1200px; margin:0 auto;}
#qnb > ul{height:50px; border-left:1px solid #444; border-right:1px solid #444;}
#qnb > ul > li{width:25%; float:left; position:relative; background:url(/_res/counsel/img/bg_qnb_arrow.png) no-repeat 95% 50%;}
#qnb > ul > li > a{display:block; height:50px; line-height:52px; padding-left:25px; font-size:16px; color:#9e9e9e; border-left:1px solid #444;}
#qnb > ul > li:first-child > a{border-left:none;}
#qnb > ul > li > ul{display:none; width:100%; height:400px; overflow-y:auto; position:absolute; bottom:50px; left:0; z-index:2; border:1px solid #444;}
#qnb > ul > li.type_04 > ul{height:160px;}
#qnb > ul > li.active{background:url(/_res/counsel/img/bg_qnb_arrow_on.png) no-repeat 95% 50%;}
#qnb > ul > li.active > ul{display:block;}
#qnb > ul > li > ul > li > a{display:block; height:40px; line-height:40px; padding:0 20px; font-size:16px; color:#9e9e9e; background-color:#242424;}
#qnb > ul > li > ul > li > a:hover, #qnb > ul > li > ul > li > a:focus{background-color:#3c3c3c; color:#fff;}

#sub_visual_wrap{width:100%; margin-top:106px;}
#sub_visual_wrap > div{height:299px; text-align:center;}
#sub_visual_wrap > div h2{padding:70px 0 15px 0; font-size:48px; color:#fff; letter-spacing:10px;}
#sub_visual_wrap > div p{font-size:27px; color:#fff; text-transform:uppercase;}
#sub_visual_wrap div.visual_01{background:url(/_res/well/img/bg_sub_visual_01.jpg) no-repeat 50% 50%;}
#sub_visual_wrap div.visual_02{background:url(/_res/well/img/bg_sub_visual_01.jpg) no-repeat 50% 50%;}
#sub_visual_wrap div.visual_03{background:url(/_res/well/img/bg_sub_visual_01.jpg) no-repeat 50% 50%;}

#snb_wrap{background:rgba(0,0,0,0.3); margin-top:-65px; border-top:1px solid rgba(255,255,255,0.4);}
#snb_wrap h3{display:none; background:rgba(0,0,0,0.3); margin-top:-50px; border-top:1px solid rgba(255,255,255,0.4); position:relative;}
#snb_wrap h3 a{display:block; height:50px; line-height:50px; font-size:18px; font-weight:normal; color:#fff; text-align:center;}
#snb_wrap h3 div.arrow{width:20px; height:20px; margin-top:-10px; position:absolute; top:50%; right:15px;}
#snb_wrap h3 div.arrow span{
    display:block; 
    width:12px;
    height:1px; 
    background-color:#fff;
    position:absolute;
    top:10px;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
#snb_wrap h3 div.arrow span.left{
    left:0;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
}
#snb_wrap h3 div.arrow span.right{
    right:0;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
#snb_wrap.active h3 div.arrow span.left{
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
#snb_wrap.active h3 div.arrow span.right{
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
}
#snb_wrap ul{width:100%; max-width:1200px; margin:0 auto; display:table; table-layout:fixed;}
#snb_wrap ul li{display:table-cell; border-right:1px solid #fff;}
#snb_wrap ul li:first-child{border-left:1px solid #fff;}
#snb_wrap ul li a{display:block; width:100%; height:65px; line-height:65px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:18px; color:#fff; text-align:center;}
#snb_wrap ul li.active a{background:#f4f4f4; color:#000;}

#sub_contents{padding:60px 0; background-color:#f4f4f4;}
#sub_contents div#title_wrap{width:100%; max-width:1200px; margin:0 auto 50px auto;}
#sub_contents div#title_wrap h3{padding-bottom:15px; font-size:40px; font-weight:normal; color:#000; text-align:center;}
#sub_contents div#title_wrap div.path{text-align:center;}
#sub_contents div#title_wrap div.path ul{font-size:0;}
#sub_contents div#title_wrap div.path ul li{display:inline-block; font-size:16px; color:#5e5e5e;}
#sub_contents div#title_wrap div.path ul li:before{display:inline-block; content:"/"; margin:0 8px;}
#sub_contents div#title_wrap div.path ul li:first-child:before{display:none;}

footer{background-color:#282b32;}
#footer{width:100%; max-width:1080px; margin:0 auto; padding:30px 0;}
#footer > address{font-style:normal; text-align:center;}
#footer > address span{display:block; font-size:14px; color:#909090; padding-right:10px;}
#footer > address span:first-child{padding-bottom:5px;}
#gnb_dummy{width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(0,0,0,0.8); z-index:98; display:none;}
#gnb_dummy.active{display:block;}

#main_visual_dummy{width:100%; height:100%; position:relative; overflow:hidden;}
#main_visual_dummy div.dummy_gradient{
    width:100%; 
    height:100%; 
    position:absolute;
    top:0;
    left:0;
    background:-moz-linear-gradient(left, rgba(64,236,210,0.85) 0%, rgba(28,119,224,0.85) 100%); /* FF3.6-15 */
    background:-webkit-linear-gradient(left, rgba(64,236,210,0.85) 0%,rgba(28,119,224,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
    background:linear-gradient(to right, rgba(64,236,210,0.85) 0%,rgba(28,119,224,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#d940ecd2', endColorstr='#d91c77e0',GradientType=1 ); /* IE6-9 */
    -webkit-transition:all 3s;
    -moz-transition:all 3s;
    -o-transition:all 3s;
    -ms-transition:all 3s;
    transition:all 3s;
}
#main_visual_dummy div.dummy_gradient.hidden{opacity:0; filter:alpha(opacity=0);}
#main_visual_dummy div.dummy_black{
    opacity:0;
    filter:alpha(opacity=0); 
    width:100%; 
    height:100%; 
    position:absolute;
    top:0;
    left:0;
    background:rgba(0,0,0,0.8);
    -webkit-transition:all 3s;
    -moz-transition:all 3s;
    -o-transition:all 3s;
    -ms-transition:all 3s;
    transition:all 3s;
}
#main_visual_dummy div.dummy_black.active{opacity:1; filter:alpha(opacity=100);}
#main_visual_dummy video{
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    /* 
    background-size:100% 100%;
    background-color:black; 
    background-image:;
    background-position:center center;
    background-size:contain;
    in case the video doesn't fit the whole page
    */
    object-fit:cover; /*cover video background */
    z-index:-1;
}
#main_visual_dummy div.scroll{width:140px; padding-top:60px; position:absolute; bottom:80px; left:50%; margin-left:-70px; text-align:center;}
#main_visual_dummy div.scroll span.icon{display:block; width:35px; height:37px; background:url(/_res/well/img/bg_main_visual_scroll.png) no-repeat 50% 0; position:absolute; top:20px; left:50%; margin-left:-17px;}
#main_visual_dummy div.scroll span.text{display:block; padding-top:25px; font-size:16px; color:#fff;}

#main_visual{width:100%; height:100%; position:absolute; top:0; left:0; z-index:2;}
#main_visual > div{width:448px; position:absolute; top:50%; left:50%; margin:-110px 0 0 -224px;}
#main_visual > div span.icon{display:block; width:108px; height:65px; position:absolute; top:0; right:30px; background:url(/_res/well/img/img_main_visual_icon.png) no-repeat 0 0;}
#main_visual > div h2{padding-top:60px;}
#main_visual > div h2 span{display:block; text-align:center;}
#main_visual > div h2 span.animate_1{padding-bottom:25px;}

div.main_quick ul{width:100%; display:table; table-layout:fixed;}
div.main_quick ul li{display:table-cell; position:relative; vertical-align:top;}
div.main_quick ul li div{width:100%; height:0; padding-bottom:71.62%; overflow:hidden; position:relative;}
div.main_quick ul li div a{display:block; padding-top:27%; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; box-sizing:border-box;}
div.main_quick ul li div a:after{
    display:block; 
    width:100%; 
    height:100%; 
    content:""; 
    position:absolute; 
    top:0; 
    left:0;
    z-index:1;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
div.main_quick ul li.active div a:after{transform:scale(1.2);}
div.main_quick ul li div a:before{
    display:block; 
    content:""; 
    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%;
    opacity:0;
    z-index:2;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
div.main_quick ul li.active div a:before{
    opacity:0.5;
    background:rgb(64,236,210); /* Old browsers */
    background:-moz-linear-gradient(left, rgba(64,236,210,1) 0%, rgba(28,119,224,1) 100%); /* FF3.6-15 */
    background:-webkit-linear-gradient(left, rgba(64,236,210,1) 0%,rgba(28,119,224,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background:linear-gradient(to right, rgba(64,236,210,1) 0%,rgba(28,119,224,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#40ecd2', endColorstr='#1c77e0',GradientType=1 ); /* IE6-9 */
}
div.main_quick ul li div a strong{display:block; padding-bottom:10px; font-size:36px; font-weight:normal; color:#fff; position:relative; z-index:2;}
div.main_quick ul li div a strong:before{display:block; content:""; width:20px; height:3px; background-color:#fff; margin:0 auto 25px auto;}
div.main_quick ul li div a span{font-size:19px; color:#fff; text-transform:uppercase; position:relative; z-index:2;}
div.main_quick ul li.type_1 div a:after{background:url(/_res/well/img/bg_main_quick_01.jpg) no-repeat 50% 50%; background-size:cover;}
div.main_quick ul li.type_2 div a:after{background:url(/_res/well/img/bg_main_quick_02.jpg) no-repeat 50% 50%; background-size:cover;}
div.main_quick ul li.type_3 div a:after{background:url(/_res/well/img/bg_main_quick_03.jpg) no-repeat 50% 50%; background-size:cover;}

div.main_education{width:100%; max-width:1200px; margin:0 auto; padding:90px 0 180px 0; position:relative; box-sizing:border-box;}
div.main_education h3{margin-bottom:80px; text-align:center; font-weight:normal;}
div.main_education h3 strong{display:block; padding-bottom:10px; font-size:36px; font-weight:normal; color:#000;}
div.main_education h3 strong:before{display:block; content:""; width:20px; height:3px; background-color:#000; margin:0 auto 25px auto;}
div.main_education h3 span{font-size:19px; color:#000; text-transform:uppercase;}
div.main_education div.education_slide{width:1100px; margin:0 auto; padding:0; position:relative; box-sizing:border-box;}
div.main_education div.education_slide ul li.type_1{background:url(/_res/well/img/bg_education_icon_01.png) no-repeat 50% 50%; background-size:cover;}
div.main_education div.education_slide ul li.type_2{background:url(/_res/well/img/bg_education_icon_02.png) no-repeat 50% 50%; background-size:cover;}
div.main_education div.education_slide ul li.type_3{background:url(/_res/well/img/bg_education_icon_03.png) no-repeat 50% 50%; background-size:cover;}
div.main_education div.education_slide ul li.type_4{background:url(/_res/well/img/bg_education_icon_04.png) no-repeat 50% 50%; background-size:cover;}
div.main_education div.education_slide ul li.type_5{background:url(/_res/well/img/bg_education_icon_05.png) no-repeat 50% 50%; background-size:cover;}
div.main_education div.education_slide ul li.type_6{background:url(/_res/well/img/bg_education_icon_06.png) no-repeat 50% 50%; background-size:cover;}
div.main_education div.education_slide ul li div{width:100%; height:0; padding-bottom:100%; overflow:hidden; position:relative;}
div.main_education div.education_slide ul li div a{display:block; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:235px; overflow:hidden;}
div.main_education div.education_slide ul li div a span{
    display:block; 
    width:100%; 
    height:75px; 
    line-height:60px; 
    font-size:20px; 
    color:#fff; 
    text-align:center; 
    position:absolute; 
    bottom:0; 
    left:0; 
    background-color:rgba(0,0,0,0.6);
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
div.main_education div.education_slide ul li div a:hover span, div.main_education div.education_slide ul li div a:focus span{height:100%; line-height:235px;}
div.main_education div.education_slide div.bx-controls-direction a{
    display:block;
    margin-top:-42.5px;
    width:45px;
    height:85px;
    position:absolute; 
    top:50%; 
    text-indent:-9999px;
    background-image:url(/_res/well/img/bg_education_control.png); 
    background-repeat:no-repeat;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
div.main_education div.education_slide div.bx-controls-direction a.bx-prev{left:-100px; background-position:0 0;}
div.main_education div.education_slide div.bx-controls-direction a.bx-next{right:-100px; background-position:-45px 0;}
div.main_education div.education_slide div.bx-controls-direction a.bx-prev:hover,
div.main_education div.education_slide div.bx-controls-direction a.bx-prev:focus{background-position:0 -85px;}
div.main_education div.education_slide div.bx-controls-direction a.bx-next:hover,
div.main_education div.education_slide div.bx-controls-direction a.bx-next:focus{background-position:-45px -85px;}
div.main_education div.education_slide div.bx-pager{width:100%; position:absolute; bottom:-90px; left:0; text-align:center;}
div.main_education div.education_slide div.bx-pager div.bx-pager-item{display:inline-block; margin:0 5px;}
div.main_education div.education_slide div.bx-pager div.bx-pager-item a{
    display:block; 
    width:30px; 
    height:30px;
    border-radius:30px;
    border:1px solid #fff;
    text-indent:-9999px;
    text-align:center;
    position:relative;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
div.main_education div.education_slide div.bx-pager div.bx-pager-item a:after{display:block; content:""; width:10px; height:10px; border-radius:10px; background-color:#818181; position:absolute; top:10px; left:10px;}
div.main_education div.education_slide div.bx-pager div.bx-pager-item a:hover,
div.main_education div.education_slide div.bx-pager div.bx-pager-item a:focus{border:1px solid #20b3a4;}
div.main_education div.education_slide div.bx-pager div.bx-pager-item a:hover:after,
div.main_education div.education_slide div.bx-pager div.bx-pager-item a:focus:after{background-color:#20b3a4;}
div.main_education div.education_slide div.bx-pager div.bx-pager-item a.active{border:1px solid #818181;}

div.main_bottom ul{width:100%; display:table; table-layout:fixed;}
div.main_bottom ul li{display:table-cell; position:relative;}
div.main_bottom ul li div{width:100%; height:0; padding-bottom:50%; overflow:hidden; position:relative;}
div.main_bottom ul li div a{display:block; padding-top:20%; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; box-sizing:border-box; z-index:2;}
div.main_bottom ul li div a:after{
    display:block; 
    width:100%; 
    height:100%; 
    content:""; 
    position:absolute; 
    top:0; 
    left:0;
    z-index:1;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
div.main_bottom ul li.active div a:after{transform:scale(1.2);}
div.main_bottom ul li div a:before{
    display:block; 
    content:""; 
    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%;
    opacity:0;
    z-index:2;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
div.main_bottom ul li.active div a:before{
    opacity:0.5;
    background:rgb(64,236,210); /* Old browsers */
    background:-moz-linear-gradient(left, rgba(64,236,210,1) 0%, rgba(28,119,224,1) 100%); /* FF3.6-15 */
    background:-webkit-linear-gradient(left, rgba(64,236,210,1) 0%,rgba(28,119,224,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background:linear-gradient(to right, rgba(64,236,210,1) 0%,rgba(28,119,224,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#40ecd2', endColorstr='#1c77e0',GradientType=1 ); /* IE6-9 */
}
div.main_bottom ul li div a strong{display:block; padding-bottom:10px; font-size:36px; font-weight:normal; color:#fff; position:relative; z-index:2;}
div.main_bottom ul li div a strong:before{display:block; content:""; width:20px; height:3px; background-color:#fff; margin:0 auto 25px auto;}
div.main_bottom ul li div a span{font-size:19px; color:#fff; text-transform:uppercase; position:relative; z-index:2;}
div.main_bottom ul li.type_1 a:after{background:url(/_res/well/img/bg_main_bottom_01.jpg) no-repeat 50% 50%; background-size:cover;}
div.main_bottom ul li.type_2 a:after{background:url(/_res/well/img/bg_main_bottom_02.jpg) no-repeat 50% 50%; background-size:cover;}
div.main_board{width:100%; max-width:1200px; padding:90px 0; margin:0 auto; overflow:hidden; box-sizing:border-box;}
div.main_board ul.ui_tab{display:none; overflow:hidden; padding-right:40px; box-sizing:border-box;}
div.main_board ul.ui_tab li{width:50%; float:left;}
div.main_board ul.ui_tab li a{display:block; height:40px; line-height:40px; padding:0 15px; font-size:14px; text-align:center; border:1px solid #333; box-sizing:border-box;}
div.main_board ul.ui_tab li.active a{background-color:#333; color:#fff;}
div.main_board ul.ui_tab li:first-child a{border-right:none;}
div.main_board > div{width:360px; float:left; margin-right:60px; position:relative; overflow:hidden;}
div.main_board > div h3{float:left; font-size:24px; color:#000;}
div.main_board > div.recent_board h3:after{display:block; height:4px; margin-top:20px; content:""; background-color:#000;}
div.main_board > div.recent_board div.board{padding-top:25px; border-top:1px solid #e1e1e1; clear:both;}
div.main_board > div.recent_board a.more{width:40px; height:40px; position:absolute; top:0; right:0;}
div.main_board > div.recent_board a.more span{display:block; width:17px; height:40px; margin:0 auto; text-indent:-9999px; background:url(/_res/well/img/bg_main_board_more.png) no-repeat 50% 50%;}
div.main_board > div.recent_board div.board ul li{padding-left:20px; margin-top:15px; background:url(/_res/well/img/bg_main_board_bullet.png) no-repeat 0 5px;}
div.main_board > div.recent_board div.board ul li:first-child{margin-top:0;}
div.main_board > div.recent_board div.board ul li a span.subject{display:block; width:100%; font-size:20px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
div.main_board > div.recent_board div.board ul li a span.date{display:block; margin-top:7px; font-size:18px; color:#666;}
/*div.main_board > div.recent_board div.board ul li:last-child{display:none;}*/
div.main_board > div.recent_gallery{margin-right:0;}
div.main_board > div.recent_gallery h3{padding-bottom:20px;}
div.main_board > div.recent_gallery div.board{clear:both;}
div.main_board > div.recent_gallery div.board ul.gallery_slide li a{display:block; width:100%; height:280px; border:1px solid #ddd; overflow:hidden; box-sizing:border-box; background-position:50% 50%; background-size:cover; position:relative;}
div.main_board > div.recent_gallery div.board ul.gallery_slide li a div.info{width:100%; position:absolute; left:0; bottom:0; background-color:rgba(0,0,0,0.7); padding:15px; box-sizing:border-box;}
div.main_board > div.recent_gallery div.board ul.gallery_slide li a div.info span{display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
div.main_board > div.recent_gallery div.board ul.gallery_slide li a div.info span.title{font-size:18px; color:#fff;}
div.main_board > div.recent_gallery div.board ul.gallery_slide li a div.info span.date{padding-top:7px; font-size:16px; color:#d3d3d3;}
div.main_board > div.recent_gallery div.bx-controls{display:none;}
div.main_board > div.recent_gallery div.control{position:absolute; top:0; right:0; overflow:hidden;}
div.main_board > div.recent_gallery div.control > a{display:block; width:30px; height:30px; background-color:#000; opacity:0.5; filter:alpha(opacity=50); float:left; text-align:center; margin-left:1px;}
div.main_board > div.recent_gallery div.control > a span{display:inline-block; width:17px; height:30px; text-indent:-9999px; background-image:url(/_res/sch/img/bg_main_gallery_control.png); background-repeat:no-repeat;}
div.main_board > div.recent_gallery div.control > a.prev span{background-position:0 50%;}
div.main_board > div.recent_gallery div.control > a.next span{background-position:-17px 50%;}
div.main_board > div.recent_gallery div.control > a.status.stop span{background-position:-34px 50%;}
div.main_board > div.recent_gallery div.control > a.status.play span{background-position:-51px 50%;}

/* 서브 공통 디자인 */
#contents_wrap, #board_wrap{width:100%; max-width:1200px; margin:0 auto; overflow:hidden;}

h4.title{margin-bottom:35px; font-size:26px; font-weight:normal;}
h4.title:before{display:inline-block; content:""; width:8px; height:26px; margin-right:12px; background-color:#00aae5; vertical-align:top;}

a.btn_link{
    display:inline-block; 
    height:50px; 
    line-height:50px;
    border-radius:50px; 
    padding:0 55px 0 35px;
    font-size:16px; 
    color:#062b38; 
    background-color:#daf0f8;
    position:relative;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
a.btn_link:after{display:block; width:9px; height:15px; content:""; position:absolute; top:17px; right:35px; background:url(/_res/well/img/bg_link_arrow.png) no-repeat 50% 50%;}

table.type_horizontal{width:100%; table-layout:fixed; border-top:2px solid #444;}
table.type_horizontal thead tr th{padding:15px; font-size:16px; border:1px solid #d4d4d4; font-weight:normal; text-align:center; background-color:#f8f8f8;}
table.type_horizontal thead tr th:first-child{border-left:none;}
table.type_horizontal thead tr th:last-child{border-right:none;}
table.type_horizontal tfoot tr th{padding:15px; font-size:16px; color:#000; border:1px solid #d4d4d4; font-weight:normal; text-align:center; background-color:#f8f8f8;}
table.type_horizontal tfoot tr th:first-child{border-left:none;}
table.type_horizontal tfoot tr th:last-child, table.type_horizontal tfoot tr td:last-child{border-right:none;}
table.type_horizontal tfoot tr td{padding:15px; font-size:16px; color:#000; border:1px solid #d4d4d4; text-align:center;}
table.type_horizontal tbody tr td{padding:15px; font-size:16px; color:#666; line-height:160%; border:1px solid #d4d4d4; text-align:center; word-break:keep-all;}
table.type_horizontal tbody tr th{padding:15px; font-size:16px; border:1px solid #d4d4d4; font-weight:normal; background-color:#f8f8f8;}
table.type_horizontal tbody tr td:first-child, table.type_horizontal tbody tr th:first-child{border-left:none;}
table.type_horizontal tbody tr td:last-child, table.type_horizontal tbody tr th:last-child{border-right:none;}
table.type_horizontal tbody tr td.al_left{text-align:left;}

table.type_horizontal2{width:100%; table-layout:fixed; border-top:2px solid #444;}
table.type_horizontal2 thead tr th{padding:15px; font-size:17px; color:#333; border:1px solid #444; text-align:center; background-color:#fff;}
table.type_horizontal2 thead tr th:first-child{border-left:none;}
table.type_horizontal2 thead tr th:last-child{border-right:none;}
table.type_horizontal2 tbody tr td{padding:15px; font-size:17px; color:#333; line-height:160%; border:1px solid #d4d4d4; text-align:center; word-break:keep-all;}
table.type_horizontal2 tbody tr td:first-child, table.type_horizontal tbody tr th:first-child{border-left:none;}
table.type_horizontal2 tbody tr td:last-child, table.type_horizontal tbody tr th:last-child{border-right:none;}
table.type_horizontal2 tbody tr td.al_left{text-align:left;}

ul.list_dot li{margin-top:5px; padding-left:8px; font-size:17px; line-height:140%; background:url(/_res/well/img/bg_list_dot.png) no-repeat 0 9px;}
ul.list_dot li:first-child{margin-top:0;}
ul.list_dash li{margin-top:5px; padding-left:12px; font-size:17px; line-height:140%; background:url(/_res/well/img/bg_list_dash_black.png) no-repeat 0 12px;}
ul.list_dash li:first-child{margin-top:0;}

/* 학부소개 */
#sub_01_01 div.section{margin-top:80px;}
#sub_01_01 div.section:first-child{margin-top:0;}
#sub_01_01 ul{overflow:hidden;}
#sub_01_01 ul li{width:396px; padding:80px 0; float:left; margin-left:6px; background-color:#fff;}
#sub_01_01 ul li:first-child{margin-left:0;}
#sub_01_01 ul li span{display:block; font-size:23px; text-align:center;}
#sub_01_01 ul li span.icon{width:100px; height:100px; margin:0 auto; background-image:url(/_res/well/img/bg_intro_01.png); background-repeat:no-repeat;}
#sub_01_01 ul.type_01 li.type_01 span.icon{background-position:0 0;}
#sub_01_01 ul.type_01 li.type_02 span.icon{background-position:-100px 0;}
#sub_01_01 ul.type_01 li.type_03 span.icon{background-position:-200px 0;}
#sub_01_01 ul.type_02 li.type_01 span.icon{background-position:-300px 0;}
#sub_01_01 ul.type_02 li.type_02 span.icon{background-position:-400px 0;}
#sub_01_01 ul.type_02 li.type_03 span.icon{background-position:-500px 0;}
#sub_01_01 ul li span.black{color:#000; margin-top:40px;}
#sub_01_01 ul li span.blue{color:#2d9dc4; margin-top:12px;}

#sub_01_02 ul{border:1px solid #00aae5;}
#sub_01_02 ul > li > a{
    display:block; 
    height:65px; 
    line-height:65px; 
    padding:0 50px; 
    font-size:23px; 
    color:#00aae5; 
    border-top:1px solid #00aae5; 
    background-color:#fff; 
    position:relative;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
} 
#sub_01_02 ul > li:first-child > a{border-top:none;}
#sub_01_02 ul > li.active > a{color:#fff; background-color:#00aae5;}
#sub_01_02 ul > li > a:before{display:inline-block; content:"Q."; padding-right:5px; font-size:23px; color:#00aae5;}
#sub_01_02 ul > li.active > a:before{color:#fff;}
#sub_01_02 ul > li > a:after{display:block; content:""; width:13px; height:11px; background:url(/_res/well/img/bg_intro_02.png) no-repeat 50% -11px; position:absolute; top:27px; right:40px;}
#sub_01_02 ul > li.active > a:after{background:url(/_res/well/img/bg_intro_02.png) no-repeat 50% 0;}
#sub_01_02 ul > li > div{
    max-height:0; 
    padding:0 50px; 
    background-color:#fff;
    position:relative;
    overflow:hidden; 
    box-sizing:border-box;
    -webkit-transition:all 0.2s;
    -moz-transition:all 0.2s;
    -o-transition:all 0.2s;
    -ms-transition:all 0.2s;
    transition:all 0.2s;
}
#sub_01_02 ul > li.active > div{max-height:1000px; padding:40px 50px;}
#sub_01_02 ul > li > div:before{display:inline-block; content:"A."; font-size:19px; color:#2a2a2a; position:absolute; top:46px; left:50px;}
#sub_01_02 ul > li > div p{font-size:19px; color:#2a2a2a; line-height:180%; padding-left:25px;}
#sub_01_02 ul > li > div table.type_horizontal{margin:20px 0 0 0;}
#sub_01_02 ul > li > div a.btn_link{margin:20px 0 0 25px;}

#sub_01_03 ul.professor_list{overflow:hidden;}
#sub_01_03 ul.professor_list > li{width:396px; margin-left:6px; float:left; position:relative;}
#sub_01_03 ul.professor_list > li:first-child{margin-left:0;}
#sub_01_03 ul.professor_list > li div.info{padding:35px 0; background-color:#fff; text-align:center;}
#sub_01_03 ul.professor_list > li div.info span{display:block;}
#sub_01_03 ul.professor_list > li div.info span.photo{width:240px; height:240px; margin:0 auto; background-image:url(/_res/well/img/bg_intro_03.png); background-repeat:no-repeat;}
#sub_01_03 ul.professor_list > li.professor_01 div.info span.photo{background-position:0 0;}
#sub_01_03 ul.professor_list > li.professor_02 div.info span.photo{background-position:-240px 0;}
#sub_01_03 ul.professor_list > li.professor_03 div.info span.photo{background-position:-480px 0;}
#sub_01_03 ul.professor_list > li div.info span.ko_name{padding:35px 0 12px 0; font-size:23px; color:#000;}
#sub_01_03 ul.professor_list > li div.info span.en_name{font-size:17px; color:#848484;}
#sub_01_03 ul.professor_list > li div.desc > div{
    height:330px;
    padding:35px;
    box-sizing:border-box;
    background:#1c77e0; /* Old browsers */
    background:-moz-linear-gradient(top, #1c77e0 0%, #35c9d6 100%); /* FF3.6-15 */
    background:-webkit-linear-gradient(top, #1c77e0 0%,#35c9d6 100%); /* Chrome10-25,Safari5.1-6 */
    background:linear-gradient(to bottom, #1c77e0 0%,#35c9d6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c77e0', endColorstr='#35c9d6',GradientType=0 ); /* IE6-9 */
}
#sub_01_03 ul.professor_list > li div.desc > div > ul.type_01 > li{line-height:180%; font-size:17px; color:#fff; text-align:center;}
#sub_01_03 ul.professor_list > li div.desc > div > ul.type_01 > li.last{margin-top:10px;}
#sub_01_03 ul.professor_list > li div.desc > div > ul.type_02 > li{margin-top:10px; line-height:180%; font-size:17px; color:#fff;}
#sub_01_03 ul.professor_list > li div.desc > div > ul.type_02 > li:first-child{margin-top:0;}
#sub_01_03 ul.professor_list > li div.desc > div > ul.type_02 > li ul li{padding-left:12px; line-height:180%; font-size:17px; color:#fff; background:url(/_res/well/img/bg_list_dash_white.png) no-repeat 0 12px; word-break:keep-all;}
#sub_01_03 ul.professor_list > li div.bx-pager{width:100%; text-align:center; position:absolute; bottom:35px; left:0;}
#sub_01_03 ul.professor_list > li div.bx-pager div.bx-pager-item{display:inline-block; margin:0 5px;}
#sub_01_03 ul.professor_list > li div.bx-pager div.bx-pager-item a{display:block; width:15px; height:15px; border-radius:15px; background-color:#fff; text-indent:-9999px;}
#sub_01_03 ul.professor_list > li div.bx-pager div.bx-pager-item a.active{background-color:#5c9de6;}

#sub_01_04 div.section{margin-top:60px;}
#sub_01_04 div.section:first-child{margin-top:0;}
#sub_01_04 div.section > h4.title{margin-bottom:15px;}
#sub_01_04 div.section > p{font-size:19px; line-height:180%; word-break:keep-all;}
#sub_01_04 div.section > ul.fellow_list{overflow:hidden;}
#sub_01_04 div.section > ul.fellow_list > li{width:596px; height:440px; padding:35px; margin-bottom:8px; float:left; background-color:#fff; box-sizing:border-box;}
#sub_01_04 div.section > ul.fellow_list > li:nth-child(even){float:right;}
#sub_01_04 div.section > ul.fellow_list > li div.people{width:100%; display:table; table-layout:fixed;}
#sub_01_04 div.section > ul.fellow_list > li div.people > div{display:table-cell; vertical-align:middle;}
#sub_01_04 div.section > ul.fellow_list > li div.people > div.photo{width:180px; padding:0 50px 0 20px;}
#sub_01_04 div.section > ul.fellow_list > li div.people > div.info h5{padding-bottom:12px; font-size:23px; font-weight:normal; color:#000;}
#sub_01_04 div.section > ul.fellow_list > li div.people > div.info p.position{padding-bottom:15px; font-size:17px; color:#848484;}
#sub_01_04 div.section > ul.fellow_list > li div.people > div.info p.field{font-size:17px;}
#sub_01_04 div.section > ul.fellow_list > li div.desc{padding-top:50px;}
#sub_01_04 div.section > ul.fellow_list > li div.desc h6{padding-bottom:10px; font-size:17px;}
#sub_01_04 div.section > ul.fellow_list > li div.desc ul li{padding-left:12px; line-height:180%; font-size:17px; background:url(/_res/well/img/bg_list_dash_black.png) no-repeat 0 12px; word-break:keep-all;}

#sub_01_05 div.section{margin-top:60px; overflow:hidden;}
#sub_01_05 div.section:first-child{margin-top:0;}
#sub_01_05 div.section h4.title{margin-bottom:15px;}
#sub_01_05 div.section > p{font-size:19px; line-height:180%; word-break:keep-all;}
#sub_01_05 div.section.type_01 div.box_wrap{width:100%; padding:40px 0; margin-top:20px; display:table; table-layout:fixed; background-color:#fff;}
#sub_01_05 div.section.type_01 div.box_wrap div.box{display:table-cell; padding:20px 0; vertical-align:middle; position:relative;}
#sub_01_05 div.section.type_01 div.box_wrap div.box.count{border-right:1px solid #ddd;}
#sub_01_05 div.section.type_01 div.box_wrap div.box.count p{font-size:19px; line-height:140%; text-align:center; position:absolute; top:50%; margin-top:-20px; z-index:1;}
#sub_01_05 div.section.type_01 div.box_wrap div.box.count p.count1{color:#24c3b8; left:50%;}
#sub_01_05 div.section.type_01 div.box_wrap div.box.count p.count2{color:#2f84d5; right:50%;}
#sub_01_05 div.section.type_01 div.box_wrap div.box.count div.circle{width:320px; height:320px; margin:0 auto; border-radius:50%; overflow:hidden; position:relative; background:url(/_res/well/img/img_intro_11.png) no-repeat 50% 50%; background-size:cover; z-index:2;}
#sub_01_05 div.section.type_01 div.box_wrap div.box.count div.circle div.half_left{width:160px; height:320px; overflow:hidden; float:left; position:relative;}
#sub_01_05 div.section.type_01 div.box_wrap div.box.count div.circle div.half_right{width:160px; height:320px; overflow:hidden; float:right; position:relative;}
#sub_01_05 div.section.type_01 div.box_wrap div.box.count div.circle div span{
    display:block; 
    width:320px; 
    height:320px; 
    background-color:#f0f0f0; 
    border-radius:50%; 
    -webkit-transition:1s all linear; 
    -moz-transition:1s all linear; 
    -o-transition:1s all linear; 
    -ms-transition:1s all linear; 
    transition:1s all linear;
}
#sub_01_05 div.section.type_01 div.box_wrap div.box.count div.circle div.half_left span{
    clip:rect(0, 160px, 320px, 0);
    -webkit-transform:rotate(0); 
    -moz-transform:rotate(0); 
    -o-transform:rotate(0); 
    -ms-transform:rotate(0);
    transform:rotate(0); 
    position:absolute; 
    top:0; 
    left:0; 
    -webkit-transition-delay:1s;
    -moz-transition-delay:1s;
    -o-transition-delay:1s;
    -ms-transition-delay:1s;
    transition-delay:1s;
}
#sub_01_05 div.section.type_01 div.box_wrap div.box.count div.circle div.half_right span{
    clip:rect(0, 320px, 320px, 160px); 
    -webkit-transform:rotate(0); 
    -moz-transform:rotate(0); 
    -o-transform:rotate(0); 
    -ms-transform:rotate(0); 
    transform:rotate(0); 
    position:absolute; 
    top:0; 
    left:-160px;
}
#sub_01_05 div.section.type_01 div.box_wrap div.box.count div.circle > span{width:230px; height:230px; line-height:140%; text-align:center; font-size:23px; font-weight:bold; color:#00aeef; background-color:#fff; border-radius:50%; position:absolute; top:50%; left:50%; padding-top:83px; margin:-115px 0 0 -115px; box-sizing:border-box;}
#sub_01_05 div.section.type_01 div.box_wrap div.box.count div.circle > span em{font-style:normal;}

#sub_01_05 div.section.type_01 div.box_wrap div.box.desc p{line-height:140%; padding-top:150px; font-size:24px; color:#000; text-align:center; background:url(/_res/well/img/bg_intro_04.png) no-repeat 50% 0;}
#sub_01_05 div.section.type_02 ol{padding:45px; background-color:#fff;}
#sub_01_05 div.section.type_02 ol li{font-size:17px; margin-top:20px;}
#sub_01_05 div.section.type_02 ol li:first-child{margin-top:0;}
#sub_01_05 div.section.type_02 ol li table{width:100%; table-layout:fixed; margin-top:20px; border-top:2px solid #454545; border-bottom:2px solid #454545;}
#sub_01_05 div.section.type_02 ol li table tbody tr th{padding:15px; font-size:17px; font-weight:normal; text-align:center; border:1px solid #454545;}
#sub_01_05 div.section.type_02 ol li table tbody tr td{padding:15px; font-size:17px; text-align:center; border:1px solid #454545;}
#sub_01_05 div.section.type_02 ol li table tbody tr th{border-left:none;}
#sub_01_05 div.section.type_02 ol li table tbody tr td:last-child{border-right:none;}
#sub_01_05 div.section.type_02 ol li table tbody tr td.condition{color:#0663d0;}
#sub_01_05 div.section.type_02 ol li span.red{color:#ed1c24;}
#sub_01_05 div.section.type_02 ol li span.refer{display:block; padding:20px 0 0 10px;}
#sub_01_05 div.section.type_03{width:100%; display:table; table-layout:fixed;}
#sub_01_05 div.section.type_03 div.box{display:table-cell;}
#sub_01_05 div.section.type_03 div.box > div{height:500px; padding:45px; background-color:#fff; box-sizing:border-box;}
#sub_01_05 div.section.type_03 div.box.return{padding-right:6px;}
#sub_01_05 div.section.type_03 div.box.return > div p{padding-top:200px; font-size:17px; line-height:180%; word-break:keep-all; background:url(/_res/well/img/bg_intro_05.png) no-repeat 50% 40px;}
#sub_01_05 div.section.type_03 div.box.etc{padding-left:6px;}
#sub_01_05 div.section.type_03 div.box.etc > div h5{padding-top:30px; font-size:17px; line-height:180%;}
#sub_01_05 div.section.type_03 div.box.etc > div h5:first-child{padding-top:200px; background:url(/_res/well/img/bg_intro_06.png) no-repeat 50% 40px;}
#sub_01_05 div.section.type_03 div.box.etc > div ol li{display:inline-block; font-size:17px; line-height:180%;}
#sub_01_05 div.section.type_03 div.box.etc > div p{font-size:17px; line-height:180%; word-break:keep-all;}

/* 교육과정 */
div.course ul.course_list{overflow:hidden;}
div.course ul.course_list li{width:390px; float:left; margin:0 0 15px 15px; overflow:hidden; position:relative;}
div.course ul.course_list li:nth-child(3n+1){margin-left:0;}
div.course ul.course_list li.type_01{background:url(/_res/well/img/bg_course_01.jpg) no-repeat 50% 50%; background-size:cover;}
div.course ul.course_list li.type_02{background:url(/_res/well/img/bg_course_02.jpg) no-repeat 50% 50%; background-size:cover;}
div.course ul.course_list li.type_03{background:url(/_res/well/img/bg_course_03.jpg) no-repeat 50% 50%; background-size:cover;}
div.course ul.course_list li.type_04{background:url(/_res/well/img/bg_course_04.jpg) no-repeat 50% 50%; background-size:cover;}
div.course ul.course_list li.type_05{background:url(/_res/well/img/bg_course_05.jpg) no-repeat 50% 50%; background-size:cover;}
div.course ul.course_list li.type_06{background:url(/_res/well/img/bg_course_06.jpg) no-repeat 50% 50%; background-size:cover;}
div.course ul.course_list li a{display:block; padding-top:100%;}
div.course ul.course_list li a > div{width:100%; height:100%; position:absolute;}
div.course ul.course_list li a > div.front{
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
div.course ul.course_list li.type_01 a > div.front{top:0; left:0;}
div.course ul.course_list li.type_02 a > div.front{top:0; right:0;}
div.course ul.course_list li.type_03 a > div.front{bottom:0; left:0;}
div.course ul.course_list li.type_04 a > div.front{top:0; left:0;}
div.course ul.course_list li.type_05 a > div.front{top:0; left:0;}
div.course ul.course_list li.type_06 a > div.front{top:0; right:0;}
div.course ul.course_list li.type_01.active a > div.front{top:-100%;}
div.course ul.course_list li.type_02.active a > div.front{right:-100%;}
div.course ul.course_list li.type_03.active a > div.front{bottom:-100%;}
div.course ul.course_list li.type_04.active a > div.front{left:-100%;}
div.course ul.course_list li.type_05.active a > div.front{top:-100%;}
div.course ul.course_list li.type_06.active a > div.front{right:-100%;}
div.course ul.course_list li a > div.front span{display:block; color:#fff; text-align:center;}
div.course ul.course_list li a > div.front span.ko{font-size:24px; padding:170px 0 10px 0;}
div.course ul.course_list li a > div.front span.en{font-size:19px; text-transform:uppercase;}
div.course ul.course_list li a > div.back{
    background:-moz-linear-gradient(-45deg, rgba(64,236,210,0.7) 0%, rgba(28,119,224,0.7) 100%); 
    background:-webkit-linear-gradient(-45deg, rgba(64,236,210,0.7) 0%,rgba(28,119,224,0.7) 100%); 
    background:linear-gradient(135deg, rgba(64,236,210,0.7) 0%,rgba(28,119,224,0.7) 100%); 
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b340ecd2', endColorstr='#b31c77e0',GradientType=1 ); 
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
div.course ul.course_list li.type_01 a > div.back{bottom:-100%;}
div.course ul.course_list li.type_02 a > div.back{left:-100%;}
div.course ul.course_list li.type_03 a > div.back{top:-100%;}
div.course ul.course_list li.type_04 a > div.back{right:-100%;}
div.course ul.course_list li.type_05 a > div.back{bottom:-100%;}
div.course ul.course_list li.type_06 a > div.back{left:-100%;}
div.course ul.course_list li.type_01.active a > div.back{bottom:0; left:0;}
div.course ul.course_list li.type_02.active a > div.back{top:0; left:0;}
div.course ul.course_list li.type_03.active a > div.back{top:0; left:0;}
div.course ul.course_list li.type_04.active a > div.back{top:0; right:0;}
div.course ul.course_list li.type_05.active a > div.back{bottom:0; left:0;}
div.course ul.course_list li.type_06.active a > div.back{top:0; left:0;}
div.course ul.course_list li a > div.back span{display:block; width:180px; height:60px; line-height:60px; margin:-30px 0 0 -90px; border-radius:30px; border:2px solid #fff; font-size:19px; color:#fff; text-align:center; box-sizing:border-box; position:absolute; top:50%; left:50%;}
div.course ul.course_list li a > div.back span:before{display:inline-block; content:""; width:25px; height:60px; margin-right:10px; vertical-align:top; background:url(/_res/well/img/bg_intro_07.png) no-repeat 50% 50%;}

ul.course_tab{overflow:hidden;}
ul.course_tab li{float:left; margin-left:6px;}
ul.course_tab li:first-child{margin-left:0;}
ul.course_tab li a{display:block; width:195px; height:100px; position:relative;}
ul.course_tab li a span{display:block; padding-top:40px; font-size:17px; color:#fff; text-align:center; z-index:3; position:relative;}
ul.course_tab li a:after{
    display:block; 
    width:100%; 
    height:100%; 
    content:""; 
    position:absolute; 
    top:0; 
    left:0;
    z-index:1;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
ul.course_tab li.type_01 a:after{background:url(/_res/well/img/bg_course_tab_01.jpg) no-repeat 50% 50%; background-size:cover;}
ul.course_tab li.type_02 a:after{background:url(/_res/well/img/bg_course_tab_02.jpg) no-repeat 50% 50%; background-size:cover;}
ul.course_tab li.type_03 a:after{background:url(/_res/well/img/bg_course_tab_03.jpg) no-repeat 50% 50%; background-size:cover;}
ul.course_tab li.type_04 a:after{background:url(/_res/well/img/bg_course_tab_04.jpg) no-repeat 50% 50%; background-size:cover;}
ul.course_tab li.type_05 a:after{background:url(/_res/well/img/bg_course_tab_05.jpg) no-repeat 50% 50%; background-size:cover;}
ul.course_tab li.type_06 a:after{background:url(/_res/well/img/bg_course_tab_06.jpg) no-repeat 50% 50%; background-size:cover;}
ul.course_tab li a:before{
    display:block; 
    content:""; 
    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%;
    opacity:0;
    z-index:2;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
ul.course_tab li.active a:before{
    opacity:0.5;
    background:rgb(64,236,210); /* Old browsers */
    background:-moz-linear-gradient(left, rgba(64,236,210,1) 0%, rgba(28,119,224,1) 100%); /* FF3.6-15 */
    background:-webkit-linear-gradient(left, rgba(64,236,210,1) 0%,rgba(28,119,224,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background:linear-gradient(to right, rgba(64,236,210,1) 0%,rgba(28,119,224,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#40ecd2', endColorstr='#1c77e0',GradientType=1 ); /* IE6-9 */
}

div.course_contents div.section{margin-top:60px;}
div.course_contents div.section h4.title{margin-bottom:10px;}
div.course_contents div.section > p{font-size:19px; line-height:180%; word-break:keep-all;}

div.course ul.purpose{padding-top:10px; overflow:hidden;}
div.course ul.purpose li{display:table; float:left; background-color:#fff;}
div.course ul.purpose li:first-child{margin-left:0;}
div.course ul.purpose li div{display:table-cell; vertical-align:middle; padding:0 30px 0 115px;}
div.course ul.purpose li div p{font-size:19px; line-height:180%; word-break:keep-all;}
div.course div.image{padding:60px 0 20px 0; text-align:center;}
div.course div.curriculum{padding:55px; background-color:#fff;}
div.course div.curriculum table.type_horizontal2 tbody tr td{padding:50px; text-align:left; vertical-align:top;}

div.course_01 ul.purpose li{width:396px; margin-left:6px;}
div.course_01 ul.purpose li div{height:170px;}
div.course_01 ul.purpose li.type_01 div{background:url(/_res/well/img/bg_course_07.png) no-repeat 40px 50%;}
div.course_01 ul.purpose li.type_02 div{background:url(/_res/well/img/bg_course_08.png) no-repeat 40px 50%;}
div.course_01 ul.purpose li.type_03 div{background:url(/_res/well/img/bg_course_09.png) no-repeat 40px 50%;}
div.course_01 div.curriculum ul.list_dot > li{margin-top:30px; font-weight:bold;}
div.course_01 div.curriculum ul.list_dot > li:first-child{margin-top:0;}
div.course_01 div.curriculum ul.list_dot > li > ul.list_dash li{font-weight:normal;}
div.course_01 div.curriculum ul.list_dot > li > ul.list_dash li:first-child{margin-top:5px;}

div.course_02 ul.purpose li{width:595px; margin:0 0 10px 10px;}
div.course_02 ul.purpose li:nth-child(odd){margin-left:0;}
div.course_02 ul.purpose li:nth-child(3), div.course_02 ul.purpose li:nth-child(4){margin-bottom:0;}
div.course_02 ul.purpose li div{height:200px;}
div.course_02 ul.purpose li.type_01 div{background:url(/_res/well/img/bg_course_10.png) no-repeat 40px 50%;}
div.course_02 ul.purpose li.type_02 div{background:url(/_res/well/img/bg_course_11.png) no-repeat 40px 50%;}
div.course_02 ul.purpose li.type_03 div{background:url(/_res/well/img/bg_course_12.png) no-repeat 40px 50%;}
div.course_02 ul.purpose li.type_04 div{background:url(/_res/well/img/bg_course_13.png) no-repeat 40px 50%;}

div.course_03 ul.purpose li{width:595px; margin-left:10px;}
div.course_03 ul.purpose li:first-child{margin-left:0;}
div.course_03 ul.purpose li div{height:170px;}
div.course_03 ul.purpose li.type_01 div{background:url(/_res/well/img/bg_course_14.png) no-repeat 40px 50%;}
div.course_03 ul.purpose li.type_02 div{background:url(/_res/well/img/bg_course_15.png) no-repeat 40px 50%;}

div.course_04 ul.purpose li{width:595px; margin-left:10px;}
div.course_04 ul.purpose li:first-child{margin-left:0;}
div.course_04 ul.purpose li div{height:170px;}
div.course_04 ul.purpose li.type_01 div{background:url(/_res/well/img/bg_course_16.png) no-repeat 40px 50%;}
div.course_04 ul.purpose li.type_02 div{background:url(/_res/well/img/bg_course_17.png) no-repeat 40px 50%;}

div.course_05 ul.purpose li{width:595px; margin-left:10px;}
div.course_05 ul.purpose li:first-child{margin-left:0;}
div.course_05 ul.purpose li div{height:170px;}
div.course_05 ul.purpose li.type_01 div{background:url(/_res/well/img/bg_course_18.png) no-repeat 40px 50%;}
div.course_05 ul.purpose li.type_02 div{background:url(/_res/well/img/bg_course_19.png) no-repeat 40px 50%;}

div.course_06 ul.purpose li{width:595px; margin-left:10px;}
div.course_06 ul.purpose li:first-child{margin-left:0;}
div.course_06 ul.purpose li div{height:170px;}
div.course_06 ul.purpose li.type_01 div{background:url(/_res/well/img/bg_course_20.png) no-repeat 40px 50%;}
div.course_06 ul.purpose li.type_02 div{background:url(/_res/well/img/bg_course_21.png) no-repeat 40px 50%;}
div.course_06 div.term{padding:40px; background-color:#fff;}
div.course_06 div.term h5{font-size:17px; font-weight:normal;}
div.course_06 div.term ul.text_list{padding:0 15px;}
div.course_06 div.term ul.text_list li{margin-top:15px; font-size:17px; font-weight:normal;}
div.course_06 div.term ul.process_list{overflow:hidden;}
div.course_06 div.term ul.process_list li{float:left; margin-top:50px; padding-right:100px; background:url(/_res/well/img/bg_course_22.png) no-repeat 220px 50%;}
div.course_06 div.term ul.process_list li:last-child{padding-right:0; background:none;}
div.course_06 div.term ul.process_list li div{display:table; width:180px; height:180px; border-radius:50%; text-align:center; box-sizing:border-box;}
div.course_06 div.term ul.process_list li:nth-child(odd) div{border:10px solid #61a6e8;}
div.course_06 div.term ul.process_list li:nth-child(even) div{border:10px solid #70e1d9;}
div.course_06 div.term ul.process_list li div span{display:table-cell; vertical-align:middle; font-size:17px; line-height:150%;}

#sub_02_02 div.section{margin-top:60px;}
#sub_02_02 div.section:first-child{margin-top:0;}
#sub_02_02 div.section.type_table{display:table; width:100%; table-layout:fixed;}
#sub_02_02 div.section h4.title{margin-bottom:10px;}
#sub_02_02 div.section > p{font-size:19px; line-height:180%; word-break:keep-all;}
#sub_02_02 ul.purpose{padding-top:10px; overflow:hidden;}
#sub_02_02 ul.purpose li{display:table; width:396px; margin-left:6px; float:left; background-color:#fff;}
#sub_02_02 ul.purpose li:first-child{margin-left:0;}
#sub_02_02 ul.purpose li div{display:table-cell; height:170px; vertical-align:middle; padding:0 20px 0 115px;}
#sub_02_02 ul.purpose li.type_01 div{background:url(/_res/well/img/bg_course_23.png) no-repeat 40px 50%;}
#sub_02_02 ul.purpose li.type_02 div{background:url(/_res/well/img/bg_course_24.png) no-repeat 40px 50%;}
#sub_02_02 ul.purpose li.type_03 div{background:url(/_res/well/img/bg_course_25.png) no-repeat 40px 50%;}
#sub_02_02 ul.purpose li div p{font-size:19px; line-height:180%; word-break:keep-all;}
#sub_02_02 div.box_wrap{display:table-cell;}
#sub_02_02 div.box_wrap.type_01, #sub_02_02 div.box_wrap.type_03{padding-right:8px;}
#sub_02_02 div.box_wrap.type_02, #sub_02_02 div.box_wrap.type_04{padding-left:8px;}
#sub_02_02 div.box_wrap div.box{margin-top:10px; padding:50px; background-color:#fff; box-sizing:border-box;}
#sub_02_02 div.box_wrap.type_01 div.box, #sub_02_02 div.box_wrap.type_02 div.box{height:615px;}
#sub_02_02 div.box_wrap.type_03 div.box, #sub_02_02 div.box_wrap.type_04 div.box{height:640px;}
#sub_02_02 div.box_wrap div.box div.bg{height:240px;}
#sub_02_02 div.box_wrap.type_01 div.box div.bg{background:url(/_res/well/img/bg_course_26.jpg) no-repeat 50% 50%; background-size:cover;}
#sub_02_02 div.box_wrap.type_02 div.box div.bg{background:url(/_res/well/img/bg_course_27.jpg) no-repeat 50% 50%; background-size:cover;}
#sub_02_02 div.box_wrap.type_03 div.box div.bg{background:url(/_res/well/img/bg_course_28.jpg) no-repeat 50% 50%; background-size:cover;}
#sub_02_02 div.box_wrap.type_04 div.box div.bg{background:url(/_res/well/img/bg_course_29.jpg) no-repeat 50% 50%; background-size:cover;}
#sub_02_02 div.box_wrap div.box div.bg h5{line-height:240px; text-align:center; font-size:24px; font-weight:normal; color:#fefefe;}
#sub_02_02 div.box_wrap div.box ul.list_dash{padding-top:15px;}
#sub_02_02 div.box_wrap div.box ul.list_dash li{margin-top:25px; background-position:0 8px; word-break:keep-all;}
#sub_02_02 div.box_wrap div.box > p{padding-top:25px; line-height:140%; font-size:17px; word-break:keep-all;}

/* PC Mini & Tablet */
@media all and (min-width:768px) and (max-width:1200px) {
    body{overflow-x:hidden;}
    .mobile{display:block;}

    #qnb > ul > li > a{font-size:14px; padding:0 15px;}
    #qnb > ul > li > ul > li > a{font-size:14px; padding:0 15px;}

    #footer{padding:20px; box-sizing:border-box;}
    #footer > address span{display:block; line-height:24px;}
    #footer > address span:first-child{padding-bottom:0;}

    header{border-bottom:none;}
    header > div{height:80px; padding:0 20px;}
    header > div h1{padding-top:17px;}
    header > div h1 a{width:156px; height:45.5px; background:url(/_res/well/img/logo_mobile.png) no-repeat 0 0; background-size:156px 91px;}
    header > div nav{width:250px; top:0; right:inherit; left:-300px;}
    header > div nav.active{left:0;}
    header > div nav > ul > li{background:none; float:none; padding:0; border-bottom:1px solid #e1e1e1;}
    header > div nav > ul > li > a{display:block; height:60px; line-height:60px; padding:0 20px; font-size:17px; color:#2d9dc4; background-color:#fff;}
    header > div nav > ul > li > ul{width:100%; position:static; margin:0;}
    header > div nav > ul > li > ul.active{display:block;}
    header > div nav > ul > li > ul li{opacity:1; filter:alpha(opacity=100); top:0;}
    header > div nav > ul > li > ul li a{height:40px; line-height:40px; font-size:15px; border:none;}
    header > div nav > ul > li > ul li a:hover, header > div nav > ul > li > ul li a:focus{border:none;}

    header.white > div h1 a{background:url(/_res/well/img/logo_mobile.png) no-repeat 0 -45.5px; background-size:156px 91px;}
    header.white > div nav > ul > li > a{color:#2d9dc4;}

    div.main_quick ul li div{padding-bottom:100%;}
    div.main_quick ul li div a{padding-top:35%;}
    div.main_quick ul li div a strong{padding-bottom:5px; font-size:23px;}
    div.main_quick ul li div a strong:before{margin-bottom:15px;}
    div.main_quick ul li div a span{font-size:13px;}
    div.main_education{padding:45px 0 90px 0;}
    div.main_education h3{margin-bottom:30px;}
    div.main_education h3 strong{padding-bottom:5px; font-size:23px;}
    div.main_education h3 strong:before{margin-bottom:15px;}
    div.main_education h3 span{font-size:13px;}
    div.main_education div.education_slide{width:100%; padding:0 50px;}
    div.main_education div.education_slide ul li div a span{height:50px; line-height:40px; font-size:13px;}
    div.main_education div.education_slide div.bx-pager{bottom:-60px;}
    div.main_education div.education_slide div.bx-controls-direction a{width:25px; height:47px; margin-top:-23px; background-size:50px 94px;}
    div.main_education div.education_slide div.bx-controls-direction a.bx-prev{left:15px;}
    div.main_education div.education_slide div.bx-controls-direction a.bx-next{right:15px; background-position:-25px 0;}
    div.main_education div.education_slide div.bx-controls-direction a.bx-prev:hover,
    div.main_education div.education_slide div.bx-controls-direction a.bx-prev:focus{background-position:0 -47px;}
    div.main_education div.education_slide div.bx-controls-direction a.bx-next:hover,
    div.main_education div.education_slide div.bx-controls-direction a.bx-next:focus{background-position:-25px -47px;}
    div.main_bottom ul li div{padding-bottom:70%;}
    div.main_bottom ul li div a{padding-top:28%;}
    div.main_bottom ul li div a strong{padding-bottom:5px; font-size:23px;}
    div.main_bottom ul li div a strong:before{margin-bottom:15px;}
    div.main_bottom ul li div a span{font-size:13px;}
    div.main_board{padding:40px 20px;}
    div.main_board > div{width:32%; margin-right:2%;}
    div.main_board > div h3{font-size:17px;}
    div.main_board > div.recent_board h3:after{margin-top:10px;}
    div.main_board > div.recent_board a.more{width:30px; height:30px;}
    div.main_board > div.recent_board a.more span{width:12px; height:30px; background-size:12px 12px;}
    div.main_board > div.recent_board div.board ul li{padding-left:10px; margin-top:10px; background-size:3px 3px;}
    div.main_board > div.recent_board div.board ul li a span.subject{font-size:15px;}
    div.main_board > div.recent_board div.board ul li a span.date{margin-top:3px; font-size:13px;}
    div.main_board > div.recent_gallery div.board ul.gallery_slide li a{height:200px;}
    div.main_board > div.recent_gallery div.board ul.gallery_slide li a div.info span.title{font-size:16px;}
    
    #sub_visual_wrap{margin-top:81px;}
    #sub_visual_wrap > div{height:250px;}
    #sub_visual_wrap div.visual_01, #sub_visual_wrap div.visual_02, #sub_visual_wrap div.visual_03{background:url(/_res/well/img/bg_sub_visual_01_mobile.jpg) no-repeat 50% 50%; background-size:cover;}
    #sub_visual_wrap > div h2{padding:55px 0 15px 0; font-size:38px;}
    #sub_visual_wrap > div p{font-size:23px;}
    #snb_wrap{margin-top:-55px;}
    #snb_wrap ul li a{height:55px; line-height:55px; font-size:16px;}
    #sub_contents{padding:40px 20px;}
    #sub_contents div#title_wrap{margin-bottom:40px;}
    #sub_contents div#title_wrap h3{font-size:34px;}
    
    h4.title{font-size:20px; margin-bottom:20px;}
    h4.title:before{width:6px; height:20px; margin-right:8px;}

    table.type_horizontal thead tr th{padding:12px; font-size:14px;}
    table.type_horizontal tfoot tr th{padding:12px; font-size:14px;}
    table.type_horizontal tfoot tr td{padding:12px; font-size:14px;}
    table.type_horizontal tbody tr td{padding:12px; font-size:14px;}
    table.type_horizontal tbody tr th{padding:12px; font-size:14px;}

    table.type_horizontal2 thead tr th{padding:12px; font-size:14px;}
    table.type_horizontal2 tbody tr td{padding:12px; font-size:14px;}

    ul.list_dot li{padding-left:8px; font-size:16px; background:url(/_res/well/img/bg_list_dot.png) no-repeat 0 8px;}
    ul.list_dash li{padding-left:10px; font-size:16px; background:url(/_res/well/img/bg_list_dash_black.png) no-repeat 0 8px; background-size:4px 1px;}

    a.btn_link{height:45px; line-height:45px; padding:0 55px 0 35px;}
    a.btn_link:after{width:6px; height:10px; top:17px; right:35px; background-size:auto 10px;}

    #sub_01_01 div.section{margin-top:40px;}
    #sub_01_01 ul li{width:32%; padding:50px 0; margin-left:2%;}
    #sub_01_01 ul li span{font-size:16px;}
    #sub_01_01 ul li span.icon{width:80px; height:80px; background-size:480px 80px;}
    #sub_01_01 ul.type_01 li.type_02 span.icon{background-position:-80px 0;}
    #sub_01_01 ul.type_01 li.type_03 span.icon{background-position:-160px 0;}
    #sub_01_01 ul.type_02 li.type_01 span.icon{background-position:-240px 0;}
    #sub_01_01 ul.type_02 li.type_02 span.icon{background-position:-320px 0;}
    #sub_01_01 ul.type_02 li.type_03 span.icon{background-position:-400px 0;}
    #sub_01_01 ul li span.black{margin-top:30px;}
    #sub_01_01 ul li span.blue{margin-top:5px;}

    #sub_01_02 ul > li > a{height:50px; line-height:50px; padding:0 20px; font-size:16px;} 
    #sub_01_02 ul > li > a:before{font-size:18px;}
    #sub_01_02 ul > li > a:after{top:20px; right:20px;}
    #sub_01_02 ul > li > div{padding:0 20px; }
    #sub_01_02 ul > li.active > div{padding:20px;}
    #sub_01_02 ul > li > div:before{font-size:16px; top:25px; left:20px;}
    #sub_01_02 ul > li > div p{font-size:16px; line-height:170%;}
    #sub_01_02 ul > li > div table.type_horizontal{margin:20px 0 0 0;}
    #sub_01_02 ul > li > div a.btn_link{margin:15px 0 0 25px;}

    #sub_01_03 ul.professor_list > li{width:100%; display:table; table-layout:fixed; margin:20px 0 0 0; float:none;}
    #sub_01_03 ul.professor_list > li:first-child{margin:0;}
    #sub_01_03 ul.professor_list > li > div{display:table-cell; vertical-align:middle; position:relative;}
    #sub_01_03 ul.professor_list > li > div.bx-wrapper{
        background:#1c77e0; /* Old browsers */
        background:-moz-linear-gradient(top, #1c77e0 0%, #35c9d6 100%); /* FF3.6-15 */
        background:-webkit-linear-gradient(top, #1c77e0 0%,#35c9d6 100%); /* Chrome10-25,Safari5.1-6 */
        background:linear-gradient(to bottom, #1c77e0 0%,#35c9d6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c77e0', endColorstr='#35c9d6',GradientType=0 ); /* IE6-9 */
    }
    #sub_01_03 ul.professor_list > li div.info{width:40%; padding:25px 0;}
    #sub_01_03 ul.professor_list > li div.info span.photo{width:200px; height:200px; background-size:600px 200px;}
    #sub_01_03 ul.professor_list > li.professor_02 div.info span.photo{background-position:-200px 0;}
    #sub_01_03 ul.professor_list > li.professor_03 div.info span.photo{background-position:-400px 0;}
    #sub_01_03 ul.professor_list > li div.info span.ko_name{padding:25px 0 10px 0; font-size:20px;}
    #sub_01_03 ul.professor_list > li div.info span.en_name{font-size:15px;}
    #sub_01_03 ul.professor_list > li div.desc > div{height:inherit; padding:30px; background:none;}
    #sub_01_03 ul.professor_list > li div.desc > div > ul.type_01 > li{line-height:170%; font-size:16px;}
    #sub_01_03 ul.professor_list > li div.desc > div > ul.type_02 > li{line-height:170%; font-size:16px;}
    #sub_01_03 ul.professor_list > li div.desc > div > ul.type_02 > li ul li{line-height:170%; font-size:16px; }
    #sub_01_03 ul.professor_list > li div.bx-pager{bottom:20px;}

    #sub_01_04 div.section{margin-top:40px;}
    #sub_01_04 div.section > p{font-size:16px; line-height:170%;}
    #sub_01_04 div.section > ul.fellow_list > li{width:100%; display:table; table-layout:fixed; height:inherit; padding:25px; margin-bottom:20px; float:none;}
    #sub_01_04 div.section > ul.fellow_list > li:nth-child(even){float:none;}
    #sub_01_04 div.section > ul.fellow_list > li div.people{width:180px; display:table-cell; text-align:center; vertical-align:middle;}
    #sub_01_04 div.section > ul.fellow_list > li div.people > div{display:block;}
    #sub_01_04 div.section > ul.fellow_list > li div.people > div.photo{width:100%; padding:0 0 20px 0;}
    #sub_01_04 div.section > ul.fellow_list > li div.people > div.photo img{width:150px;}
    #sub_01_04 div.section > ul.fellow_list > li div.people > div.info h5{padding-bottom:5px; font-size:20px;}
    #sub_01_04 div.section > ul.fellow_list > li div.people > div.info p.position{padding-bottom:10px; font-size:14px;}
    #sub_01_04 div.section > ul.fellow_list > li div.people > div.info p.field{font-size:14px;}
    #sub_01_04 div.section > ul.fellow_list > li div.desc{display:table-cell; padding:0 25px; vertical-align:middle;}
    #sub_01_04 div.section > ul.fellow_list > li div.desc h6{font-size:16px;}
    #sub_01_04 div.section > ul.fellow_list > li div.desc ul li{line-height:170%; font-size:16px;}

    #sub_01_05 div.section{margin-top:40px;}
    #sub_01_05 div.section > p{font-size:16px; line-height:170%;}
    #sub_01_05 div.section.type_01 div.box_wrap{padding:25px 0;}
    #sub_01_05 div.section.type_01 div.box_wrap div.box.count p{font-size:16px;}
    #sub_01_05 div.section.type_01 div.box_wrap div.box.count div.circle{width:200px; height:200px;}
    #sub_01_05 div.section.type_01 div.box_wrap div.box.count div.circle div.half_left{width:100px; height:200px;}
    #sub_01_05 div.section.type_01 div.box_wrap div.box.count div.circle div.half_right{width:100px; height:200px;}
    #sub_01_05 div.section.type_01 div.box_wrap div.box.count div.circle div span{width:200px; height:200px;}
    #sub_01_05 div.section.type_01 div.box_wrap div.box.count div.circle div.half_left span{clip:rect(0, 100px, 200px, 0);}
    #sub_01_05 div.section.type_01 div.box_wrap div.box.count div.circle div.half_right span{clip:rect(0, 200px, 200px, 100px); left:-100px;}
    #sub_01_05 div.section.type_01 div.box_wrap div.box.count div.circle > span{width:150px; height:150px; font-size:20px; padding-top:50px; margin:-75px 0 0 -75px;}
    #sub_01_05 div.section.type_01 div.box_wrap div.box.desc p{padding-top:130px; font-size:20px; background:url(/_res/well/img/bg_intro_04.png) no-repeat 50% 0; background-size:80px auto;}
    #sub_01_05 div.section.type_02 ol{padding:25px;}
    #sub_01_05 div.section.type_02 ol li{font-size:16px; margin-top:15px;}
    #sub_01_05 div.section.type_02 ol li br{display:none;}
    #sub_01_05 div.section.type_02 ol li table{margin-top:15px;}
    #sub_01_05 div.section.type_02 ol li table tbody tr th{padding:10px; font-size:13px;}
    #sub_01_05 div.section.type_02 ol li table tbody tr td{padding:10px; font-size:13px;}
    #sub_01_05 div.section.type_02 ol li span.refer{padding:15px 0 0 10px;}
    #sub_01_05 div.section.type_03 div.box > div{height:400px; padding:40px 25px;}
    #sub_01_05 div.section.type_03 div.box.return > div p{padding-top:120px; font-size:16px; line-height:170%; background:url(/_res/well/img/bg_intro_05.png) no-repeat 50% 0; background-size:100px auto;}
    #sub_01_05 div.section.type_03 div.box.etc > div h5{padding-top:15px; font-size:16px; line-height:170%;}
    #sub_01_05 div.section.type_03 div.box.etc > div h5:first-child{padding-top:120px; background:url(/_res/well/img/bg_intro_06.png) no-repeat 50% 0; background-size:80px auto;}
    #sub_01_05 div.section.type_03 div.box.etc > div ol li{font-size:16px; line-height:170%;}
    #sub_01_05 div.section.type_03 div.box.etc > div p{font-size:16px; line-height:170%;}

    div.course ul.course_list li{width:32%; margin:0 0 15px 2%;}
    div.course ul.course_list li a > div.front span.ko{font-size:20px; padding:33% 0 5px 0;}
    div.course ul.course_list li a > div.front span.en{font-size:16px;}
    div.course ul.course_list li a > div.back{background:none !important;}
    div.course ul.course_list li.type_01 a > div.back{bottom:0;}
    div.course ul.course_list li.type_02 a > div.back{top:0; left:0;}
    div.course ul.course_list li.type_03 a > div.back{top:0;}
    div.course ul.course_list li.type_04 a > div.back{top:0; right:0;}
    div.course ul.course_list li.type_05 a > div.back{bottom:0;}
    div.course ul.course_list li.type_06 a > div.back{top:0; left:0;}
    div.course ul.course_list li a > div.back span{width:140px; height:40px; line-height:40px; margin:-20px 0 0 -70px; border:1px solid #fff; font-size:16px; top:67%;}
    div.course ul.course_list li a > div.back span:before{width:15px; height:40px; margin-right:5px; background-size:15px 15px;}

    ul.course_tab li{width:16%; margin-left:0.8%;}
    ul.course_tab li a{width:100%; height:80px;}
    ul.course_tab li a span{padding-top:30px; font-size:15px;}

    div.course_contents div.section{margin-top:40px;}
    div.course_contents div.section > p{font-size:16px; line-height:170%;}

    div.course ul.purpose{padding-top:10px;}
    div.course ul.purpose li{display:table; float:left; background-color:#fff;}
    div.course ul.purpose li:first-child{margin-left:0;}
    div.course ul.purpose li div{display:table-cell; vertical-align:middle; padding:0 20px 0 115px;}
    div.course ul.purpose li div p{font-size:16px; line-height:150%;}
    div.course div.image{padding:20px 0;}
    div.course div.image img{width:100%;}
    div.course div.image img.mobile{display:none;}
    div.course div.curriculum{padding:25px;}
    div.course div.curriculum table.type_horizontal2 tbody tr td{padding:10px;}

    div.course_01 ul.purpose li{width:33%; margin-left:0.5%;}
    div.course_01 ul.purpose li div{height:140px; padding-left:80px;}
    div.course_01 ul.purpose li.type_01 div{background:url(/_res/well/img/bg_course_07.png) no-repeat 20px 50%; background-size:40px auto;}
    div.course_01 ul.purpose li.type_02 div{background:url(/_res/well/img/bg_course_08.png) no-repeat 20px 50%; background-size:40px auto;}
    div.course_01 ul.purpose li.type_03 div{background:url(/_res/well/img/bg_course_09.png) no-repeat 20px 50%; background-size:45px auto;}
    div.course_01 ul.purpose li div p br{display:none;}
    div.course_01 div.curriculum ul.list_dot > li{margin-top:15px; font-size:14px;}
    div.course_01 div.curriculum ul.list_dot > li > ul.list_dash li{font-size:14px;}

    div.course_02 ul.purpose li{width:49.5%; margin:0 0 10px 1%;}
    div.course_02 ul.purpose li div{height:160px;}
    div.course_02 ul.purpose li.type_01 div{background:url(/_res/well/img/bg_course_10.png) no-repeat 40px 50%; background-size:40px auto;}
    div.course_02 ul.purpose li.type_02 div{background:url(/_res/well/img/bg_course_11.png) no-repeat 40px 50%; background-size:40px auto;}
    div.course_02 ul.purpose li.type_03 div{background:url(/_res/well/img/bg_course_12.png) no-repeat 40px 50%; background-size:40px auto;}
    div.course_02 ul.purpose li.type_04 div{background:url(/_res/well/img/bg_course_13.png) no-repeat 40px 50%; background-size:40px auto;}
    div.course_02 ul.purpose li div p br{display:none;}

    div.course_03 ul.purpose li{width:49.5%; margin:0 0 0 1%;}
    div.course_03 ul.purpose li div{height:160px;}
    div.course_03 ul.purpose li.type_01 div{background:url(/_res/well/img/bg_course_14.png) no-repeat 40px 50%; background-size:40px auto;}
    div.course_03 ul.purpose li.type_02 div{background:url(/_res/well/img/bg_course_15.png) no-repeat 40px 50%; background-size:40px auto;}
    div.course_03 ul.purpose li div p br{display:none;}

    div.course_04 ul.purpose li{width:49.5%; margin:0 0 0 1%;}
    div.course_04 ul.purpose li div{height:160px;}
    div.course_04 ul.purpose li.type_01 div{background:url(/_res/well/img/bg_course_16.png) no-repeat 40px 50%; background-size:40px auto;}
    div.course_04 ul.purpose li.type_02 div{background:url(/_res/well/img/bg_course_17.png) no-repeat 40px 50%; background-size:40px auto;}
    div.course_04 ul.purpose li div p br{display:none;}

    div.course_05 ul.purpose li{width:49.5%; margin:0 0 0 1%;}
    div.course_05 ul.purpose li div{height:160px;}
    div.course_05 ul.purpose li.type_01 div{background:url(/_res/well/img/bg_course_18.png) no-repeat 40px 50%; background-size:40px auto;}
    div.course_05 ul.purpose li.type_02 div{background:url(/_res/well/img/bg_course_19.png) no-repeat 40px 50%; background-size:40px auto;}
    div.course_05 ul.purpose li div p br{display:none;}

    div.course_06 ul.purpose li{width:49.5%; margin:0 0 0 1%;}
    div.course_06 ul.purpose li div{height:160px;}
    div.course_06 ul.purpose li.type_01 div{background:url(/_res/well/img/bg_course_20.png) no-repeat 40px 50%; background-size:40px auto;}
    div.course_06 ul.purpose li.type_02 div{background:url(/_res/well/img/bg_course_21.png) no-repeat 40px 50%; background-size:40px auto;}
    div.course_06 ul.purpose li div p br{display:none;}
    div.course_06 div.term{padding:25px;}
    div.course_06 div.term h5{font-size:16px;}
    div.course_06 div.term ul.text_list{padding:0 10px;}
    div.course_06 div.term ul.text_list li{margin-top:10px; font-size:14px;}
    div.course_06 div.term ul.process_list li{margin-top:20px; padding-right:40px; background:url(/_res/well/img/bg_course_22.png) no-repeat 140px 50%; background-size:25px auto;}
    div.course_06 div.term ul.process_list li:nth-child(4n+4){padding-right:0;}
    div.course_06 div.term ul.process_list li div{width:130px; height:130px;}
    div.course_06 div.term ul.process_list li:nth-child(odd) div{border:6px solid #61a6e8;}
    div.course_06 div.term ul.process_list li:nth-child(even) div{border:6px solid #70e1d9;}
    div.course_06 div.term ul.process_list li div span{font-size:14px;}

    #sub_02_02 div.section{margin-top:40px;}
    #sub_02_02 div.section > p{font-size:16px; line-height:170%;}
    #sub_02_02 div.section.type_table{display:block;}
    #sub_02_02 ul.purpose{padding-top:10px; overflow:hidden;}
    #sub_02_02 ul.purpose li{width:33%; margin-left:0.5%;}
    #sub_02_02 ul.purpose li div{height:140px; padding-left:80px;}
    #sub_02_02 ul.purpose li.type_01 div{background:url(/_res/well/img/bg_course_23.png) no-repeat 25px 50%; background-size:40px auto;}
    #sub_02_02 ul.purpose li.type_02 div{background:url(/_res/well/img/bg_course_24.png) no-repeat 25px 50%; background-size:40px auto;}
    #sub_02_02 ul.purpose li.type_03 div{background:url(/_res/well/img/bg_course_25.png) no-repeat 25px 50%; background-size:30px auto;}
    #sub_02_02 ul.purpose li div p{font-size:16px; line-height:150%;}
    #sub_02_02 ul.purpose li div p br{display:none;}
    #sub_02_02 div.box_wrap{display:block; margin-top:40px; padding:0 !important;}
    #sub_02_02 div.box_wrap.type_01{margin-top:0;}
    #sub_02_02 div.box_wrap div.box{padding:20px; height:inherit !important; overflow:hidden;}
    #sub_02_02 div.box_wrap div.box div.bg{width:250px; height:150px; float:left;}
    #sub_02_02 div.box_wrap div.box div.bg h5{line-height:150px; font-size:18px;}
    #sub_02_02 div.box_wrap div.box ul.list_dash{padding:0 0 0 270px;}
    #sub_02_02 div.box_wrap div.box ul.list_dash li{margin-top:5px; background-position:0 8px;}
    #sub_02_02 div.box_wrap div.box > p{padding-top:15px; font-size:16px; clear:both;}
}

/* Mobile */
@media all and (max-width:767px) {
    body{overflow-x:hidden;}
    .web{display:none;}
    .mobile{display:block;}

    div.jwxe_board ul.gallery_list li div.ratio_box a span.title{height:30px !important; line-height:30px !important; font-size:12px !important;}

    #qnb > ul{height:inherit; border-left:none; border-right:none;}
    #qnb > ul > li{width:100%; float:none; border-bottom:1px solid #444; background-position:95% 50%; background-size:7px auto;}
    #qnb > ul > li > a{height:40px; line-height:40px; padding:0 20px; font-size:14px; color:#d0d0d0; border-left:none;}
    #qnb > ul > li > ul{display:none; height:200px; overflow-y:auto; position:static; border:none; padding:10px 0; border-top:1px solid #444; -webkit-overflow-scrolling:touch;}
    #qnb > ul > li > ul > li > a{height:30px; line-height:30px; padding:0 20px; font-size:13px;}

    #footer{padding:20px 15px; box-sizing:border-box;}
    #footer > ul li a{font-size:13px;}
    #footer > address span{font-size:12px; padding:0;}

    header{border-bottom:none;}
    header > div{height:70px; padding:0 15px;}
    header > div h1{padding-top:12px;}
    header > div h1 a{width:156px; height:45.5px; background:url(/_res/well/img/logo_mobile.png) no-repeat 0 0; background-size:156px 91px;}
    header > div a.gnb_handle{width:30px; height:30px; right:15px;}
    header > div a.gnb_handle span{width:30px;}
    header > div a.gnb_handle:before{width:30px;}
    header > div a.gnb_handle:after{width:30px;}
    header > div a.gnb_handle.active:before{top:13px;}
    header > div a.gnb_handle.active:after{bottom:13px;}

    header > div nav{width:250px; top:0; right:inherit; left:-300px;}
    header > div nav.active{left:0;}
    header > div nav > ul > li{background:none; float:none; padding:0; border-bottom:1px solid #e1e1e1;}
    header > div nav > ul > li > a{display:block; height:50px; line-height:50px; padding:0 20px; font-size:15px; color:#2d9dc4; background-color:#fff;}
    header > div nav > ul > li > ul{width:100%; position:static; margin:0;}
    header > div nav > ul > li > ul.active{display:block;}
    header > div nav > ul > li > ul li{opacity:1; filter:alpha(opacity=100); top:0;}
    header > div nav > ul > li > ul li a{height:35px; line-height:35px; font-size:13px; border:none;}
    header > div nav > ul > li > ul li a:hover, header > div nav > ul > li > ul li a:focus{border:none;}

    header.white > div h1 a{background:url(/_res/well/img/logo_mobile.png) no-repeat 0 -45.5px; background-size:156px 91px;}
    header.white > div nav > ul > li > a{color:#2d9dc4;}

    #main_visual > div{width:224px; margin:-63px 0 0 -112px;}
    #main_visual > div span.icon{width:54px; height:33px; right:20px; background-size:54px auto;}
    #main_visual > div h2{padding-top:30px;}
    #main_visual > div h2 span.animate_1{padding-bottom:10px;}
    #main_visual > div h2 span.animate_1 img{width:123px;}
    #main_visual > div h2 span.animate_2 img{width:224px;}
    #main_visual_dummy div.scroll{padding-top:45px; bottom:50px;}
    #main_visual_dummy div.scroll span.icon{width:20px; height:30px; background-size:20px auto; margin-left:-10px;}
    #main_visual_dummy div.scroll span.text{padding-top:20px; font-size:13px;}

    div.main_quick ul{display:block; overflow:hidden;}
    div.main_quick ul li{display:block;}
    div.main_quick ul li.type_1, div.main_quick ul li.type_2{width:50%; float:left;}
    div.main_quick ul li div{padding-bottom:72%;}
    div.main_quick ul li.type_3 div{padding-bottom:36%;}
    div.main_quick ul li.type_3 div a{padding-top:12%;}
    div.main_quick ul li div a strong{padding-bottom:5px; font-size:18px;}
    div.main_quick ul li div a strong:before{height:2px; margin-bottom:10px;}
    div.main_quick ul li div a span{font-size:12px;}    

    div.main_education{padding:40px 15px 70px 15px;}
    div.main_education h3{margin-bottom:30px;}
    div.main_education h3 strong{padding-bottom:5px; font-size:18px;}
    div.main_education h3 strong:before{height:2px; margin-bottom:10px;}
    div.main_education h3 span{font-size:12px;}
    div.main_education div.education_slide{width:100%; padding:0 40px;}
    div.main_education div.education_slide ul li div a span{height:50px; line-height:40px; font-size:13px;}
    div.main_education div.education_slide div.bx-pager{bottom:-40px;}
    div.main_education div.education_slide div.bx-controls-direction a{width:25px; height:47px; margin-top:-23px; background-size:50px 94px;}
    div.main_education div.education_slide div.bx-controls-direction a.bx-prev{left:5px;}
    div.main_education div.education_slide div.bx-controls-direction a.bx-next{right:5px; background-position:-25px 0;}
    div.main_education div.education_slide div.bx-controls-direction a.bx-prev:hover,
    div.main_education div.education_slide div.bx-controls-direction a.bx-prev:focus{background-position:0 -47px;}
    div.main_education div.education_slide div.bx-controls-direction a.bx-next:hover,
    div.main_education div.education_slide div.bx-controls-direction a.bx-next:focus{background-position:-25px -47px;}
    div.main_education div.education_slide div.bx-pager div.bx-pager-item a{width:20px; height:20px;}
    div.main_education div.education_slide div.bx-pager div.bx-pager-item a:after{width:6px; height:6px; top:7px; left:7px;}

    div.main_bottom ul{display:block;}
    div.main_bottom ul li{display:block;}
    div.main_bottom ul li div{padding-bottom:36%;}
    div.main_bottom ul li div a{padding-top:12%;}
    div.main_bottom ul li div a strong{padding-bottom:5px; font-size:18px;}
    div.main_bottom ul li div a strong:before{height:2px; margin-bottom:10px;}
    div.main_bottom ul li div a span{font-size:12px;}   

    div.main_board{padding:30px 15px; position:relative;}
    div.main_board ul.ui_tab{display:block;}
    div.main_board > div{width:100%; float:none; margin:0;}
    div.main_board > div.recent_board{margin-bottom:30px; position:static;}
    div.main_board > div.recent_board h3:after{height:3px; margin-top:10px;}
    div.main_board > div.recent_board h3{display:none;}
    div.main_board > div.recent_board a.more{top:30px; right:15px;}
    div.main_board > div.recent_board div.board{padding:0; border-top:none;}
    div.main_board > div.recent_board div.board ul{border-bottom:1px solid #333;}
    div.main_board > div.recent_board div.board ul li{padding:0; margin:0; background:none; border-top:1px dashed #ddd;}
    div.main_board > div.recent_board div.board ul li:first-child{border-top:none;}
    div.main_board > div.recent_board div.board ul li a{display:block; padding:12px 15px;}
    div.main_board > div.recent_board div.board ul li a span.subject{font-size:14px;}
    div.main_board > div.recent_board div.board ul li a span.date{font-size:13px;}
    div.main_board > div.recent_gallery h3{padding:10px 0; font-size:18px; font-weight:normal;}
    div.main_board > div.recent_gallery div.board ul.gallery_slide li a div.info span.title{font-size:16px;}
    div.main_board > div.recent_gallery div.board ul.gallery_slide li a div.info span.date{font-size:14px;}

    #sub_visual_wrap{margin-top:71px;}
    #sub_visual_wrap > div{height:160px;}
    #sub_visual_wrap div.visual_01, #sub_visual_wrap div.visual_02, #sub_visual_wrap div.visual_03{background:url(/_res/well/img/bg_sub_visual_01_mobile.jpg) no-repeat 50% 50%; background-size:cover;}
    #sub_visual_wrap > div h2{padding:30px 0 10px 0; font-size:24px;}
    #sub_visual_wrap > div p{font-size:13px;}

    #snb_wrap{width:100%; background:none; margin-top:0; border-top:none; position:absolute; top:231px; left:0; z-index:5;}
    #snb_wrap h3{display:block;}
    #snb_wrap ul{
        display:block; 
        max-height:0;
        overflow:hidden;
        -webkit-transition:all 0.3s;
        -moz-transition:all 0.3s;
        -o-transition:all 0.3s;
        -ms-transition:all 0.3s;
        transition:all 0.3s;
    }
    #snb_wrap.active ul{max-height:300px;}
    #snb_wrap ul li{display:block; border:none;}
    #snb_wrap ul li:first-child{border:none;}
    #snb_wrap ul li.active{display:none;}
    #snb_wrap ul li a{height:50px; line-height:50px; background-color:#303435;}

    #sub_contents{padding:30px 15px;}
    #sub_contents div#title_wrap{display:none;}

    h4.title{font-size:20px; margin-bottom:10px;}
    h4.title:before{width:5px; height:20px; margin-right:8px;}

    table.type_horizontal thead tr th{padding:10px; font-size:13px;}
    table.type_horizontal tfoot tr th{padding:10px; font-size:13px;}
    table.type_horizontal tfoot tr td{padding:10px; font-size:13px;}
    table.type_horizontal tbody tr td{padding:10px; font-size:13px;}
    table.type_horizontal tbody tr th{padding:10px; font-size:13px;}

    table.type_horizontal2 thead tr th{padding:10px; font-size:13px;}
    table.type_horizontal2 tbody tr td{padding:10px; font-size:13px;}

    ul.list_dot li{margin-top:5px; padding-left:7px; font-size:13px; background:url(/_res/well/img/bg_list_dot.png) no-repeat 0 8px;}
    ul.list_dash li{margin-top:5px; padding-left:7px; font-size:13px; background:url(/_res/well/img/bg_list_dash_black.png) no-repeat 0 8px; background-size:4px 1px;}

    #sub_01_01 div.section{margin-top:30px;}
    #sub_01_01 ul li{width:100%; padding:30px 0; float:none; margin:10px 0 0 0;}
    #sub_01_01 ul li:first-child{margin-top:0;}
    #sub_01_01 ul li span{font-size:15px;}
    #sub_01_01 ul li span.icon{width:80px; height:80px; background-size:480px 80px;}
    #sub_01_01 ul.type_01 li.type_01 span.icon{background-position:0 0;}
    #sub_01_01 ul.type_01 li.type_02 span.icon{background-position:-80px 0;}
    #sub_01_01 ul.type_01 li.type_03 span.icon{background-position:-160px 0;}
    #sub_01_01 ul.type_02 li.type_01 span.icon{background-position:-240px 0;}
    #sub_01_01 ul.type_02 li.type_02 span.icon{background-position:-320px 0;}
    #sub_01_01 ul.type_02 li.type_03 span.icon{background-position:-400px 0;}
    #sub_01_01 ul li span.black{margin-top:15px;}
    #sub_01_01 ul li span.blue{margin-top:5px;}

    #sub_01_02 ul > li > a{height:45px; line-height:45px; padding:0 20px; font-size:15px;} 
    #sub_01_02 ul > li > a:before{padding-right:2px; font-size:15px;}
    #sub_01_02 ul > li > a:after{width:10px; height:7px; background:url(/_res/well/img/bg_intro_02.png) no-repeat 50% -7px; top:19px; right:15px; background-size:auto 14px;}
    #sub_01_02 ul > li > div{padding:0 15px;}
    #sub_01_02 ul > li.active > div{max-height:1000px; padding:15px;}
    #sub_01_02 ul > li > div:before{font-size:15px; top:18px; left:20px;}
    #sub_01_02 ul > li > div p{font-size:15px; line-height:150%; padding-left:22px;}
    #sub_01_02 ul > li > div table.type_horizontal{margin:15px 0 0 0;}
    #sub_01_02 ul > li > div table.type_horizontal thead tr th{padding:7px; font-size:12px;}
    #sub_01_02 ul > li > div table.type_horizontal tfoot tr th{padding:7px; font-size:12px;}
    #sub_01_02 ul > li > div table.type_horizontal tfoot tr td{padding:7px; font-size:12px;}
    #sub_01_02 ul > li > div table.type_horizontal tbody tr td{padding:7px; font-size:12px;}
    #sub_01_02 ul > li > div table.type_horizontal tbody tr th{padding:7px; font-size:12px;}
    #sub_01_02 ul > li > div a.btn_link{margin:20px 0 0 25px;}

    #sub_01_03 ul.professor_list > li{width:100%; margin:10px 0 0 0; float:none;}
    #sub_01_03 ul.professor_list > li:first-child{margin-top:0;}
    #sub_01_03 ul.professor_list > li div.info{width:100%; display:table; table-layout:fixed; padding:20px 0;}
    #sub_01_03 ul.professor_list > li div.info div.photo_wrap{display:table-cell; vertical-align:middle;}
    #sub_01_03 ul.professor_list > li div.info div.name_wrap{display:table-cell; vertical-align:middle;}
    #sub_01_03 ul.professor_list > li div.info span.photo{width:150px; height:150px; background-size:450px 150px;}
    #sub_01_03 ul.professor_list > li.professor_02 div.info span.photo{background-position:-150px 0;}
    #sub_01_03 ul.professor_list > li.professor_03 div.info span.photo{background-position:-300px 0;}
    #sub_01_03 ul.professor_list > li div.info span.ko_name{padding:0 0 5px 0; font-size:20px;}
    #sub_01_03 ul.professor_list > li div.info span.en_name{font-size:13px;}
    #sub_01_03 ul.professor_list > li div.desc > div{height:220px; padding:15px;}
    #sub_01_03 ul.professor_list > li div.desc > div > ul.type_01 > li{line-height:160%; font-size:14px;}
    #sub_01_03 ul.professor_list > li div.desc > div > ul.type_02 > li{line-height:160%; font-size:14px;}
    #sub_01_03 ul.professor_list > li div.desc > div > ul.type_02 > li ul li{padding-left:10px; line-height:160%; font-size:14px; background:url(/_res/well/img/bg_list_dash_white.png) no-repeat 0 10px; background-size:4px 1px;}
    #sub_01_03 ul.professor_list > li div.bx-pager{bottom:12px;}
    #sub_01_03 ul.professor_list > li div.bx-pager div.bx-pager-item{margin:0 3px;}
    #sub_01_03 ul.professor_list > li div.bx-pager div.bx-pager-item a{width:10px; height:10px;}

    #sub_01_04 div.section{margin-top:30px;}
    #sub_01_04 div.section > h4.title{margin-bottom:10px;}
    #sub_01_04 div.section > p{font-size:15px; line-height:160%;}
    #sub_01_04 div.section > ul.fellow_list > li{width:100%; height:inherit; padding:20px; margin-bottom:10px; float:none;}
    #sub_01_04 div.section > ul.fellow_list > li:nth-child(even){float:none;}
    #sub_01_04 div.section > ul.fellow_list > li div.people > div.photo{width:120px; padding:0 20px 0 0;}
    #sub_01_04 div.section > ul.fellow_list > li div.people > div.photo img{width:100%;}
    #sub_01_04 div.section > ul.fellow_list > li div.people > div.info h5{padding-bottom:5px; font-size:20px;}
    #sub_01_04 div.section > ul.fellow_list > li div.people > div.info p.position{padding-bottom:10px; font-size:13px;}
    #sub_01_04 div.section > ul.fellow_list > li div.people > div.info p.field{font-size:14px;}
    #sub_01_04 div.section > ul.fellow_list > li div.desc{padding-top:20px;}
    #sub_01_04 div.section > ul.fellow_list > li div.desc h6{padding-bottom:10px; font-size:14px;}
    #sub_01_04 div.section > ul.fellow_list > li div.desc ul li{padding-left:10px; line-height:160%; font-size:14px; background:url(/_res/well/img/bg_list_dash_black.png) no-repeat 0 10px; background-size:4px 1px;}

    #sub_01_05 div.section{margin-top:30px;}
    #sub_01_05 div.section h4.title{margin-bottom:10px;}
    #sub_01_05 div.section > p{font-size:15px; line-height:160%;}
    #sub_01_05 div.section.type_01 div.box_wrap{padding:0 15px; margin-top:15px; display:block; box-sizing:border-box;}
    #sub_01_05 div.section.type_01 div.box_wrap div.box{display:block; padding:20px 0;}
    #sub_01_05 div.section.type_01 div.box_wrap div.box.count{border-bottom:1px solid #ddd; border-right:none;}
    #sub_01_05 div.section.type_01 div.box_wrap div.box.count p{font-size:13px;}
    #sub_01_05 div.section.type_01 div.box_wrap div.box.count p.count1{left:50%;}
    #sub_01_05 div.section.type_01 div.box_wrap div.box.count p.count2{right:50%;}
    #sub_01_05 div.section.type_01 div.box_wrap div.box.count div.circle{width:200px; height:200px;}
    #sub_01_05 div.section.type_01 div.box_wrap div.box.count div.circle div.half_left{width:100px; height:200px;}
    #sub_01_05 div.section.type_01 div.box_wrap div.box.count div.circle div.half_right{width:100px; height:200px;}
    #sub_01_05 div.section.type_01 div.box_wrap div.box.count div.circle div span{width:200px; height:200px;}
    #sub_01_05 div.section.type_01 div.box_wrap div.box.count div.circle div.half_left span{clip:rect(0, 100px, 200px, 0);}
    #sub_01_05 div.section.type_01 div.box_wrap div.box.count div.circle div.half_right span{clip:rect(0, 200px, 200px, 100px); left:-100px;}
    #sub_01_05 div.section.type_01 div.box_wrap div.box.count div.circle > span{width:150px; height:150px; font-size:15px; padding-top:55px; margin:-75px 0 0 -75px;}
    #sub_01_05 div.section.type_01 div.box_wrap div.box.desc p{padding-top:90px; font-size:15px; background-size:70px auto;}
    #sub_01_05 div.section.type_02 ol{padding:15px;}
    #sub_01_05 div.section.type_02 ol li{font-size:14px; margin-top:15px; line-height:160%;}
    #sub_01_05 div.section.type_02 ol li table{margin-top:10px;}
    #sub_01_05 div.section.type_02 ol li table tbody tr th{padding:7px 5px; font-size:11px; line-height:120%;}
    #sub_01_05 div.section.type_02 ol li table tbody tr td{padding:7px 5px; font-size:11px; line-height:120%;}
    #sub_01_05 div.section.type_02 ol li br{display:none;}
    #sub_01_05 div.section.type_02 ol li span.refer{padding:10px 0 0 0;}
    #sub_01_05 div.section.type_03{display:block;}
    #sub_01_05 div.section.type_03 div.box{display:block;}
    #sub_01_05 div.section.type_03 div.box > div{height:inherit; padding:15px;}
    #sub_01_05 div.section.type_03 div.box.return{padding-right:0;}
    #sub_01_05 div.section.type_03 div.box.return > div p{padding-top:100px; font-size:14px; line-height:160%; background:url(/_res/well/img/bg_intro_05.png) no-repeat 50% 10px; background-size:90px auto;}
    #sub_01_05 div.section.type_03 div.box.etc{margin-top:30px; padding-left:0;}
    #sub_01_05 div.section.type_03 div.box.etc > div h5{padding-top:15px; font-size:14px; line-height:160%;}
    #sub_01_05 div.section.type_03 div.box.etc > div h5:first-child{padding-top:100px; background:url(/_res/well/img/bg_intro_06.png) no-repeat 50% 10px; background-size:70px auto;}
    #sub_01_05 div.section.type_03 div.box.etc > div ol li{display:block; font-size:14px; line-height:160%;}
    #sub_01_05 div.section.type_03 div.box.etc > div p{font-size:14px; line-height:160%;}

    div.course ul.course_list li{width:50%; margin:0;}
    div.course ul.course_list li a > div.front span.ko{font-size:16px; padding:30% 0 5px 0;}
    div.course ul.course_list li a > div.front span.en{font-size:12px;}
    div.course ul.course_list li a > div.back{background:none !important;}
    div.course ul.course_list li.type_01 a > div.back{bottom:0;}
    div.course ul.course_list li.type_02 a > div.back{top:0; left:0;}
    div.course ul.course_list li.type_03 a > div.back{top:0;}
    div.course ul.course_list li.type_04 a > div.back{top:0; right:0;}
    div.course ul.course_list li.type_05 a > div.back{bottom:0;}
    div.course ul.course_list li.type_06 a > div.back{top:0; left:0;}
    div.course ul.course_list li a > div.back span{width:120px; height:30px; line-height:30px; margin:-15px 0 0 -60px; border:1px solid #fff; font-size:13px; top:65%;}
    div.course ul.course_list li a > div.back span:before{width:15px; height:30px; margin-right:5px; background-size:15px 15px;}

    ul.course_tab li{width:33%; margin-left:0.5%; margin-bottom:2px;}
    ul.course_tab li:nth-child(3n+1){margin-left:0;}
    ul.course_tab li a{width:100%; height:50px;}
    ul.course_tab li a span{width:100%; padding-top:20px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

    div.course_contents div.section{margin-top:30px;}
    div.course_contents div.section > p{font-size:15px; line-height:160%;}

    div.course ul.purpose{padding-top:0;}
    div.course ul.purpose li{float:none;}
    div.course ul.purpose li div{padding:0 20px 0 70px;}
    div.course ul.purpose li div p{font-size:15px; line-height:160%;}
    div.course div.image{padding:10px 0;}
    div.course div.image img{width:100%;}
    div.course div.curriculum{padding:15px;}
    div.course div.curriculum table.type_horizontal2 tbody tr td{padding:10px;}

    div.course_01 ul.purpose li{width:100%; margin:0 0 10px 0;}
    div.course_01 ul.purpose li div{height:90px;}
    div.course_01 ul.purpose li.type_01 div{background:url(/_res/well/img/bg_course_07.png) no-repeat 20px 50%; background-size:35px auto;}
    div.course_01 ul.purpose li.type_02 div{background:url(/_res/well/img/bg_course_08.png) no-repeat 20px 50%; background-size:35px auto;}
    div.course_01 ul.purpose li.type_03 div{background:url(/_res/well/img/bg_course_09.png) no-repeat 20px 50%; background-size:40px auto;}
    div.course_01 div.curriculum ul.list_dot > li{margin-top:15px; font-size:12px;}
    div.course_01 div.curriculum ul.list_dot > li ul.list_dash li{font-size:12px;}

    div.course_02 ul.purpose li{width:100%; margin:0 0 10px 0;}
    div.course_02 ul.purpose li:nth-child(3), div.course_02 ul.purpose li:nth-child(4){margin-bottom:10px;}
    div.course_02 ul.purpose li div{height:120px;}
    div.course_02 ul.purpose li.type_01 div{background:url(/_res/well/img/bg_course_10.png) no-repeat 20px 50%; background-size:35px auto;}
    div.course_02 ul.purpose li.type_02 div{background:url(/_res/well/img/bg_course_11.png) no-repeat 20px 50%; background-size:35px auto;}
    div.course_02 ul.purpose li.type_03 div{background:url(/_res/well/img/bg_course_12.png) no-repeat 20px 50%; background-size:35px auto;}
    div.course_02 ul.purpose li.type_04 div{background:url(/_res/well/img/bg_course_13.png) no-repeat 20px 50%; background-size:35px auto;}
    div.course_02 ul.purpose li div p br{display:none;}

    div.course_03 ul.purpose li{width:100%; margin:0 0 10px 0;}
    div.course_03 ul.purpose li div{height:90px;}
    div.course_03 ul.purpose li.type_01 div{background:url(/_res/well/img/bg_course_14.png) no-repeat 20px 50%; background-size:35px auto;}
    div.course_03 ul.purpose li.type_02 div{background:url(/_res/well/img/bg_course_15.png) no-repeat 20px 50%; background-size:35px auto;}
    div.course_03 ul.purpose li div p br{display:none;}

    div.course_04 ul.purpose li{width:100%; margin:0 0 10px 0;}
    div.course_04 ul.purpose li div{height:90px;}
    div.course_04 ul.purpose li.type_01 div{background:url(/_res/well/img/bg_course_16.png) no-repeat 25px 50%; background-size:25px auto;}
    div.course_04 ul.purpose li.type_02 div{background:url(/_res/well/img/bg_course_17.png) no-repeat 20px 50%; background-size:35px auto;}
    div.course_04 ul.purpose li div p br{display:none;}

    div.course_05 ul.purpose li{width:100%; margin:0 0 10px 0;}
    div.course_05 ul.purpose li div{height:90px;}
    div.course_05 ul.purpose li.type_01 div{background:url(/_res/well/img/bg_course_18.png) no-repeat 20px 50%; background-size:35px auto;}
    div.course_05 ul.purpose li.type_02 div{background:url(/_res/well/img/bg_course_19.png) no-repeat 20px 50%; background-size:35px auto;}

    div.course_06 ul.purpose li{width:100%; margin:0 0 10px 0;}
    div.course_06 ul.purpose li div{height:90px;}
    div.course_06 ul.purpose li.type_01 div{background:url(/_res/well/img/bg_course_20.png) no-repeat 20px 50%; background-size:35px auto;}
    div.course_06 ul.purpose li.type_02 div{background:url(/_res/well/img/bg_course_21.png) no-repeat 20px 50%; background-size:35px auto;}
    div.course_06 ul.purpose li div p br{display:none;}
    div.course_06 div.term{padding:15px;}
    div.course_06 div.term h5{font-size:15px;}
    div.course_06 div.term ul.text_list{padding:10px 0 0 0;}
    div.course_06 div.term ul.text_list li{margin-top:5px; font-size:13px; line-height:150%; word-break:keep-all;}
    div.course_06 div.term ul.process_list li{float:none; margin:10px 0 0 0; padding:0; background:none;}
    div.course_06 div.term ul.process_list li div{width:100%; height:inherit; border-radius:6px;}
    div.course_06 div.term ul.process_list li:nth-child(odd) div{border:4px solid #61a6e8;}
    div.course_06 div.term ul.process_list li:nth-child(even) div{border:4px solid #70e1d9;}
    div.course_06 div.term ul.process_list li div span{padding:15px 0; font-size:13px;}
    div.course_06 div.term ul.process_list li div span br{display:none;}

    #sub_02_02 div.section{margin-top:30px;}
    #sub_02_02 div.section.type_table{display:block;}
    #sub_02_02 div.section > p{font-size:14px; line-height:160%;}
    #sub_02_02 ul.purpose{padding-top:10px;}
    #sub_02_02 ul.purpose li{width:100%; margin:0 0 10px 0; float:none;}
    #sub_02_02 ul.purpose li div{height:90px; padding:0 20px 0 70px;}
    #sub_02_02 ul.purpose li.type_01 div{background:url(/_res/well/img/bg_course_23.png) no-repeat 20px 50%; background-size:35px auto;}
    #sub_02_02 ul.purpose li.type_02 div{background:url(/_res/well/img/bg_course_24.png) no-repeat 20px 50%; background-size:35px auto;}
    #sub_02_02 ul.purpose li.type_03 div{background:url(/_res/well/img/bg_course_25.png) no-repeat 20px 50%; background-size:35px auto;}
    #sub_02_02 ul.purpose li div p{font-size:14px; line-height:160%;}
    #sub_02_02 div.box_wrap{display:block; padding:0 !important; margin-top:30px;}
    #sub_02_02 div.box_wrap.type_01{margin-top:0;}
    #sub_02_02 div.box_wrap div.box{height:inherit !important; padding:15px;}
    #sub_02_02 div.box_wrap div.box div.bg{height:150px;}
    #sub_02_02 div.box_wrap div.box div.bg h5{line-height:150px; font-size:18px;}
    #sub_02_02 div.box_wrap div.box ul.list_dash{padding-top:10px;}
    #sub_02_02 div.box_wrap div.box ul.list_dash li{margin-top:10px;}
    #sub_02_02 div.box_wrap div.box > p{padding-top:10px; font-size:14px;}
}